{"_id":"@danhua123/ui-mobile-cockpit","name":"@danhua123/ui-mobile-cockpit","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.1":{"name":"@danhua123/ui-mobile-cockpit","version":"1.0.1","description":"基于 Ant Design Mobile 5 的公司内部移动端组件库，包含 Cockpit 驾驶舱组件","type":"module","main":"dist/index.js","module":"dist/index.esm.js","types":"dist/index.d.ts","scripts":{"build":"rollup -c","build:watch":"rollup -c -w","dev":"npm run build:watch","demo":"cd demo && npm run dev","demo:build":"cd demo && npm run build","storybook":"storybook dev -p 6006","build-storybook":"storybook build","lint":"eslint src --ext .ts,.tsx","lint:fix":"eslint src --ext .ts,.tsx --fix","type-check":"tsc --noEmit","prepublishOnly":"npm run build"},"keywords":["react","components","ui","mobile","antd-mobile","typescript","cockpit","navigation"],"author":{"name":"Company UI Team"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/company/ui-mobile.git"},"homepage":"https://github.com/company/ui-mobile#readme","bugs":{"url":"https://github.com/company/ui-mobile/issues"},"peerDependencies":{"react":">=16.14.0","react-dom":">=16.14.0"},"dependencies":{"antd-mobile":"^5.37.1","classnames":"^2.5.1"},"devDependencies":{"@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-typescript":"^11.1.6","@storybook/addon-essentials":"^7.6.7","@storybook/addon-interactions":"^7.6.7","@storybook/addon-links":"^7.6.7","@storybook/blocks":"^7.6.7","@storybook/react":"^7.6.7","@storybook/react-vite":"^7.6.7","@storybook/test":"^7.6.7","@types/minimatch":"^6.0.0","@types/react":"^18.2.43","@types/react-dom":"^18.2.17","@typescript-eslint/eslint-plugin":"^6.14.0","@typescript-eslint/parser":"^6.14.0","@vitejs/plugin-react":"^4.2.1","eslint":"^8.55.0","eslint-plugin-react":"^7.33.2","eslint-plugin-react-hooks":"^4.6.0","postcss":"^8.5.6","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-postcss":"^4.0.2","storybook":"^7.6.7","string-width":"^4.2.3","typescript":"^5.3.3","vite":"^5.0.8"},"_id":"@danhua123/ui-mobile-cockpit@1.0.1","gitHead":"967d27881c273b693f2fa668b1f4a22951da8d65","_nodeVersion":"22.14.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-toJJ4CmhMjSia4Z/6QpCgp3XGdnmgSeUKIPq4AFYKLXa9xWRkZgzMlRev1EI3vNRP+2E9P7nQHZND7Vdw1B+gw==","shasum":"32158e37461ed212416d5444d979e1f474d8ea06","tarball":"https://registry.npmjs.org/@danhua123/ui-mobile-cockpit/-/ui-mobile-cockpit-1.0.1.tgz","fileCount":17,"unpackedSize":379936,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIDV3QgnNcitHIX581b4Ndqpaq7yhc4S9uIYfdmHxvfBsAiAMw+ElGejimPifHts1Sho71yVuCQh6np91oS3dgX/VaQ=="}]},"_npmUser":{"name":"danhua123","email":"2485069913@qq.com"},"directories":{},"maintainers":[{"name":"danhua123","email":"2485069913@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ui-mobile-cockpit_1.0.1_1756108600285_0.7521570735248777"},"_hasShrinkwrap":false}},"time":{"created":"2025-08-25T07:56:40.164Z","1.0.1":"2025-08-25T07:56:40.504Z","modified":"2025-08-25T07:56:40.790Z"},"maintainers":[{"name":"danhua123","email":"2485069913@qq.com"}],"description":"基于 Ant Design Mobile 5 的公司内部移动端组件库，包含 Cockpit 驾驶舱组件","homepage":"https://github.com/company/ui-mobile#readme","keywords":["react","components","ui","mobile","antd-mobile","typescript","cockpit","navigation"],"repository":{"type":"git","url":"git+https://github.com/company/ui-mobile.git"},"author":{"name":"Company UI Team"},"bugs":{"url":"https://github.com/company/ui-mobile/issues"},"license":"MIT","readme":"# 公司内部移动端组件库\n\n基于 Ant Design Mobile 5 封装的公司内部移动端组件库，提供统一的 UI 风格和交互体验。现已包含 Cockpit 驾驶舱组件！\n\n## ✨ 特性\n\n- 🎯 基于 Ant Design Mobile 5 封装，保持设计一致性\n- 📱 专为移动端优化的组件\n- 🔧 TypeScript 支持，提供完整的类型定义\n- 📚 完善的文档和示例\n- 🎨 支持主题定制\n- 📦 支持按需加载\n\n## 📦 安装\n\n```bash\nnpm install @danhua123/ui-mobile-cockpit\n# 或\nyarn add @danhua123/ui-mobile-cockpit\n```\n\n## 🔨 使用\n\n### 基本使用\n\n```tsx\nimport { Button, Input, Card, Cockpit } from '@danhua123/ui-mobile-cockpit';\nimport '@danhua123/ui-mobile-cockpit/dist/style.css';\n\nfunction App() {\n  const footerTabs = [\n    { key: 'home', title: '首页', icon: <HomeIcon />, url: '/home' },\n    { key: 'profile', title: '我的', icon: <UserIcon />, url: '/profile' },\n  ];\n\n  return (\n    <Cockpit\n      NavBarTitle=\"我的应用\"\n      footerTabs={footerTabs}\n      onNavigate={(url) => console.log('跳转到:', url)}\n    >\n      <div>\n        <Button type=\"primary\">主要按钮</Button>\n        <Input placeholder=\"请输入内容\" />\n        <Card title=\"卡片标题\">\n          卡片内容\n        </Card>\n      </div>\n    </Cockpit>\n  );\n}\n```\n\n### 按需加载\n\n```tsx\nimport Button from '@danhua123/ui-mobile-cockpit/lib/Button';\nimport Input from '@danhua123/ui-mobile-cockpit/lib/Input';\nimport Card from '@danhua123/ui-mobile-cockpit/lib/Card';\n```\n\n## 🔗 组件\n\n### Cockpit 驾驶舱组件 🊕\n为移动端应用提供统一的页面布局和导航体验。\n\n**功能特点：**\n- 🗺️ 统一的页面布局和导航栏\n- 🚀 响应式底部标签导航\n- 📋 支持二级菜单显示\n- 🎨 可自定义主题色\n- 📱 安全区域适配\n- 🔄 灵活的路由管理\n\n### Button 按钮\n基于 Ant Design Mobile Button 组件封装，支持公司内部的设计规范。\n\n### Input 输入框\n基于 Ant Design Mobile Input 组件封装，提供统一的输入体验。\n\n### Card 卡片\n基于 Ant Design Mobile Card 组件封装，支持多种布局和样式。\n\n## 🖥 本地开发\n\n```bash\n# 安装依赖\nnpm install\n\n# 启动开发模式\nnpm run dev\n\n# 启动演示应用\nnpm run demo\n\n# 启动 Storybook\nnpm run storybook\n\n# 构建组件库\nnpm run build\n\n# 代码检查\nnpm run lint\n```\n\n## 📁 目录结构\n\n```\n├── src/                 # 源代码\n│   ├── components/      # 组件目录\n│   │   ├── Button/     # 按钮组件\n│   │   ├── Input/      # 输入框组件\n│   │   ├── Card/       # 卡片组件\n│   │   └── Cockpit/    # 驾驶舱组件\n│   └── index.ts        # 入口文件\n├── demo/               # 演示应用\n├── stories/            # Storybook 文档\n└── dist/               # 构建产物\n```\n\n## 🤝 贡献\n\n欢迎提交 Issue 和 Pull Request！\n\n## 📄 License\n\nMIT License","readmeFilename":"README.md","_rev":"1-2354374cca7186a8cbca854b3165f414"}