{"_id":"@duxweb/dvha-cdn","name":"@duxweb/dvha-cdn","dist-tags":{"latest":"0.0.0"},"versions":{"0.0.0":{"name":"@duxweb/dvha-cdn","type":"module","version":"0.0.0","author":{"name":"DuxWeb"},"license":"MIT","scripts":{"dev":"vite dev","build":"vite build","preview":"vite preview"},"dependencies":{"@duxweb/dvha-core":"workspace:*","@duxweb/dvha-naiveui":"workspace:*","@duxweb/dvha-pro":"workspace:*","@vueuse/core":"^13.3.0","@vueuse/integrations":"^13.3.0","axios":"^1.9.0","clsx":"^2.1.1","lodash-es":"^4.17.21","naive-ui":"^2.42.0","petite-vue-i18n":"^11.1.4","pinia":"^3.0.3","pinia-plugin-persistedstate":"^4.3.0","vue":"^3.5.0","vue-router":"^4.5.1"},"devDependencies":{"@antfu/eslint-config":"^4.13.1","@tanstack/eslint-plugin-query":"^5.78.0","@types/node":"^22.15.21","@vitejs/plugin-vue":"^5.2.4","@vitejs/plugin-vue-jsx":"^4.2.0","eslint":"^9.27.0","typescript":"^5.8.2","vite":"^6.3.5","vitest":"^3.1.4"},"_id":"@duxweb/dvha-cdn@0.0.0","gitHead":"259bbf82b88c0183f607bab45e3f5719abf6ca65","description":"这是一个基于 `@duxweb/dvha-core` 框架构建的基础管理系统模板，使用 Vue 3 + UnoCSS 提供简洁现代的界面设计。","_nodeVersion":"22.12.0","_npmVersion":"10.9.0","dist":{"integrity":"sha512-d9RyxTeMrOXvlCE7i1w5TIzdo8Nv2j+OuR1nk9k50hyFUEHdsO7oTlR1C7cpukO3mgDjn89OekFolOomlaOMpw==","shasum":"7bc0a727f34b2169011c790413ac1af9cdb55998","tarball":"https://registry.npmjs.org/@duxweb/dvha-cdn/-/dvha-cdn-0.0.0.tgz","fileCount":2,"unpackedSize":4426,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCBaaZZMau5iAze2nr+2DqVMZQvxk6FgiXy63sWXKkXFQIgOrfxxTW0v8KhmlXxJOwfbtDK/DHlYAeeJqV4/1GXtHc="}]},"_npmUser":{"name":"duxweb","email":"admin@dux.plus","actor":{"name":"duxweb","email":"admin@dux.plus","type":"user"}},"directories":{},"maintainers":[{"name":"duxweb","email":"admin@dux.plus"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/dvha-cdn_0.0.0_1750740240229_0.19972709701514035"},"_hasShrinkwrap":false}},"time":{"created":"2025-06-24T04:44:00.122Z","0.0.0":"2025-06-24T04:44:00.396Z","modified":"2025-06-24T04:44:00.664Z"},"maintainers":[{"name":"duxweb","email":"admin@dux.plus"}],"description":"这是一个基于 `@duxweb/dvha-core` 框架构建的基础管理系统模板，使用 Vue 3 + UnoCSS 提供简洁现代的界面设计。","author":{"name":"DuxWeb"},"license":"MIT","readme":"# Dux Template - 基础管理系统模板\n\n这是一个基于 `@duxweb/dvha-core` 框架构建的基础管理系统模板，使用 Vue 3 + UnoCSS 提供简洁现代的界面设计。\n\n## ✨ 特性\n\n- 🎨 **纯 UnoCSS** - 原子化 CSS 框架，无额外 UI 库依赖\n- 🚀 **Vue 3** - 基于最新的 Vue 3 Composition API\n- 📱 **响应式设计** - 完美适配桌面端和移动端\n- 🔧 **@duxweb/dvha-core** - 集成 Dux 框架的完整功能\n- 🎯 **开箱即用** - 包含常用页面和组件\n- 🔒 **权限管理** - 内置登录和权限控制\n- 📦 **模块化** - 易于扩展和定制\n\n## 📁 项目结构\n\n```\npackages/template/\n├── pages/           # 页面组件\n│   ├── layout.vue   # 主布局（侧边栏+头部）\n│   ├── home.vue     # 首页\n│   ├── login.vue    # 登录页\n│   └── 404.vue      # 404错误页\n├── main.ts          # 应用入口\n├── App.vue          # 根组件\n├── uno.config.ts    # UnoCSS 配置\n└── package.json     # 依赖配置\n```\n\n## 🚀 快速开始\n\n### 1. 安装依赖\n\n```bash\nnpm install\n```\n\n### 2. 启动开发服务器\n\n```bash\nnpm run dev\n```\n\n### 3. 构建生产版本\n\n```bash\nnpm run build\n```\n\n## 📄 页面说明\n\n### 🏠 首页 (home.vue)\n- 系统概览和统计数据\n- 快速操作入口\n- 最近活动记录\n- 系统状态监控\n\n### 🔐 登录页 (login.vue)\n- 用户身份验证\n- 表单验证和错误提示\n- 记住登录状态\n- 第三方登录支持\n\n### 🎯 布局 (layout.vue)\n- 固定头部导航\n- 可折叠侧边栏\n- 移动端适配\n- 用户菜单和通知\n\n### ❌ 404页面 (404.vue)\n- 友好的错误提示\n- 搜索功能\n- 快速导航链接\n\n## 🎨 样式系统\n\n本模板使用 UnoCSS 原子化 CSS 框架，主要包含：\n\n- **颜色系统**: 基于 Tailwind 的颜色调色板\n- **图标库**: Tabler Icons (@iconify-json/tabler)\n- **响应式**: 移动优先的响应式设计\n- **动画**: 平滑的过渡和交互效果\n\n\n## 🔧 配置说明\n\n### Dux 配置 (main.ts)\n\n```typescript\nconst config: IConfig = {\n  apiUrl: 'your-api-url',\n  defaultManage: 'admin',\n  manages: [\n    {\n      name: 'admin',\n      title: '管理系统标题',\n      routePrefix: '/admin',\n      components: {\n        authLayout: () => import('./pages/layout.vue'),\n        notFound: () => import('./pages/404.vue'),\n      },\n      menus: [\n        // 菜单配置\n      ]\n    }\n  ],\n  simpleDataProvider,\n  simpleAuthProvider,\n}\n```\n\n### UnoCSS 配置 (uno.config.ts)\n\n```typescript\nexport default defineConfig({\n  presets: [\n    presetWind3(),        // Tailwind CSS 兼容\n    presetIcons({         // 图标支持\n      collections: {\n        tabler: () => import('@iconify-json/tabler/icons.json')\n      }\n    })\n  ]\n})\n```\n\n## 🛠 自定义和扩展\n\n### 添加新页面\n\n1. 在 `pages/` 目录创建新的 Vue 组件\n2. 在 `main.ts` 中添加路由配置\n3. 在菜单配置中添加导航项\n\n```typescript\n// 添加新菜单项\nmenus: [\n  {\n    name: 'new-page',\n    path: 'new-page',\n    icon: 'i-tabler:page',\n    label: '新页面',\n    component: () => import('./pages/new-page.vue'),\n  }\n]\n```\n\n## 📄 许可证\n\nMIT License\n\n---\n\n**提示**: 这是一个基础模板，你可以根据实际需求进行定制和扩展。如果需要更多功能，请参考 @duxweb/dvha-core 的官方文档。","readmeFilename":"README.md","_rev":"1-21826ca60679031c34f2beff7dd1fae6"}