{"_id":"u-design-token-r","_rev":"1-7d19a61a1f118daf405be7e8a4290efe","name":"u-design-token-r","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"u-design-token-r","version":"0.0.1","license":"MIT","_id":"u-design-token-r@0.0.1","maintainers":[{"name":"webwander","email":"2736815971@qq.com"}],"dist":{"shasum":"b7e755e04baf3a10897d8e5eb218e28259a3d5ab","tarball":"https://registry.npmjs.org/u-design-token-r/-/u-design-token-r-0.0.1.tgz","fileCount":61,"integrity":"sha512-pgVm/iTziho6D6NPrYY9XG+naG+NY0sOC6Q4nLdkj9tFDDvlLYVKdkDa7KH5WbVEqDyPp1zH7NJ45k+oXdsz8Q==","signatures":[{"sig":"MEQCIHjudkroboKkzFfIkWO5H8XpHCa4Iy2jgM4PapLSz4X1AiAEefsNBZx4vC3cg2Xi+LYjAYYfB2oGGAM0xsz2zNYI9A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1846629},"types":"dist/index.d.ts","module":"dist/index.js","authors":[],"gitHead":"2e9c65b1459446639f9b5bda822ae254c04a413f","scripts":{"dev":"dumi dev","pub":"pnpm publish","lint":"npm run lint:es && npm run lint:css --fix","build":"father build","unpub":"pnpm unpublish uih-design-token --force","doctor":"father doctor","lint:es":"eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\" --fix","prepare":"dumi setup","lint:css":"stylelint \"{src,test}/**/*.{css,less}\" --fix","pub:local":"pnpm publish --registry http://10.6.119.191:4873/","docs:build":"dumi build","build:watch":"father dev","unpub:local":"pnpm unpublish uih-design-token --force --registry http://10.6.119.191:4873/","prepublishOnly":"echo"},"_npmUser":{"name":"webwander","email":"2736815971@qq.com"},"commitlint":{"extends":["@commitlint/config-conventional"]},"_npmVersion":"10.5.0","description":"React Token使用项目","directories":{},"lint-staged":{"*.{js,jsx}":["eslint --fix","prettier --write"],"*.{ts,tsx}":["eslint --fix","prettier --parser=typescript --write"],"*.{md,json}":["prettier --write --no-error-on-unmatched-pattern"],"*.{css,less}":["stylelint --fix","prettier --write"]},"_nodeVersion":"21.7.3","dependencies":{"fuse.js":"^7.0.0","prismjs":"^1.29.0","rc-tabs":"^15.4.0","nprogress":"^0.2.0","rc-drawer":"^6.5.2","classnames":"^2.3.2","ninja-keys":"^1.2.2","rc-tooltip":"^6.1.3","prism-themes":"^1.9.0","@emotion/react":"^11.11.1","@ctrl/tinycolor":"^4.0.0","@ant-design/icons":"^5.2.5","copy-to-clipboard":"^3.3.3","antd-token-previewer":"2.0.0-alpha.10","prism-react-renderer":"^1.3.5","react-copy-to-clipboard":"^5.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"dumi":"^2.4.13","eslint":"^8.47.0","father":"^4.3.1","prettier":"^3.0.2","stylelint":"^15.10.3","@umijs/lint":"^4.0.76","lint-staged":"^14.0.0","@types/react":"^18.2.20","@commitlint/cli":"^17.7.1","@types/react-dom":"^18.2.7","prettier-plugin-packagejson":"^2.4.5","@commitlint/config-conventional":"^17.7.0","prettier-plugin-organize-imports":"^3.2.3"},"peerDependencies":{"antd":">=5.8.2","react":">=16.9.0","react-dom":">=16.9.0","antd-style":"^3.4.4"},"_npmOperationalInternal":{"tmp":"tmp/u-design-token-r_0.0.1_1740718111721_0.5158006087868263","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"u-design-token-r","version":"0.0.2","description":"React Token使用项目","license":"MIT","module":"dist/index.js","types":"dist/index.d.ts","scripts":{"build":"father build","build:watch":"father dev","dev":"dumi dev","docs:build":"dumi build","doctor":"father doctor","lint":"npm run lint:es && npm run lint:css --fix","lint:css":"stylelint \"{src,test}/**/*.{css,less}\" --fix","lint:es":"eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\" --fix","prepare":"dumi setup","prepublishOnly":"echo","pub":"pnpm publish","unpub":"pnpm unpublish uih-design-token --force","pub:local":"pnpm publish --registry http://10.6.119.191:4873/","unpub:local":"pnpm unpublish uih-design-token --force --registry http://10.6.119.191:4873/"},"commitlint":{"extends":["@commitlint/config-conventional"]},"lint-staged":{"*.{md,json}":["prettier --write --no-error-on-unmatched-pattern"],"*.{css,less}":["stylelint --fix","prettier --write"],"*.{js,jsx}":["eslint --fix","prettier --write"],"*.{ts,tsx}":["eslint --fix","prettier --parser=typescript --write"]},"dependencies":{"@ant-design/icons":"^5.2.5","@ctrl/tinycolor":"^4.0.0","@emotion/react":"^11.11.1","antd-token-previewer":"2.0.0-alpha.10","classnames":"^2.3.2","copy-to-clipboard":"^3.3.3","fuse.js":"^7.0.0","ninja-keys":"^1.2.2","nprogress":"^0.2.0","prism-react-renderer":"^1.3.5","prism-themes":"^1.9.0","prismjs":"^1.29.0","rc-drawer":"^6.5.2","rc-tabs":"^15.4.0","rc-tooltip":"^6.1.3","react-copy-to-clipboard":"^5.1.0"},"devDependencies":{"@commitlint/cli":"^17.7.1","@commitlint/config-conventional":"^17.7.0","@types/react":"^18.2.20","@types/react-dom":"^18.2.7","@umijs/lint":"^4.0.76","dumi":"^2.4.13","eslint":"^8.47.0","father":"^4.3.1","lint-staged":"^14.0.0","prettier":"^3.0.2","prettier-plugin-organize-imports":"^3.2.3","prettier-plugin-packagejson":"^2.4.5","stylelint":"^15.10.3"},"peerDependencies":{"antd":">=5.8.2","antd-style":"^3.4.4","react":">=16.9.0","react-dom":">=16.9.0"},"publishConfig":{"access":"public"},"authors":[],"_id":"u-design-token-r@0.0.2","gitHead":"2e9c65b1459446639f9b5bda822ae254c04a413f","_nodeVersion":"21.7.3","_npmVersion":"10.5.0","dist":{"integrity":"sha512-XuX33QdgWAbBRcGCeSYZaWcspheuEc/g9mGgB56pYcWGZhTgsDSFty/QSWKd7HR+TyTpLFoWgYiNV3mg5/2p/Q==","shasum":"c1dbce469916a12a5e5b882963f7eb11788f4de7","tarball":"https://registry.npmjs.org/u-design-token-r/-/u-design-token-r-0.0.2.tgz","fileCount":61,"unpackedSize":1846626,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIGwg0PPsOzoRB/YYsaInBZfmn7cjwnQFojMHTJVzzJZ0AiBfd6VXxkY6osbD2Gzsv4QeRX3bRvTw+HLXUEFIvXM/2A=="}]},"_npmUser":{"name":"webwander","email":"2736815971@qq.com"},"directories":{},"maintainers":[{"name":"webwander","email":"2736815971@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/u-design-token-r_0.0.2_1740718339618_0.5169396433210365"},"_hasShrinkwrap":false}},"time":{"created":"2025-02-28T04:48:31.600Z","modified":"2025-02-28T04:52:20.096Z","0.0.1":"2025-02-28T04:48:31.994Z","0.0.2":"2025-02-28T04:52:19.924Z"},"license":"MIT","description":"React Token使用项目","maintainers":[{"name":"webwander","email":"2736815971@qq.com"}],"readme":"<div align=\"center\">\r\n    <img width=\"200\" margin=\"0 auto \" src=\"https://ued.united-imaging.com/teamwork/assets/ued.af5d8616.svg\">\r\n</div>\r\n\r\n<h1 align=\"center\">u-design-token-r</h1>\r\n\r\n<div align=\"center\" >\r\n\r\n一套企业级 UI 设计语言和 React 组件库。\r\n\r\n</div>\r\n\r\n![NPM version][npm-image]\r\n\r\n[npm-image]: https://img.shields.io/badge/uih--design--token-0.0.1-green\r\n\r\n## ✨ 特性\r\n\r\n- 🌈 提炼自企业级中后台产品的交互语言和视觉风格。\r\n- ⚙️ 全链路开发和设计工具体系。\r\n\r\n## 🖥 兼容环境\r\n\r\n| [<img src=\"./public/images/edge_48x48.png\" alt=\"IE / Edge\" width=\"30px\" height=\"30px\" />](http://godban.github.io/browsers-support-badges/)<br>IE / Edge | [<img src=\"./public/images/firefox_48x48.png\" alt=\"Firefox\" width=\"30px\" height=\"30px\" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src=\"./public/images/chrome_48x48.png\" alt=\"Chrome\" width=\"30px\" height=\"30px\" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src=\"./public/images/safari_48x48.png\" alt=\"Safari\" width=\"30px\" height=\"30px\" />](http://godban.github.io/browsers-support-badges/)<br>Safari |\r\n| -------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |\r\n| IE11,Edge last 2 versions                                                                                                                                | last 2 versions                                                                                                                                         | last 2 versions                                                                                                                                      | last 2 versions                                                                                                                                      |\r\n\r\n##  依赖\r\n\r\n样式库是基于ant-design组件库进行设计的，使用本样式库请确保项目已经安装`antd`、`antd-style`库.\r\n\r\n```bash\r\nnpm install antd --save\r\nnpm install antd-style -D\r\n\r\n# or\r\n\r\npnpm install antd --save\r\npnpm install antd-style -D\r\n\r\n# or\r\n\r\nyarn add antd\r\nyarn add antd-style -D\r\n```\r\n\r\n## 📦 安装\r\n\r\n```bash\r\nnpm install u-design-token-r --force\r\n\r\n# or\r\n\r\npnpm install u-design-token-r--force\r\n\r\n# or\r\n\r\nyarn add u-design-token-r --force\r\n```\r\n\r\n## 💻 使用\r\n\r\n建议在`Layout`或`main`中添加如下代码切换明暗主题\r\n\r\n```jsx\r\nimport { ThemeProvider } from 'antd-style';\r\nimport { useState } from 'react';\r\nimport {\r\n  UIHDesignTokenStyle,\r\n  UIHDarkAlgorithm,\r\n  UIHLightAlgorithm,\r\n} from 'u-design-token-r';\r\n// 所有算法使用与UIH DESIGN一致\r\n\r\n// 引入样式标签&明暗模式算法\r\nexport default function Layout() {\r\n  const [theme, setTheme] = useState('dark');\r\n  const [colorPrimary, setColorPrimary] = useState('#365FD9');\r\n  return (\r\n    <ThemeProvider\r\n      theme={{\r\n        algorithm: theme === 'dark' ? UIHDarkAlgorithm : UIHLightAlgorithm,\r\n        token: { colorPrimary: colorPrimary },\r\n      }}\r\n    >\r\n      <>\r\n        <UIHDesignTokenStyle />\r\n        <Outlet />\r\n      </>\r\n    </ThemeProvider>\r\n  );\r\n}\r\n```\r\n","readmeFilename":"README.md"}