{"_id":"@agile-team/naive-ui-components","_rev":"2-9fbc872bd9fa68bae09663bccfc9c9f9","name":"@agile-team/naive-ui-components","dist-tags":{"latest":"0.1.4"},"versions":{"0.1.2":{"name":"@agile-team/naive-ui-components","version":"0.1.2","keywords":["vue","vue3","components","naive-ui","typescript","ui-library"],"author":{"name":"CHENY","email":"ycyplus@gmail.com"},"license":"MIT","_id":"@agile-team/naive-ui-components@0.1.2","maintainers":[{"name":"cheny_yang","email":"ycyplus@gmail.com"}],"homepage":"https://github.com/ChenyCHENYU/naive-ui-components#readme","bugs":{"url":"https://github.com/ChenyCHENYU/naive-ui-components/issues"},"dist":{"shasum":"0ccb700d52ec9f35a41c3b7a9f9e6f601f6de811","tarball":"https://registry.npmjs.org/@agile-team/naive-ui-components/-/naive-ui-components-0.1.2.tgz","fileCount":11,"integrity":"sha512-JQGXcsh6fI+tv+sRSz4OW74CjhCMZ2WcptOZf9ikeI9429pKIADwoW3nyd0M0Dp6uY6lukHRnJlaFLn/0OEuQQ==","signatures":[{"sig":"MEUCID/+RUGX52SSMBkr8k3Fmp6cJjYR+0oI5DxMXM/toce6AiEAwoSpX+VEMFXL7siQXfE8NL0shECsaGJrfq1hc1y3kkE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":162860},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./style":{"import":"./dist/style.css","require":"./dist/style.css"}},"gitHead":"9c0c45473b2f855779bfbb701c60cef374b27f5d","scripts":{"dev":"tsdown --watch","build":"tsdown","test:dev":"cd dev && vite","playground":"cd dev && vite","type-check":"tsc --noEmit","release:major":"npm version major && bun run build && npm publish","release:minor":"npm version minor && bun run build && npm publish","release:patch":"npm version patch && bun run build && npm publish","prepublishOnly":"bun run build"},"_npmUser":{"name":"cheny_yang","email":"ycyplus@gmail.com"},"repository":{"url":"git+https://github.com/ChenyCHENYU/naive-ui-components.git","type":"git"},"_npmVersion":"10.9.2","description":"基于 Naive UI 的 Vue 3 组件库","directories":{},"_nodeVersion":"22.13.0","dependencies":{"@iconify/vue":"^5.0.0","@vueuse/core":"^13.6.0","highlight.js":"^11.11.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.18","sass":"^1.90.0","vite":"^7.1.2","tsdown":"^0.14.1","naive-ui":"^2.42.0","typescript":"^5.9.2","@types/node":"^24.2.1","unplugin-vue":"^7.0.1","@vue/compiler-sfc":"^3.5.18","@vitejs/plugin-vue":"^6.0.1","rollup-plugin-scss":"^4.0.1"},"peerDependencies":{"vue":"^3.3.0","naive-ui":"^2.35.0"},"_npmOperationalInternal":{"tmp":"tmp/naive-ui-components_0.1.2_1755247285906_0.734068247398511","host":"s3://npm-registry-packages-npm-production"}},"0.1.4":{"name":"@agile-team/naive-ui-components","publishConfig":{"access":"public"},"version":"0.1.4","description":"基于 Naive UI 的 Vue 3 组件库","type":"module","main":"dist/index.cjs","module":"dist/index.js","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./style":{"import":"./dist/style.css","require":"./dist/style.css"}},"keywords":["vue","vue3","components","naive-ui","typescript","ui-library"],"author":{"name":"CHENY","email":"ycyplus@gmail.com"},"license":"MIT","homepage":"https://github.com/ChenyCHENYU/naive-ui-components#readme","repository":{"type":"git","url":"git+https://github.com/ChenyCHENYU/naive-ui-components.git"},"bugs":{"url":"https://github.com/ChenyCHENYU/naive-ui-components/issues"},"scripts":{"dev":"node scripts/watch-global-scss.js & tsdown --watch","build":"node scripts/gen-global-scss.js && tsdown","test:dev":"node scripts/gen-global-scss.js && cd dev && vite","playground":"node scripts/gen-global-scss.js && cd dev && vite","type-check":"tsc --noEmit","prepublishOnly":"bun run build","release:patch":"npm version patch && bun run build && npm publish","release:minor":"npm version minor && bun run build && npm publish","release:major":"npm version major && bun run build && npm publish"},"peerDependencies":{"vue":"^3.3.0","naive-ui":"^2.35.0"},"dependencies":{"@iconify/vue":"^5.0.0","@vueuse/core":"^13.6.0","highlight.js":"^11.11.1"},"devDependencies":{"@types/node":"^24.2.1","@vitejs/plugin-vue":"^6.0.1","@vue/compiler-sfc":"^3.5.18","naive-ui":"^2.42.0","rollup-plugin-scss":"^4.0.1","sass":"^1.90.0","tsdown":"^0.14.1","typescript":"^5.9.2","unplugin-vue":"^7.0.1","vite":"^7.1.2","vue":"^3.5.18"},"_id":"@agile-team/naive-ui-components@0.1.4","gitHead":"ef2e3dcb9d8457e47610a25a0be2b401a48a5218","_nodeVersion":"22.13.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-Phg2OdrDwy7KIVRBP6kU+xCbxcl2SDR6LGFHnItLDuUPwO2ZcRuYAothwjj5VXwBeyBUtLu7+IFDyEPR54Onxg==","shasum":"897d3a150097c92547372fc74ed8dff63ed8d208","tarball":"https://registry.npmjs.org/@agile-team/naive-ui-components/-/naive-ui-components-0.1.4.tgz","fileCount":11,"unpackedSize":163026,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIH4N1w81DaX0Ej66TsIDe+bsFVxzpYWHyuzsT525XJxKAiBav6lsHsV0222EVJRn/HGzAjTTFIY266irGpitemskWQ=="}]},"_npmUser":{"name":"cheny_yang","email":"ycyplus@gmail.com"},"directories":{},"maintainers":[{"name":"cheny_yang","email":"ycyplus@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/naive-ui-components_0.1.4_1755248450521_0.3129102961657255"},"_hasShrinkwrap":false}},"time":{"created":"2025-08-15T08:41:25.801Z","modified":"2025-08-15T09:00:50.920Z","0.1.2":"2025-08-15T08:41:26.083Z","0.1.4":"2025-08-15T09:00:50.744Z"},"bugs":{"url":"https://github.com/ChenyCHENYU/naive-ui-components/issues"},"author":{"name":"CHENY","email":"ycyplus@gmail.com"},"license":"MIT","homepage":"https://github.com/ChenyCHENYU/naive-ui-components#readme","keywords":["vue","vue3","components","naive-ui","typescript","ui-library"],"repository":{"type":"git","url":"git+https://github.com/ChenyCHENYU/naive-ui-components.git"},"description":"基于 Naive UI 的 Vue 3 组件库","maintainers":[{"name":"cheny_yang","email":"ycyplus@gmail.com"}],"readme":"# @agile-team/naive-ui-components\r\n\r\n\r\n基于 Naive UI 的 Vue 3 组件库，提供高质量的业务组件。\r\n\r\n## 📦 安装\r\n\r\n```bash\r\nnpm install @agile-team/naive-ui-components\r\n```\r\n\r\n必需的对等依赖：\r\n```bash\r\nnpm install vue@^3.3.0 naive-ui@^2.35.0\r\n```\r\n\r\n## 🚀 快速开始\r\n\r\n### 全局注册（推荐）\r\n\r\n```typescript\r\n// main.ts\r\nimport { createApp } from 'vue'\r\nimport NaiveUIComponents from '@agile-team/naive-ui-components'\r\nimport '@agile-team/naive-ui-components/style'\r\n\r\nconst app = createApp(App)\r\napp.use(NaiveUIComponents)\r\napp.mount('#app')\r\n```\r\n\r\n### 按需导入\r\n\r\n```vue\r\n<script setup lang=\"ts\">\r\nimport { C_Icon, C_Code } from '@agile-team/naive-ui-components'\r\nimport '@agile-team/naive-ui-components/style'\r\n</script>\r\n\r\n<template>\r\n  <C_Icon name=\"mdi:home\" size=\"24\" />\r\n  <C_Code language=\"javascript\" :code=\"'console.log(\\\"Hello World\\\")'\" />\r\n</template>\r\n```\r\n\r\n### 使用示例\r\n\r\n```vue\r\n<template>\r\n  <div class=\"demo\">\r\n    <!-- 图标组件 -->\r\n    <C_Icon name=\"mdi:heart\" size=\"32\" color=\"red\" clickable @click=\"handleClick\" />\r\n    \r\n    <!-- 代码高亮组件 -->\r\n    <C_Code \r\n      language=\"javascript\" \r\n      :code=\"jsCode\" \r\n      :line-numbers=\"true\"\r\n      theme=\"github-dark\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nconst jsCode = `\r\nfunction fibonacci(n) {\r\n  if (n <= 1) return n;\r\n  return fibonacci(n - 1) + fibonacci(n - 2);\r\n}\r\n`\r\n\r\nconst handleClick = () => {\r\n  console.log('图标被点击了!')\r\n}\r\n</script>\r\n```\r\n\r\n## 📚 文档\r\n\r\n完整的组件文档和使用指南请访问：\r\n\r\n**🔗 [组件库文档](https://www.tzagileteam.com/robot/components/preface)**\r\n\r\n文档包含：\r\n- 所有组件的详细使用方法\r\n- API 参考和属性说明\r\n- 交互式示例和代码演示\r\n- 最佳实践和设计指南\r\n\r\n## 🛠️ 开发和维护\r\n\r\n### 项目结构\r\n\r\n```\r\nsrc/\r\n├── components/           # 组件目录\r\n│   ├── C_Icon/          # 图标组件\r\n│   │   ├── index.vue    # 组件主文件\r\n│   │   ├── index.ts     # 导出文件\r\n│   │   └── index.scss   # 样式文件\r\n│   └── C_Code/          # 代码高亮组件\r\n├── hooks/               # 公共 hooks\r\n├── plugins/             # 插件\r\n└── index.ts            # 入口文件\r\n```\r\n\r\n### 本地开发\r\n\r\n```bash\r\n# 克隆仓库\r\ngit clone https://github.com/your-username/naive-ui-components.git\r\ncd naive-ui-components\r\n\r\n# 安装依赖\r\nnpm install\r\n\r\n# 开发模式（监听文件变化）\r\nnpm run dev\r\n\r\n# 本地测试\r\nnpm run playground\r\n\r\n# 构建\r\nnpm run build\r\n```\r\n\r\n### 添加新组件\r\n\r\n1. **创建组件目录**\r\n   ```bash\r\n   src/components/C_YourComponent/\r\n   ├── index.vue        # 组件主文件\r\n   ├── index.ts         # 导出文件\r\n   └── index.scss       # 样式文件（可选）\r\n   ```\r\n\r\n2. **组件模板**\r\n   ```vue\r\n   <!-- index.vue -->\r\n   <template>\r\n     <div class=\"c-your-component\">\r\n       <!-- 组件内容 -->\r\n     </div>\r\n   </template>\r\n\r\n   <script lang=\"ts\" setup>\r\n   export interface YourComponentProps {\r\n     /** 属性描述 */\r\n     someProp?: string\r\n   }\r\n\r\n   const props = withDefaults(defineProps<YourComponentProps>(), {\r\n     someProp: 'default'\r\n   })\r\n\r\n   const emit = defineEmits<{\r\n     change: [value: string]\r\n   }>()\r\n   </script>\r\n   ```\r\n\r\n3. **导出文件**\r\n   ```typescript\r\n   // index.ts\r\n   import C_YourComponent from \"./index.vue\";\r\n\r\n   export default C_YourComponent;\r\n   export { C_YourComponent };\r\n   export type { YourComponentProps } from \"./index.vue\";\r\n   ```\r\n\r\n4. **注册组件**\r\n   在 `src/index.ts` 中添加：\r\n   ```typescript\r\n   import C_YourComponent from \"./components/C_YourComponent/index.vue\";\r\n\r\n   const components: Component[] = [C_Code, C_Icon, C_YourComponent];\r\n\r\n   export { C_Code, C_Icon, C_YourComponent };\r\n   export type { YourComponentProps } from \"./components/C_YourComponent/index.vue\";\r\n   ```\r\n\r\n### 开发规范\r\n\r\n- **命名规范**：组件使用 `C_` 前缀，采用 PascalCase\r\n- **类型安全**：为所有 props 定义 TypeScript 接口\r\n- **样式规范**：使用 SCSS，遵循 BEM 命名约定\r\n- **文档要求**：为新组件编写使用文档和示例\r\n\r\n### 提交和发布\r\n\r\n```bash\r\n# 提交代码\r\ngit add .\r\ngit commit -m \"feat: add C_YourComponent\"\r\n\r\n# 更新版本\r\nnpm version patch  # 0.1.0 -> 0.1.1\r\nnpm version minor  # 0.1.0 -> 0.2.0\r\n\r\n# 构建并发布\r\nnpm run build\r\nnpm publish\r\n```\r\n\r\n## 🤝 参与贡献\r\n\r\n我们欢迎社区贡献！如果您想参与组件库的开发：\r\n\r\n### 贡献方式\r\n\r\n1. **报告问题**：在 GitHub Issues 中报告 bug 或提出功能建议\r\n2. **提交 PR**：修复 bug 或添加新功能\r\n3. **完善文档**：改进文档或添加使用示例\r\n4. **分享组件**：贡献新的通用组件\r\n\r\n### 贡献流程\r\n\r\n1. Fork 仓库到您的 GitHub 账户\r\n2. 创建功能分支：`git checkout -b feature/new-component`\r\n3. 开发和测试您的更改\r\n4. 提交代码：`git commit -m \"feat: add new component\"`\r\n5. 推送分支：`git push origin feature/new-component`\r\n6. 创建 Pull Request\r\n\r\n### 贡献指南\r\n\r\n- 遵循现有的代码风格和命名规范\r\n- 为新功能添加测试用例\r\n- 更新相关文档\r\n- 确保所有测试通过\r\n- 详细描述您的更改\r\n\r\n## 📄 许可证\r\n\r\nMIT License - 详见 [LICENSE](./LICENSE) 文件\r\n\r\n## 🔗 相关链接\r\n\r\n- [组件库文档](https://www.tzagileteam.com/robot/components/preface)\r\n- [GitHub 仓库](https://github.com/your-username/naive-ui-components)\r\n- [NPM 包](https://www.npmjs.com/package/@agile-team/naive-ui-components)\r\n- [问题反馈](https://github.com/your-username/naive-ui-components/issues)\r\n\r\n---\r\n\r\n如果您在使用过程中遇到问题，请查看[文档](https://www.tzagileteam.com/robot/components/preface)或在 GitHub 上提交 issue。","readmeFilename":"README.md"}