{"_rev":"3-02510a8b53288de5c7f1fa35d85ac193","time":{"created":"2026-01-07T16:31:50.303Z","modified":"2026-01-07T16:31:50.961Z","1.0.0":"2026-01-07T15:49:58.956Z","1.0.1":"2026-01-07T16:31:50.620Z"},"_id":"@akun15623/ai-panel","name":"@akun15623/ai-panel","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.1":{"name":"@akun15623/ai-panel","version":"1.0.1","description":"AI Assistant Panel Component","main":"src/components/AiPanel.vue","module":"src/components/AiPanel.vue","exports":{".":{"import":"./src/components/AiPanel.vue","require":"./src/components/AiPanel.vue"},"./src/*":"./src/*","./dist/*":"./dist/*","./package.json":"./package.json"},"scripts":{"dev":"vite","build":"vite build","build:package":"node build/build-package.cjs","pack":"npm pack","preview":"vite preview","serve":"vite preview","type-check":"vue-tsc --noEmit"},"dependencies":{"highlight.js":"^11.0.0","marked":"^17.0.0"},"peerDependencies":{"vue":"^3.2.0"},"devDependencies":{"@vitejs/plugin-vue":"^3.0.0","vite":"^3.0.0","vue-tsc":"^1.0.0"},"keywords":["ai","vue","chat","component","ui","form-create"],"author":{"name":"akun"},"license":"MIT","engines":{"node":">=16.0.0"},"_id":"@akun15623/ai-panel@1.0.1","gitHead":"41deb3af14123d7134cfcaa5a299a9adb97283e7","_nodeVersion":"24.1.0","_npmVersion":"11.3.0","dist":{"integrity":"sha512-4x/GpkWY28g0LnmJCavAkzsSOnFUdKWBA08/7LEXiNjD8//X2WRtfuUZpBlafrHPNo4ePqXE/oBHWWd8hI+Kow==","shasum":"f9edd9953f15e70a579fd863758113e35ec932dc","tarball":"https://registry.npmjs.org/@akun15623/ai-panel/-/ai-panel-1.0.1.tgz","fileCount":21,"unpackedSize":2816204,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDYtR9HuuYwv0MJVT3RXpbuoZEDczvxCDt3SSMaI1aRMgIgbj7PHSOxRnbD7E2X5ziExPzo5yZQPy1Fog9ucc1Z3ys="}]},"_npmUser":{"name":"akun533","email":"akun533@163.com"},"directories":{},"maintainers":[{"name":"akun533","email":"akun533@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ai-panel_1.0.1_1767803510417_0.6212223168743021"},"_hasShrinkwrap":false}},"maintainers":[{"name":"akun533","email":"akun533@163.com"}],"description":"AI Assistant Panel Component","keywords":["ai","vue","chat","component","ui","form-create"],"author":{"name":"akun"},"license":"MIT","readme":"# @akun15623/ai-panel 组件\n\n一个基于 Vue 3 的 AI 助手聊天面板组件，可以轻松集成到你的项目中。\n\n当前版本: v1.0.8\n\n## 功能特性\n\n- 实时聊天界面，支持用户与 AI 助手对话\n- Markdown 渲染，支持代码高亮和语法着色\n- JSON 差异对比显示功能\n- 响应式设计，适配不同屏幕尺寸\n- 代码块一键复制功能\n- 流式数据处理，实时显示 AI 回复\n- AI 思考链可视化，展示工具调用过程\n- 支持多种 UI 框架（如 Element Plus, Ant Design Vue, Vant 等）\n- 支持表单规则生成和可视化\n\n## 安装\n\n通过 npm 安装：\n\n```bash\nnpm install @akun15623/ai-panel\n```\n\n通过 yarn 安装：\n\n```bash\nyarn add @akun15623/ai-panel\n```\n\n通过 pnpm 安装：\n\n```bash\npnpm add @akun15623/ai-panel\n```\n\n## 使用方法\n\n### 基础使用\n\n```vue\n<template>\n  <div style=\"height: 600px;\">\n    <AiPanel />\n  </div>\n</template>\n\n<script>\nimport AiPanel from '@akun15623/ai-panel';\n\nexport default {\n  components: {\n    AiPanel\n  }\n}\n</script>\n```\n\n### 配置请求选项和界面文本\n\n组件默认会使用内置的配置，但你可以通过 props 传递自定义配置：\n\n```vue\n<template>\n  <div style=\"height: 600px;\">\n    <AiPanel \n      :request-option=\"requestOption\"\n      :config=\"config\"\n    />\n  </div>\n</template>\n\n<script>\nimport AiPanel from '@akun15623/ai-panel';\n\nexport default {\n  components: {\n    AiPanel\n  },\n  data() {\n    return {\n      requestOption: {\n        ui: 'ta404-ui@vue2',\n        basic: true,\n        form: {\n          rule: '[]',\n        },\n        messages: [],\n      },\n      config: {\n        title: 'AI助理',\n        clearChat: '清空对话',\n        welcomeTitle: '欢迎',\n        welcomeMessage: '使用我生成表单',\n        suggestionsTitle: '热门示例',\n        refreshSuggestions: '换一批',\n        copyMessage: '复制',\n        inputPlaceholder: '请输入您的问题...',\n      }\n    }\n  }\n}\n</script>\n```\n\n## 组件 Props\n\n| 属性名 | 类型 | 默认值 | 说明 |\n|--------|------|--------|------|\n| requestOption | Object | `{ ui: 'ta404-ui@vue2', basic: true, form: { rule: '[]' }, messages: [] }` | 请求选项，用于配置AI助手的上下文信息 |\n| config | Object | 见下方说明 | 配置选项，支持国际化和自定义文本 |\n\n## 开发\n\n如果你想参与开发这个组件：\n\n1. 克隆项目：\n```bash\ngit clone [repository-url]\n```\n\n2. 安装依赖：\n```bash\nnpm install\n```\n\n3. 启动开发服务器：\n```bash\nnpm run dev\n```\n\n4. 构建生产版本：\n```bash\nnpm run build\n```\n\n5. 构建 npm 包：\n```bash\nnpm run build:package\n```\n\n此命令将会：\n- 检查并安装依赖（如果尚未安装）\n- 构建组件到 dist 目录\n- 生成 .tgz 包文件用于发布或本地安装\n\n## API 接口配置\n\n组件内部使用了预设的 API 地址和认证令牌，你可以在部署时根据需要修改这些配置：\n\n> 注意：在生产环境中请务必使用安全的 API 地址和认证令牌\n\n## 浏览器兼容性\n\n- Chrome >= 80\n- Firefox >= 70\n- Safari >= 13\n- Edge >= 80\n\n## 许可证\n\nMIT License\n","readmeFilename":"README.md"}