[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8925":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":14,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":18,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":21,"hasPages":23,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":35,"readmeContent":36,"aiSummary":37,"trendingCount":16,"starSnapshotCount":16,"syncStatus":38,"lastSyncTime":39,"discoverSource":40},8925,"Element-Plus-X","element-plus-x\u002FElement-Plus-X","element-plus-x","Enterprise-level AI component library front-end solution 🤖","https:\u002F\u002Fv2.element-plus-x.com",null,"Vue",1426,190,8,140,0,27,3,19.84,"MIT License",false,"updata-2602",true,[25,26,7,27,28,29,30,31,32,33,34],"ai-component","element-plus","elementplus","elment-plus-components","vue","vue-components","vue-element-plus-x","vue3","vue3-element-plus-x","vue3-element-plus-x-components","2026-06-12 02:02:00","\u003Cdiv align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Felement-plus-x.com\">\n    \u003Cimg src=\"https:\u002F\u002Fcdn.element-plus-x.com\u002Felement-plus-x.png\" alt=\"Element-Plus-X\" width=\"180\" class=\"logo\" \u002F>\n  \u003C\u002Fa>\n\u003C\u002Fdiv>\n\n\u003Cdiv align=\"center\">\n\n[![License](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-MIT-blue)](https:\u002F\u002Fgithub.com\u002FHeJiaYue520\u002FElement-Plus-X\u002Fblob\u002Fmain\u002FLICENSE) [![GitHub stars](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FHeJiaYue520\u002FElement-Plus-X)](https:\u002F\u002Fgithub.com\u002FHeJiaYue520\u002FElement-Plus-X) [![npm version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fvue-element-plus-x)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvue-element-plus-x) [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Fvue-element-plus-x.svg)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvue-element-plus-x) [![english doc](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fdocs-English-blue?style=flat-square&logo=read-the-docs)](https:\u002F\u002Fgithub.com\u002FHeJiaYue520\u002FElement-Plus-X\u002Fblob\u002Fmain\u002FREADME.en.md)[![Ask DeepWiki](https:\u002F\u002Fdeepwiki.com\u002Fbadge.svg)](https:\u002F\u002Fdeepwiki.com\u002Felement-plus-x\u002FElement-Plus-X)\n\n\u003C\u002Fdiv>\n\n\u003Cdiv align=\"center\">\n\n本项目 CDN 加速及安全防护由 Tencent EdgeOne 赞助\n\n[亚洲最佳CDN、边缘和安全解决方案 - Tencent EdgeOne](https:\u002F\u002Fedgeone.ai\u002Fzh?from=github)\n\n\u003Cimg src=\"readme\u002Fedgeone.png\"\u002F>\n\n\u003C\u002Fdiv>\n\n\u003Cdiv align=\"center\">\n\u003Ch2>💖项目模版，已经推出💖\u003C\u002Fh2>\n\u003Cimg src=\"https:\u002F\u002Fcdn.element-plus-x.com\u002Fchat\u002F1.webp\" \u002F> \n\u003Cimg src=\"https:\u002F\u002Fcdn.element-plus-x.com\u002Fdemo.webp\" calss=\"element-plus-x-bubble\" \u002F> \n\u003Cimg src=\"https:\u002F\u002Fcdn.element-plus-x.com\u002Fdemo1.webp\" calss=\"element-plus-x-bubble\" \u002F> \n\u003Cimg src=\"https:\u002F\u002Fcdn.element-plus-x.com\u002Fdemo3.webp\" calss=\"element-plus-x-bubble\" \u002F> \n\u003Cimg src=\"https:\u002F\u002Fcdn.element-plus-x.com\u002Fdemo4.webp\" calss=\"element-plus-x-bubble\" \u002F> \n\u003C\u002Fdiv>\n\n\u003Cdiv align=\"center\">\n\n[English](.\u002FREADME.en.md) | **简体中文**\n\n\u003C\u002Fdiv> \n\n# 🚀 Element-Plus-X\n\n**开箱即用的企业级 AI 组件库（基于 Vue 3 + Element-Plus）**\n\n## 📢 快速链接\n\n| 资源类型          | \u003Cdiv style=\"width: 300px;\" >链接\u003C\u002Fdiv>                                                                                     |\n| ----------------- | -------------------------------------------------------------------------------------------------------------------------- |\n| **文档**          | [📖 开发文档](https:\u002F\u002Felement-plus-x.com)                                                                                  |\n| **在线演示**      | [👁️ 在线预览](https:\u002F\u002Fv.element-plus-x.com)                                                                                |\n| **代码仓库**      | [🐙 GitHub](https:\u002F\u002Fgithub.com\u002Felement-plus-x\u002FElement-Plus-X) \u003Cbr> [🚠 Gitee](https:\u002F\u002Fgitee.com\u002Fhe-jiayue\u002Felement-plus-x)  |\n| **NPM 包**        | [📦 npm](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvue-element-plus-x)                                                                 |\n| **问题反馈**      | [🐛 提交 Bug](https:\u002F\u002Fgithub.com\u002Felement-plus-x\u002FElement-Plus-X\u002Fissues)                                                     |\n| **交流讨论**      | [🐒 交流群](https:\u002F\u002Fgithub.com\u002Felement-plus-x\u002FElement-Plus-X?tab=readme-ov-file#-%E7%A4%BE%E5%8C%BA%E6%94%AF%E6%8C%81)     |\n| **模版项目 预览** | [👀 在线预览](https:\u002F\u002Fchat.element-plus-x.com\u002F)                                                                            |\n| **模版项目 源码** | [🐙 GitHub](https:\u002F\u002Fgithub.com\u002FHeJiaYue520\u002Fruoyi-element-ai) \u003Cbr> [🚠 Gitee](https:\u002F\u002Fgitee.com\u002Fhe-jiayue\u002Fruoyi-element-ai) |\n\n## 🛠️ 核心特性\n\n- ✨ **企业级 AI 组件**：内置聊天机器人、语音交互等场景化组件\n- 🚀 **零配置集成**：基于 Element-Plus 设计体系，开箱即用\n- 📦 **按需加载**：提供 Tree Shaking 优化\n\n## 📦 安装\n\n```bash\n# NPM\nnpm install vue-element-plus-x\n\n# PNPM（推荐）\npnpm install vue-element-plus-x\n\n# Yarn\nyarn install vue-element-plus-x\n\n```\n\n## 📚 使用案例\n\n1. **按需引入**\n\n```vue\n\u003Cscript setup>\nimport { BubbleList, XSender } from 'vue-element-plus-x';\n\nconst list = [\n  {\n    content: 'Hello, Element Plus X',\n    role: 'user'\n  }\n];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv\n    style=\"display: flex; flex-direction: column; height: 230px; justify-content: space-between;\"\n  >\n    \u003CBubbleList :list=\"list\" \u002F>\n    \u003CXSender \u002F>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n```\n\n2. **全局引入**\n\n```ts\n\u002F\u002F main.ts\nimport { createApp } from 'vue';\nimport ElementPlusX from 'vue-element-plus-x';\nimport App from '.\u002FApp.vue';\n\nconst app = createApp(App);\n\u002F\u002F 使用 app.use() 全局引入\napp.use(ElementPlusX);\napp.mount('#app');\n```\n\n3. **CDN 引入**\n\n```html\n\u003C!-- 该方法 有待测试 -->\n\u003C!-- CDN 引入 -->\n\u003Cscript src=\"https:\u002F\u002Funpkg.com\u002Fvue-element-plus-x@1.3.0\u002Fdist\u002Fumd\u002Findex.js\">\u003C\u002Fscript>\n```\n\n## 🌟 已实现 组件 和 Hooks\n\n| 组件名               | 描述                               | 文档链接                                                           |\n| -------------------- | ---------------------------------- | ------------------------------------------------------------------ |\n| `Bubble`             | 气泡消息组件 （拓展）              | [📄 文档](https:\u002F\u002Felement-plus-x.com\u002Fzh\u002Fcomponents\u002Fbubble\u002F)        |\n| `BubbleList`         | 气泡消息列表 （拓展）              | [📄 文档](https:\u002F\u002Felement-plus-x.com\u002Fzh\u002Fcomponents\u002FbubbleList\u002F)    |\n| `Conversations`      | 会话管理组件 （拓展）              | [📄 文档](https:\u002F\u002Felement-plus-x.com\u002Fzh\u002Fcomponents\u002Fconversations\u002F) |\n| `Welcome`            | 欢迎组件                           | [📄 文档](https:\u002F\u002Felement-plus-x.com\u002Fzh\u002Fcomponents\u002Fwelcome\u002F)       |\n| `Prompts `           | 提示集组件                         | [📄 文档](https:\u002F\u002Felement-plus-x.com\u002Fzh\u002Fcomponents\u002Fprompts\u002F)       |\n| `FilesCard`          | 文件卡片组件                       | [📄 文档](https:\u002F\u002Felement-plus-x.com\u002Fzh\u002Fcomponents\u002FfilesCard\u002F)     |\n| `Attachments`        | 上传附件组件                       | [📄 文档](https:\u002F\u002Felement-plus-x.com\u002Fzh\u002Fcomponents\u002Fattachments\u002F)   |\n| `XSender`            | 智能输入框（含语音交互、提及功能） | [📄 文档](https:\u002F\u002Felement-plus-x.com\u002Fzh\u002Fcomponents\u002Fxsender\u002F)       |\n| `Thinking`           | 思考中组件 （拓展）                | [📄 文档](https:\u002F\u002Felement-plus-x.com\u002Fzh\u002Fcomponents\u002Fthinking\u002F)      |\n| `ThoughtChain`       | 思考链组件                         | [📄 文档](https:\u002F\u002Felement-plus-x.com\u002Fzh\u002Fcomponents\u002FthoughtChain\u002F)  |\n| `useRecord`          | 浏览器内置语音识别 API Hooks       | [📄 文档](https:\u002F\u002Felement-plus-x.com\u002Fzh\u002Fcomponents\u002FuseRecord\u002F)     |\n| `useXStream`         | 流模式接口 Hooks                   | [📄 文档](https:\u002F\u002Felement-plus-x.com\u002Fzh\u002Fcomponents\u002FuseXStream\u002F)    |\n| `useSend & XRequest` | 流模式 hooks 的拆分 （拓展）       | [📄 文档](https:\u002F\u002Felement-plus-x.com\u002Fzh\u002Fcomponents\u002FuseSend\u002F)       |\n\n## 🎯开发计划 (每周更新)\n\n🎀我们会在 issue 、交流群 等多方面收集大家的遇到的问题，和需求场景，制定短期和长期的开发计划，查看详情请移步👉 **[开发计划](https:\u002F\u002Felement-plus-x.com\u002Fzh\u002Froadmap.html)**\n\n## 🤝 参与贡献\n\n1. **Fork 仓库** → 2. **创建 Feature 分支** → 3. **提交 Pull Request**\n\n详情可以移步👉 **[开发指南](https:\u002F\u002Felement-plus-x.com\u002Fzh\u002Fguide\u002Fdevelop.html)**\n\n我们欢迎：\n\n- 🐛 Bug 修复\n- 💡 新功能提案\n- 📝 文档完善\n- 🎨 样式优化\n\n## 👥 贡献者\n\n\u003Ca href=\"https:\u002F\u002Fopenomy.app\u002Fgithub\u002Felement-plus-x\u002FElement-Plus-X\" target=\"_blank\" style=\"display: block; width: 100%;\" align=\"center\">\n  \u003Cimg src=\"https:\u002F\u002Fopenomy.app\u002Fsvg?repo=element-plus-x\u002FElement-Plus-X&chart=bubble&latestMonth=3\" target=\"_blank\" alt=\"Contribution Leaderboard\" style=\"display: block; width: 100%;\" \u002F>\n \u003C\u002Fa>\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Felement-plus-x\u002FElement-Plus-X\u002Fgraphs\u002Fcontributors\">\n  \u003Cimg src=\"https:\u002F\u002Fcontrib.rocks\u002Fimage?repo=element-plus-x\u002FElement-Plus-X\" \u002F>\n\u003C\u002Fa>\n\n## 👥 社区支持\n\n\u003Cdiv align=\"center\">\n\u003Cimg src=\"https:\u002F\u002Fcdn.element-plus-x.com\u002Fvx-2025-07-28.png\" alt=\"微信交流群\" width=\"180\" style=\"margin: 20px;\" \u002F>\n\u003Cp>加入微信交流群，获取最新动态和技术支持\u003C\u002Fp>\n\n\u003Cp>交流群如果过期或者失效，可以添加作者 vx\u003C\u002Fp>\n\u003Cimg src=\"https:\u002F\u002Fcdn.element-plus-x.com\u002Felement-plus-x-author-vx.png\" alt=\"作者vx\" width=\"180\" style=\"margin: 20px;\" \u002F>\n\u003C\u002Fdiv>\n\n## 📋 版本策略\n\n### 版本号规则\n\n我们采用语义化版本号（SemVer）：`MAJOR.MINOR.PATCH`\n\n- **MAJOR**: 重大版本更新，可能包含破坏性变更\n- **MINOR**: 新功能添加，向后兼容\n- **PATCH**: Bug 修复，向后兼容\n- **预发布标识**: `-beta.0`, `-rc.1` 等\n\n### 安装方式\n\n```bash\n# 安装稳定版（推荐）\npnpm install vue-element-plus-x\n\n# 安装 beta 版本\npnpm install vue-element-plus-x@beta\n\n# 安装指定版本\npnpm install vue-element-plus-x@2.0.0-beta.0\n```\n\n### 版本发布渠道\n\n| 渠道   | npm tag  | 说明                   |\n| ------ | -------- | ---------------------- |\n| 稳定版 | `latest` | 生产环境推荐使用       |\n| 测试版 | `beta`   | 新功能预览，可能不稳定 |\n\n## 🏷️ 组件徽标说明\n\n文档中的组件可能带有以下徽标：\n\n| 徽标          | 含义                     |\n| ------------- | ------------------------ |\n| 🆕 **新增**   | 新增的组件或功能         |\n| 🔄 **更新**   | 最近有重大更新的组件     |\n| ⚠️ **废弃**   | 即将废弃的组件           |\n| 🔬 **实验性** | 实验性功能，API 可能变化 |\n\n## 🚀 发布流程\n\n### 发布 Beta 版本\n\n1. 更新 `packages\u002Fcore\u002Fpackage.json` 中的版本号为 `X.X.X-beta.X`\n2. 运行 `pnpm changeset` 创建变更记录\n3. 提交代码并创建 tag: `git tag vX.X.X-beta.X`\n4. 推送 tag: `git push origin vX.X.X-beta.X`\n5. CI 自动发布到 npm `@beta` tag\n\n### 发布正式版本\n\n1. 更新版本号为正式版本\n2. 更新 `CHANGELOG.md`\n3. 创建并推送 tag\n4. CI 自动发布到 npm `@latest` tag\n\n## 🔧 本地开发\n\n```bash\n# 克隆仓库\ngit clone https:\u002F\u002Fgithub.com\u002FHeJiaYue520\u002FElement-Plus-X.git\n\n# 安装依赖\npnpm install\n\n# 启动文档开发服务器\npnpm run dev:docs\n\n# 启动组件开发服务器 (Storybook)\npnpm run dev:core\n\n# 构建组件库\npnpm run build:core\n```\n","Element-Plus-X 是一个面向企业级应用的AI组件库前端解决方案，基于Vue 3和Element-Plus构建。它提供了丰富的AI功能组件，如聊天机器人、智能表单等，并且支持自定义样式与逻辑扩展，使得开发者能够快速搭建具备人工智能特性的Web应用。项目遵循MIT许可协议，拥有活跃的社区支持和详尽的文档说明，适合需要集成AI能力的企业内部系统或商业网站使用。",2,"2026-06-11 03:20:19","top_language"]