{"_id":"u-design-token","name":"u-design-token","dist-tags":{"latest":"0.1.0-alpha.1"},"versions":{"0.1.0-alpha.1":{"name":"u-design-token","version":"0.1.0-alpha.1","private":false,"keywords":["UI","styles","uih"],"author":{"name":"zhengliang.zhang & taozhi.chao"},"description":"UI5.0 Style.","license":"MIT","main":"index.js","scripts":{"build":"vite build"},"peerDependencies":{"ant-design-vue":"^4.2.3"},"browserslist":["> 1%","last 2 versions","not dead"],"devDependencies":{"vite":"^5.3.4"},"gitHead":"5a3da3f8cce4e0bde6830e639ad0a59fe96681a4","_id":"u-design-token@0.1.0-alpha.1","_nodeVersion":"18.12.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-9urMdzGKipdiRGSaUeXFlc9sXZyTtmtyWZ7bkIilyNIlAPrBZRF2qKjFqFbKiswXaG6LBOn+S4ztQJ6yROdHwQ==","shasum":"3c3a724509a8f1faecefdc0eaea5eb618d343d2d","tarball":"https://registry.npmjs.org/u-design-token/-/u-design-token-0.1.0-alpha.1.tgz","fileCount":55,"unpackedSize":26261451,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIGsZgyu+a8KEasHeXFn2MB3ZQIXJCuMqBuoX90KY0cgZAiEArhDhUxpR7MfsTX3Q/xJcwt7bi1lLbzjJGP1LCPGv7Nw="}]},"_npmUser":{"name":"damnparadox","email":"1665279060@qq.com"},"directories":{},"maintainers":[{"name":"damnparadox","email":"1665279060@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/u-design-token_0.1.0-alpha.1_1740711669292_0.4765341773637364"},"_hasShrinkwrap":false}},"time":{"created":"2025-02-28T03:01:09.291Z","0.1.0-alpha.1":"2025-02-28T03:01:09.780Z","modified":"2025-02-28T03:01:10.045Z"},"maintainers":[{"name":"damnparadox","email":"1665279060@qq.com"}],"description":"UI5.0 Style.","keywords":["UI","styles","uih"],"author":{"name":"zhengliang.zhang & taozhi.chao"},"license":"MIT","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</h1>\r\n\r\n<div align=\"center\" >\r\n\r\n一套企业级 UI 设计语言的样式库。\r\n\r\n</div>\r\n\r\n\r\n## ✨ 优势\r\n\r\n- 🌈 提炼自企业级中后台产品的交互语言和视觉风格。\r\n- ⚙️ 全链路开发和设计工具体系。\r\n\r\n## 🖥 兼容环境\r\n\r\n| [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>IE / Edge | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" />](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### 依赖\r\n样式库是基于ant-design-vue@4+组件库进行设计的，使用本样式库请确保项目已经安装ant-design-vue组件库.\r\n```shell\r\n# npm\r\nnpm install ant-design-vue\r\n# yarn\r\nyarn add ant-design-vue\r\n```\r\n\r\n### 安装\r\n\r\n```shell\r\n# npm \r\nnpm install u-design-token\r\nnpm install u-design-color\r\n```\r\n注意：如若安装失败，请加上 --force 进行安装\r\n\r\n### 完整引入\r\n\r\n```ts\r\n// 引入样式包\r\nimport { createApp } from 'vue'\r\nimport Antd from 'ant-design-vue'\r\nimport 'ant-design-vue/dist/reset.css';\r\nimport 'u-design-token'\r\nconst app = createApp(App);\r\napp.use(Antd).mount('#app');\r\n```\r\n\r\n### 全局配置\r\n配置app.vue文件\r\n\r\n```vue\r\n<script setup lang=\"ts\">\r\nimport { changeThemeColors } from 'u-design-color';\r\nconst newToken = ref();\r\nnewToken.value = changeThemeColors();\r\n</script>\r\n\r\n<template>\r\n  <a-config-provider :theme=\"{token: newToken}\">\r\n    <App />\r\n  </a-config-provider>\r\n</template>\r\n```\r\n\r\n## 其他特性\r\n本样式库支持明暗模式、自定义换肤等多种功能，详情见官网。\r\n\r\n\r\n## 🔗 官网链接\r\n\r\n[可访问链接](http://10.6.119.191:8003/ui5)\r\n\r\n\r\n\r\n\r\n","readmeFilename":"README.md"}