{"_id":"@rc-component/progress","_rev":"5-6b18bcebd47cb2c8295e1693d7c991f5","name":"@rc-component/progress","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@rc-component/progress","version":"1.0.0","keywords":["react","react-component","react-progress","progress"],"license":"MIT","_id":"@rc-component/progress@1.0.0","maintainers":[{"name":"zombiej","email":"smith3816@gmail.com"},{"name":"afc163","email":"afc163@gmail.com"},{"name":"madccc","email":"1075746765@qq.com"},{"name":"peachscript","email":"scdzwyxst@gmail.com"}],"homepage":"http://github.com/react-component/progress","bugs":{"url":"http://github.com/react-component/progress/issues"},"dist":{"shasum":"f38a8d8f9480beaa569c506316107c6352849597","tarball":"https://registry.npmjs.org/@rc-component/progress/-/progress-1.0.0.tgz","fileCount":39,"integrity":"sha512-g6PoriIxGNOmOzEfYhk+cSA9bP5MpKEmlIquHAm77nuE7P6y730lWIQ9Ym4KT6anZs9gWz3aM6VUT6LnDdyHuw==","signatures":[{"sig":"MEQCIHoEZepmKlm6ENIpYjeXtO740wDrC0NTv17+wnc9JoLwAiBvsOfQ2tsG0u78/D5tMOXuRuDL0khZqLTzzWLeTG2WMw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":52727},"main":"./lib/index","types":"./lib/index.d.ts","module":"./es/index","gitHead":"9b7899e6abc7ba4cafdd428b6272db6fa063097f","scripts":{"tsc":"tsc --noEmit","lint":"eslint src/ --ext .ts,.tsx,.jsx,.js","test":"rc-test","start":"dumi dev","deploy":"npm run docs:build && npm run docs:deploy","compile":"father build","prepare":"dumi setup","coverage":"father test --coverage","gh-pages":"npm run now-build && father doc deploy","prettier":"prettier --write \"**/*.{ts,tsx,js,jsx,json,md}\"","now-build":"npm run docs:build","docs:build":"dumi build","docs:deploy":"gh-pages -d dist","prepublishOnly":"npm run compile && rc-np"},"_npmUser":{"name":"zombiej","email":"smith3816@gmail.com"},"repository":{"url":"git+ssh://git@github.com/react-component/progress.git","type":"git"},"_npmVersion":"10.8.2","description":"progress ui component for react","directories":{},"_nodeVersion":"22.5.1","dependencies":{"classnames":"^2.2.6","@rc-component/util":"^1.2.1"},"_hasShrinkwrap":false,"devDependencies":{"dumi":"^2.0.0","glob":"^8.0.1","react":"^18.0.0","eslint":"^8.57.0","father":"^4.0.0","rc-test":"^7.0.15","prettier":"^3.1.1","cross-env":"^7.0.0","react-dom":"^18.0.0","typescript":"^5.0.0","@types/jest":"^29.4.0","@types/keyv":"3.1.4","@types/react":"^18.0.9","@umijs/fabric":"^3.0.0","@rc-component/np":"^1.0.4","@types/react-dom":"^18.0.3","@types/classnames":"^2.2.9","eslint-plugin-jest":"^27.6.0","eslint-plugin-unicorn":"^50.0.1","@testing-library/react":"^13.0.0","@rc-component/father-plugin":"^2.0.4"},"peerDependencies":{"react":">=16.9.0","react-dom":">=16.9.0"},"_npmOperationalInternal":{"tmp":"tmp/progress_1.0.0_1744821352012_0.03455432255504198","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@rc-component/progress","version":"1.0.1","keywords":["react","react-component","react-progress","progress"],"license":"MIT","_id":"@rc-component/progress@1.0.1","maintainers":[{"name":"zombiej","email":"smith3816@gmail.com"},{"name":"afc163","email":"afc163@gmail.com"},{"name":"madccc","email":"1075746765@qq.com"},{"name":"peachscript","email":"scdzwyxst@gmail.com"}],"homepage":"http://github.com/react-component/progress","bugs":{"url":"http://github.com/react-component/progress/issues"},"dist":{"shasum":"07d23aa4e44091d10935a2c6a246a29a3aaa86f9","tarball":"https://registry.npmjs.org/@rc-component/progress/-/progress-1.0.1.tgz","fileCount":39,"integrity":"sha512-CM4E8NJbHBb4XHurTrKWqWiU5UwSEZ96rmpyIYiU5xET8coaDaVcHPdjtfdzQbamgKrik6a+SL/z35hP3zRBnw==","signatures":[{"sig":"MEYCIQD2AN4KuB8c35MiCUg2QrHqYcse8PsgH6CF3kHq1YdtewIhAM4rr3+WXtVQpJLUuut+3KU/D6JJFanPFXvaSrxbw3ep","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":52689},"main":"./lib/index","types":"./lib/index.d.ts","module":"./es/index","gitHead":"114f973e4139398fe0af3455ddf83cefb6c919e7","scripts":{"tsc":"tsc --noEmit","lint":"eslint src/ --ext .ts,.tsx,.jsx,.js","test":"rc-test","start":"dumi dev","deploy":"npm run docs:build && npm run docs:deploy","compile":"father build","prepare":"dumi setup","coverage":"father test --coverage","gh-pages":"npm run now-build && father doc deploy","prettier":"prettier --write \"**/*.{ts,tsx,js,jsx,json,md}\"","now-build":"npm run docs:build","docs:build":"dumi build","docs:deploy":"gh-pages -d dist","prepublishOnly":"npm run compile && rc-np"},"_npmUser":{"name":"zombiej","email":"smith3816@gmail.com"},"repository":{"url":"git+ssh://git@github.com/react-component/progress.git","type":"git"},"_npmVersion":"10.8.2","description":"progress ui component for react","directories":{},"_nodeVersion":"22.5.1","dependencies":{"classnames":"^2.2.6","@rc-component/util":"^1.2.1"},"_hasShrinkwrap":false,"devDependencies":{"dumi":"^2.0.0","glob":"^8.0.1","react":"^18.0.0","eslint":"^8.57.0","father":"^4.0.0","rc-test":"^7.0.15","prettier":"^3.1.1","cross-env":"^7.0.0","react-dom":"^18.0.0","typescript":"^5.0.0","@types/jest":"^29.4.0","@types/keyv":"3.1.4","@types/react":"^18.0.9","@umijs/fabric":"^3.0.0","@rc-component/np":"^1.0.4","@types/react-dom":"^18.0.3","@types/classnames":"^2.2.9","eslint-plugin-jest":"^27.6.0","eslint-plugin-unicorn":"^50.0.1","@testing-library/react":"^13.0.0","@rc-component/father-plugin":"^2.0.4"},"peerDependencies":{"react":">=16.9.0","react-dom":">=16.9.0"},"_npmOperationalInternal":{"tmp":"tmp/progress_1.0.1_1744872491143_0.8978280355771333","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@rc-component/progress","version":"1.0.2","keywords":["react","react-component","react-progress","progress"],"license":"MIT","_id":"@rc-component/progress@1.0.2","maintainers":[{"name":"zombiej","email":"smith3816@gmail.com"},{"name":"afc163","email":"afc163@gmail.com"},{"name":"madccc","email":"1075746765@qq.com"},{"name":"peachscript","email":"scdzwyxst@gmail.com"},{"name":"chenshuai2144","email":"wasd2144@hotmail.com"}],"homepage":"http://github.com/react-component/progress","bugs":{"url":"http://github.com/react-component/progress/issues"},"dist":{"shasum":"9aba5e24d3ca73a61a451fd041f5d03ca8907c62","tarball":"https://registry.npmjs.org/@rc-component/progress/-/progress-1.0.2.tgz","fileCount":39,"integrity":"sha512-WZUnH9eGxH1+xodZKqdrHke59uyGZSWgj5HBM5Kwk5BrTMuAORO7VJ2IP5Qbm9aH3n9x3IcesqHHR0NWPBC7fQ==","signatures":[{"sig":"MEUCIQCAxxrq/TUxWbeTqIVs/EyvxbqUhLlb6sP+YPX2mtS4gwIgJMdNLIfoKz21vKZWgypH6RoY/oDj6LrRXAoTJI81HHU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":52376},"main":"./lib/index","types":"./lib/index.d.ts","module":"./es/index","gitHead":"0528d0817a868bc1ee4d631f4be4174ef7de6451","scripts":{"tsc":"tsc --noEmit","lint":"eslint src/ --ext .ts,.tsx,.jsx,.js","test":"rc-test","start":"dumi dev","deploy":"npm run docs:build && npm run docs:deploy","compile":"father build","prepare":"dumi setup","coverage":"father test --coverage","gh-pages":"npm run now-build && father doc deploy","prettier":"prettier --write \"**/*.{ts,tsx,js,jsx,json,md}\"","now-build":"npm run docs:build","docs:build":"dumi build","docs:deploy":"gh-pages -d dist","prepublishOnly":"npm run compile && rc-np"},"_npmUser":{"name":"afc163","email":"afc163@gmail.com"},"repository":{"url":"git+ssh://git@github.com/react-component/progress.git","type":"git"},"_npmVersion":"11.6.0","description":"progress ui component for react","directories":{},"_nodeVersion":"22.8.0","dependencies":{"clsx":"^2.1.1","@rc-component/util":"^1.2.1"},"_hasShrinkwrap":false,"devDependencies":{"dumi":"^2.0.0","glob":"^8.0.1","react":"^18.0.0","eslint":"^8.57.0","father":"^4.0.0","rc-test":"^7.0.15","prettier":"^3.1.1","react-dom":"^18.0.0","typescript":"^5.0.0","@types/jest":"^29.4.0","@types/keyv":"3.1.4","@types/node":"^24.5.2","@types/react":"^18.0.9","@umijs/fabric":"^3.0.0","@rc-component/np":"^1.0.4","@types/react-dom":"^18.0.3","eslint-plugin-jest":"^27.6.0","eslint-plugin-unicorn":"^50.0.1","@testing-library/react":"^13.0.0","@rc-component/father-plugin":"^2.0.4"},"peerDependencies":{"react":">=16.9.0","react-dom":">=16.9.0"},"_npmOperationalInternal":{"tmp":"tmp/progress_1.0.2_1764298909044_0.5610070346074467","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"_id":"@rc-component/progress@1.0.3","bugs":{"url":"https://github.com/react-component/progress/issues"},"dist":{"shasum":"e2bddab0e6bccdbe6b87a313efa9daab346273f5","tarball":"https://registry.npmjs.org/@rc-component/progress/-/progress-1.0.3.tgz","fileCount":41,"integrity":"sha512-Q1nPLIvKr95el/q76yaBh5nv1hqCsWaHQb8U7vXEDMefEhHgM7n3CPoN+o4LHnTyANQHmMFgoS/naAT4Bhxuaw==","signatures":[{"sig":"MEYCIQDvhGDVKUvf5p7Q2hvMrj7Vglzrzggb1982hvaTNtHQeQIhAMFbqAh7Pe86232XpiZgKXqRt9UWywYc74tfPER5qeLd","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIDxIlCQW2h0AIgcD7ef/4rhaVcYHQvuyOcw2Zlyc2bLyAiAA/3T8iDEk65V3Scwy9PcB5bQqO/jw2NB4+dB1eU2y8A=="}],"unpackedSize":58072},"main":"./lib/index","name":"@rc-component/progress","types":"./es/index.d.ts","module":"./es/index","gitHead":"2f59aea058f27098fd1e73a2cca985faf520e3d2","license":"MIT","scripts":{"tsc":"tsc --noEmit","lint":"eslint src/ --ext .ts,.tsx,.jsx,.js","test":"rc-test","build":"npm run docs:build","start":"dumi dev","deploy":"npm run gh-pages","compile":"father build","prepare":"husky && dumi setup","coverage":"father test --coverage","gh-pages":"cross-env GH_PAGES=1 npm run docs:build && npm run docs:deploy","prettier":"prettier --write --ignore-unknown .","docs:build":"dumi build","docs:deploy":"gh-pages -d docs-dist","prepublishOnly":"npm run compile && rc-np"},"version":"1.0.3","_npmUser":{"name":"madccc","email":"1075746765@qq.com"},"homepage":"https://react-component.github.io/progress","keywords":["react","react-component","react-progress","progress"],"repository":{"url":"git+https://github.com/react-component/progress.git","type":"git"},"_npmVersion":"10.9.2","description":"progress ui component for react","directories":{},"lint-staged":{"*":"prettier --write --ignore-unknown"},"maintainers":[{"name":"zombiej","email":"smith3816@gmail.com"},{"name":"afc163","email":"afc163@gmail.com"},{"name":"madccc","email":"1075746765@qq.com"},{"name":"peachscript","email":"scdzwyxst@gmail.com"},{"name":"chenshuai2144","email":"wasd2144@hotmail.com"}],"_nodeVersion":"22.13.1","dependencies":{"clsx":"^2.1.1","@rc-component/util":"^1.11.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"dumi":"^2.4.38","glob":"^13.0.6","husky":"^9.1.7","react":"^19.2.7","eslint":"^10.6.0","father":"^4.6.24","globals":"^17.7.0","rc-test":"^7.1.3","gh-pages":"^6.3.0","prettier":"^3.9.4","cross-env":"^10.1.0","react-dom":"^19.2.7","@eslint/js":"^10.0.1","typescript":"^6.0.3","@types/jest":"^30.0.0","@types/keyv":"^4.2.0","@types/node":"^26.0.1","lint-staged":"^17.0.8","@types/react":"^19.2.17","@eslint/compat":"^2.1.0","@rc-component/np":"^1.0.4","@types/react-dom":"^19.2.3","typescript-eslint":"^8.62.1","eslint-plugin-jest":"^29.15.4","eslint-plugin-react":"^7.37.5","@testing-library/dom":"^10.4.1","@testing-library/react":"^16.3.2","eslint-config-prettier":"^10.1.8","@testing-library/jest-dom":"^6.9.1","eslint-plugin-react-hooks":"^7.1.1","@rc-component/father-plugin":"^2.2.0"},"peerDependencies":{"react":">=16.9.0","react-dom":">=16.9.0"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/progress_1.0.3_1787801817777_0.6708563184279472"}}},"time":{"created":"2025-04-16T16:35:51.884Z","modified":"2026-08-27T03:36:58.069Z","1.0.0":"2025-04-16T16:35:52.236Z","1.0.1":"2025-04-17T06:48:11.322Z","1.0.2":"2025-11-28T03:01:49.226Z","1.0.3":"2026-08-27T03:36:57.852Z"},"bugs":{"url":"https://github.com/react-component/progress/issues"},"license":"MIT","homepage":"https://react-component.github.io/progress","keywords":["react","react-component","react-progress","progress"],"repository":{"url":"git+https://github.com/react-component/progress.git","type":"git"},"description":"progress ui component for react","maintainers":[{"name":"zombiej","email":"smith3816@gmail.com"},{"name":"afc163","email":"afc163@gmail.com"},{"name":"madccc","email":"1075746765@qq.com"},{"name":"peachscript","email":"scdzwyxst@gmail.com"},{"name":"chenshuai2144","email":"wasd2144@hotmail.com"}],"readme":"<div align=\"center\">\n  <h1>@rc-component/progress</h1>\n  <p><sub><a href=\"https://ant.design\"><img alt=\"Ant Design\" height=\"14\" src=\"https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg\" style=\"vertical-align: -0.125em;\" /></a> Ant Design 生态的一部分。</sub></p>\n  <p>📊 React 进度条组件，支持线型、圆形和自定义进度展示。</p>\n\n  <p>\n    <a href=\"https://npmjs.org/package/@rc-component/progress\"><img alt=\"NPM version\" src=\"https://img.shields.io/npm/v/@rc-component/progress.svg?style=flat-square\"></a>\n    <a href=\"https://npmjs.org/package/@rc-component/progress\"><img alt=\"npm downloads\" src=\"https://img.shields.io/npm/dm/@rc-component/progress.svg?style=flat-square\"></a>\n    <a href=\"https://github.com/react-component/progress/actions/workflows/react-component-ci.yml\"><img alt=\"build status\" src=\"https://github.com/react-component/progress/actions/workflows/react-component-ci.yml/badge.svg\"></a>\n    <a href=\"https://app.codecov.io/gh/react-component/progress\"><img alt=\"Codecov\" src=\"https://img.shields.io/codecov/c/github/react-component/progress/master.svg?style=flat-square\"></a>\n    <a href=\"https://bundlephobia.com/package/@rc-component/progress\"><img alt=\"bundle size\" src=\"https://img.shields.io/bundlephobia/minzip/@rc-component/progress?style=flat-square\"></a>\n    <a href=\"https://github.com/umijs/dumi\"><img alt=\"dumi\" src=\"https://img.shields.io/badge/docs%20by-dumi-blue?style=flat-square\"></a>\n  </p>\n</div>\n\n<p align=\"center\"><a href=\"./README.md\">English</a> | 简体中文</p>\n\n## 特性\n\n- `Line` 和 `Circle` 使用 SVG 渲染的进度组件。\n- 单值、分段值、渐变颜色和不确定的加载状态。\n- 用于根、导轨和轨道定制的语义 `classNames` 和 `styles` 插槽。\n- 为共享进度属性提供 TypeScript 类型定义。\n\n## 安装\n\n```bash\nnpm install @rc-component/progress\n```\n\n## 使用\n\n```tsx | pure\nimport { Circle, Line } from '@rc-component/progress';\nexport default () => (\n  <>\n    <Line percent={42} strokeWidth={4} strokeColor=\"#1677ff\" />\n    <Circle percent={75} strokeWidth={6} strokeColor=\"#52c41a\" />\n  </>\n);\n```\n\n```tsx | pure\nimport { Circle } from '@rc-component/progress';\nexport default () => (\n  <Circle\n    percent={[30, 20, 10]}\n    strokeWidth={6}\n    strokeColor={['#1677ff', '#52c41a', '#faad14']}\n    railWidth={6}\n  />\n);\n```\n\nSVG 默认作为装饰元素。当 SVG 本身作为进度指示器时，可通过标准 SVG／ARIA 属性提供进度语义和无障碍名称：\n\n```tsx | pure\n<Line\n  percent={42}\n  role=\"progressbar\"\n  aria-label=\"上传进度\"\n  aria-valuemin={0}\n  aria-valuemax={100}\n  aria-valuenow={42}\n/>\n```\n\n## 示例\n\n运行本地 dumi 站点：\n\n```bash\nnpm install\nnpm start\n```\n\n然后打开 `http://localhost:8000`。\n\n## API\n\n`Line` 和 `Circle` 共享相同的基础属性。\n\n| 名称 | 类型 | 默认值 | 说明 |\n| --- | --- | --- | --- |\n| `className` | string | - | 根节点的附加 className。 |\n| `classNames` | Partial<Record<'root' \\| 'rail' \\| 'track', string>> | - | 内部插槽的语义化 className。 |\n| `gapDegree` | number | - | 环形进度缺口角度。 |\n| `gapPosition` | `'top'` \\| `'right'` \\| `'bottom'` \\| `'left'` | `'bottom'` | 循环进度的间隙位置。 |\n| `id` | string | - | 根元素 ID。 |\n| `loading` | boolean | false | 渲染不确定的加载动画。 |\n| `onClick` | React.MouseEventHandler | - | 单击根 SVG 的处理程序。 |\n| `percent` | number \\| number[] | 0 | 进度百分比。数组会渲染多条轨道。 |\n| `prefixCls` | string | `'rc-progress'` | 前缀 className。 |\n| `railColor` | string | `'#D9D9D9'` | 导轨颜色。 |\n| `railWidth` | number | 1 | 导轨行程宽度。 |\n| `steps` | number \\| { count: number; gap: number } | - | 以离散步骤渲染进度。 |\n| `strokeColor` | string \\| Record<string, string \\| boolean> \\| Array<string \\| Record<string, string \\| boolean>> | `'#2db7f5'` | 轨道颜色、渐变对象或每条轨道的颜色。 |\n| `strokeLinecap` | `'round'` \\| `'butt'` \\| `'square'` | `'round'` | 描边端点样式。 |\n| `strokeWidth` | number | 1 | 轨道描边宽度。 |\n| `style` | React.CSSProperties | - | 根样式。 |\n| `styles` | Partial<Record<'root' \\| 'rail' \\| 'track', React.CSSProperties>> | - | 内部插槽的语义化样式。 |\n| `transition` | string | - | 用于跟踪更新的 CSS 过渡。 |\n\n标准 SVG 属性（包括 `role` 和 `aria-*`）会透传到根 SVG。\n\n## 本地开发\n\n```bash\nnpm install\nnpm start\nnpm test\nnpm run tsc\nnpm run compile\nnpm run build\n```\n\ndumi 站点默认运行在 `http://localhost:8000`。\n\n## 发布\n\n```bash\nnpm run prepublishOnly\n```\n\n包构建完成后，发布流程由 `@rc-component/np` 通过 `rc-np` 命令处理。\n\n## 许可证\n\n@rc-component/progress 基于 [MIT](./LICENSE) 许可证发布。\n","readmeFilename":"README.zh-CN.md"}