From c2b0bf922a62eaf56762b2159abf900e13c6de7d Mon Sep 17 00:00:00 2001 From: ajaxzheng <894103554@qq.com> Date: Thu, 12 Jun 2025 16:10:22 +0800 Subject: [PATCH 1/4] =?UTF-8?q?chore:=20=E6=9B=B4=E6=96=B0changelog?= =?UTF-8?q?=EF=BC=8C=E5=B9=B6=E6=B7=BB=E5=8A=A0TinyVue=E6=99=BA=E8=83=BD?= =?UTF-8?q?=E5=8C=96=E7=BB=84=E4=BB=B6=E6=8E=A5=E5=85=A5=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- examples/sites/demos/pc/webdoc/changelog.md | 171 ++++++-------------- examples/sites/demos/pc/webdoc/mcp-en.md | 101 ++++++++++++ examples/sites/demos/pc/webdoc/mcp.md | 101 ++++++++++++ 3 files changed, 254 insertions(+), 119 deletions(-) create mode 100644 examples/sites/demos/pc/webdoc/mcp-en.md create mode 100644 examples/sites/demos/pc/webdoc/mcp.md diff --git a/examples/sites/demos/pc/webdoc/changelog.md b/examples/sites/demos/pc/webdoc/changelog.md index 02bd0460f7..17ed6762a0 100644 --- a/examples/sites/demos/pc/webdoc/changelog.md +++ b/examples/sites/demos/pc/webdoc/changelog.md @@ -4,6 +4,58 @@ Tiny Vue 团队在正常情况下使用 每月 发布策略。 在此页面上，您只能看到我们的 更新日志 最新三个迭代的日志记录，如您要查看完整记录可以查看：[Release](https://github.com/opentiny/tiny-vue/releases) +## v3.24.0/v2.24.0 + +`2025/06/12` + +## What's Changed + +### Exciting New Features 🎉 + +- feat(pager): reconstruct the multi-terminal template of the pager component from the vue template by @zzcr in +- feat(steps): Add style functionality for multi terminal custom step blocks by @chenxi-20 in +- feat(dialog-select): add support for clear and delete events, update related documents and sample codes by @zzcr in +- feat(qr-code): Add the necessary attributes to the responsive by @zzcr in +- feat(common): add support for MCP configuration in component setup by @zzcr in +- feat(site): add the tiny-robot drawer to the official website. by @shenjunjian in +- feat(dialog-select): [dialog-select] add attribute lock-scroll by @James-9696 in +- feat(popeditor): [popeditor] add attribute lock-scroll by @James-9696 in +- feat(grid): optimize mcp configuration usage and sample code by @zzcr in + +### Bug Fixes 🐛 + +- fix(file-upload): Fix bug in file-upload component where multiple selections are merge-service and uploaded by @chenxi-20 in +- fix(steps): Modify the multi terminal rendering logic and style of steps by @chenxi-20 in +- fix(drowdown): add tiny-\* className to drowdown-menu's wrapper dom by @shenjunjian in +- fix(select): fix can not set grid rowId in select by @gimmyhehe in +- fix(tree-menu): change the color of the dark mode icon by @wuyiping0628 in +- fix(tiny-split):The panel split animation is not displayed properly by @discreted66 in +- fix(search): Fix the margin issue of multi terminal mode dropdown type by @chenxi-20 in +- fix(icon):Fixed the icon color issue in dark mode by @discreted66 in +- fix(autocomplete): autocomplete component defaults to 100% of the width by @shenjunjian in +- fix(tag): theme saas warning token value refresh, tag component style specification refresh by @wuyiping0628 in +- fix(form): fix the textarea style issue under the form by @wuyiping0628 in +- fix(select): fix the malfunction of the select component when automatically pulling down focus by @shenjunjian in +- fix(robot): add the role message markdown and upgrade the tiny-robot version by @shenjunjian in +- fix(basic-usage): update SSE URL to use HTTPS for secure connection by @zzcr in +- fix(date-picker):fix the init panel width and month name by @discreted66 in +- fix: the issue of modifying line breaks for display by @James-9696 in +- fix(grid): increase the length of drag and drop lines in the grid and remove empty values when filtering by @wuyiping0628 in +- fix(robot): add examples of Perfecting AI Agents by @shenjunjian in +- fix(dialog):fix dialog title line-height by @discreted66 in +- fix(icon):delete the iconPushPinSolid default color by @discreted66 in +- fix(calendar-view):fix the E2E test by @discreted66 in +- fix(robot): optimized the example and added sessions and UI adjustment. by @shenjunjian in +- fix(robot): add the API tab of the MCP and adjust the display control of the robot. by @shenjunjian in +- fix(package): update @opentiny/tiny-vue-mcp version to 0.0.1-alpha.1 by @zzcr in +- fix(robot): message processing of the robot is optimized. by @shenjunjian in +- fix(select): modify the DOM structure of all options in the select to be consistent with that of the regular options to solve the text alignment issue by @shenjunjian in +- fix(grid): add a border to the last row of the grid under the saas theme by @wuyiping0628 in + +## New Contributors + +- @afkdsghk211331 made their first contribution in + ## v2.23.0/v3.23.0 `2025/05/21` @@ -390,122 +442,3 @@ Tiny Vue 团队在正常情况下使用 每月 发布策略。 - @lcy0620 made their first contribution in - @tsinghua-lau made their first contribution in - @hu-qi made their first contribution in - -## v2.21.0/v3.21.0 - -`2025/01/15` - -## What's Changed - -### Exciting New Features 🎉 - -- feat(tiny-vue-nuxt): [tiny-vue-nuxt] add tiny-vue-nuxt module and add… by @18003228289 in -- feat(tiny-vue-nuxt): [tiny-vue-nuxt] finish importing all components to nuxt module by @18003228289 in -- fix(random): [random] use Math.random() instead to support SSR by @18003228289 in -- feat: add nuxt dev environment by @zzcr in -- feat: add mobile dependence by @zzcr in -- feat: sync 3.20.0 to dev by @zzcr in -- feat: support nuxt by @zzcr in -- feat(dropdown): [dropdown] add right side expansion function for dropdown by @MomoPoppy in -- feat: support nuxt by @kagol in -- feat: add @opentiny/utils package by @zzcr in -- feat(fluent-editor): add before-editor-init props by @kagol in -- feat: [grid,alert,form]use catalog to globally upgrade vite and vitest; and add mobile build config by @zzcr in -- feat(site): Optimize site documentation typesetting by @dufu1991 in -- feat(site): optimize the performance of the official website, use lazy loading for document examples by @zzcr in -- feat(nav-menu): [nav-menu] Add custom selected mode by @wuyiping0628 in -- feat(nav-menu): [nav-menu] Simplify the demo data by @wuyiping0628 in -- feat: add utils packages type module by @zzcr in -- feat: update version to 3.21.0 by @zzcr in -- feat: remove chart e2e-test cases by @zzcr in -- feat(alert): [alert] display title when size is large by @wuyiping0628 in -- feat: enhance the divider dialogbox treemenu function by @zzcr in -- feat: update playground versions by @zzcr in -- feat(alert): [alert] display title when size is large in mobile-first by @wuyiping0628 in - -### Bug Fixes 🐛 - -- fix(crypto): [crypto] use nanoid instead to support SSR by @18003228289 in -- fix(ssr): [ssr] fix ssr problems by @18003228289 in -- fix(nuxt): update vue version to fix button slot error by @zzcr in -- fix(plugin): [plugin] fix nuxt plugin by @18003228289 in -- fix(plugin): [plugin] fix nuxt plugin by @18003228289 in -- fix(chart): huiCharts 打包替换为 Chart by @Davont in -- fix: fix slider compilation error in vue2 by @zzcr in -- fix(tabbar): modify mobile tabbar problem by @James-9696 in -- fix(dropdown-menu): fix mobile problem by @James-9696 in -- fix(form): modify mobile form problem by @James-9696 in -- fix(container): modify mobile problem by @James-9696 in -- fix(dialog-box): modify mobile dialog-box problem by @James-9696 in -- fix(select): [select] fix the vertical centering of the suffix icon by @MomoPoppy in -- fix(tree-select): solve the problem of tree attributes not being passed through by @kagol in -- fix(label): modify mobile bug by @James-9696 in -- fix(input): modify mobile problem by @James-9696 in -- fix(slider): modify mobile problem by @James-9696 in -- fix(tree): default-expanded-keys description is wrong by @shenjunjian in -- fix(checkbox): modify mobile problem by @James-9696 in -- fix(form): modify mobile problem by @James-9696 in -- fix(popover): remove aria-hidden by @shenjunjian in -- fix(progress): modify mobile problem by @James-9696 in -- fix(button): modify mobile problem by @James-9696 in -- fix(auto-import-plugin): support functional components by @mengqiuleo in -- fix: fix warning in cascader component by @zzcr in -- fix(nuxt): fix the error when starting the nuxt project by @zzcr in -- fix(unplugin-tiny-vue): fix error TinyVueResolver name by @shenjunjian in -- fix(action-sheet): modify mobile problem by @James-9696 in -- fix(pull-refresh): modify mobile bug by @James-9696 in -- fix(exception): modify mobile problem by @James-9696 in -- fix(file-upload): [file-upload] Optimized the usage of the customized upload example. by @chenxi-20 in -- fix(vue-renderless): [action-menu, alert] fix site: Optimize site documentation typesetting by @dufu1991 in -- fix: fix change theme error when open playground by @zzcr in -- fix(vue-renderless): [autocomplete,base-select,amount,anchor,area] fix site: Optimize site documentation typesetting by @dufu1991 in -- fix(mobile): fix mobile components build error by @zzcr in -- fix(site): fix error when build saas site by @zzcr in -- fix(mini-picker): the demo on the mobile client is modified. by @James-9696 in -- fix(modal): modify the display and error issues of the mobile demo by @James-9696 in -- fix(user-head): the problem and type of the demo on the mobile client are modified by @James-9696 in -- fix(vue-renderless): [breadcrumb, bulletin-board, button, button-group,calendar, calendar-view, card, carousel, cascader, cascader-panel, chart,checkbox, collapse, color-picker, color-select-panel,company,config-provider,container,crop,currency,date-picker,dept,dialog-box,dialog-select,directives,divider,drawer,drop-roles,drop-times,dropdown,espace,fall-menu,file-upload,filter-panel,float-button,floatbar,flowchart,fluent-editor,form,fullscreen] fix site: Optimize site documentation typesetting by @dufu1991 in -- fix(tabs): modify the issue of the mobile demo not displaying and reporting errors by @James-9696 in -- fix(vue-renderless): [grid] fix site: Optimize site documentation typesetting by @dufu1991 in -- fix(grid): [grid] fix the initial position on the left when dragging … by @gimmyhehe in -- fix(statistic): [statistic] synchronize the statistic component of the release-3.18 version to the dev branch by @James-9696 in -- fix(file-upload): modify the error reported by the upload component on the mobile client and add the demo by @James-9696 in -- fix(input): [input] cancel bacground style of input count in textarea by @wNing50 in -- fix(modal): [modal] repeatedly dispatch the close event by @betavs in -- fix(vue-renderless): [grid-select,guide,hrapprover,hrapprover,icon,icon-multicolor,image,infinite-scroll,input,ip-address,layout,link,link-menu,loading,locales,logon-user,logout,milestone,mind-map,modal,nav-menu,notify,numeric,pager,pop-upload,popconfirm,popeditor,popover,progress,qr-code,query-builder] fix site: Optimize site documentation typesetting by @dufu1991 in -- fix(modal): [modal] modifying the modal component and clicking the confirm button accidentally triggered the close event by @James-9696 in -- fix(vue-renderless): [radio,rate,rich-text-editor,roles,scroll-text,search,select,skeleton,slider,split,statistic,steps,sticky,switch,tabs,tag,tag-group,text-popup,time-line,time-line-new,time-picker,time-select,toggle-menu,tooltip,transfer,tree,tree-menu,tree-select] fix site: Optimize site documentation typesetting by @dufu1991 in -- fix(vite-import): fix the issue of escaping comment code in on-demand packaging plugin by @zzcr in -- fix(vue-renderless): [user,user-account,user-contact,user-head,user-link,virtual-scroll-box,virtual-tree,watermark,wizard] fix site: Optimize site documentation typesetting by @dufu1991 in -- fix: supplement mistakenly deleted files by @James-9696 in -- fix(e2e): [tooltip,select] fix the security that causes e2e test failures. by @shenjunjian in -- fix(e2e): [file-upload] Fix the error reported in the E2E test case of the upload component. by @chenxi-20 in -- fix(e2e): [cascader,color-picker,crop] fix cascader color-picker crop components e2e-test error by @zzcr in -- fix(demos/checkbox): [checkbox] fix checkbox e2e-test error by @zzcr in -- fix(modal): [modal] modify e2e test case error by @James-9696 in -- fix(date-picker): [date-picker] fix date-picker e2e test error by @zzcr in -- fix(time-select): [time-select] Fix and optimize issues with invalid … by @Youyou-smiles in -- fix(popeditor): the default width of the label in popeditor is added by @shenjunjian in -- fix(modal): [modal] the style does not take effect by @James-9696 in -- fix(carousel): [carousel] modify the vertical arrow display issue of the carousel component by @James-9696 in -- fix(grid): [grid] fix can not select first option when value is empty by @gimmyhehe in -- fix(dialog-box): [dialog-box] modify the style of the dialog box by @James-9696 in -- fix(loading): [loading] v-loading's lifecycle name replace by inserted by @shenjunjian in -- fix(grid): [grid] fix checkbox border become smaller when config show… by @gimmyhehe in -- fix: fix huichart build error by @zzcr in -- fix(renderless): fix renderless package publish error by @zzcr in -- fix(divider): [divider] modify e2e test cases for the divider component by @James-9696 in - -### Other Changes - -- docs: hide the search input on the left menu at open source sites by @kagol in -- ci: auto deploy site by @kagol in -- docs: add dufu1991 as a contributor for doc by @allcontributors in -- docs(select): add the description of the filterMethod prop for Select by @shenjunjian in -- docs: fix back to top does not work and the document tab title does n… by @gimmyhehe in -- test(grid): [grid] fix unit test error by @gimmyhehe in - -## New Contributors - -- @18003228289 made their first contribution in -- @dufu1991 made their first contribution in diff --git a/examples/sites/demos/pc/webdoc/mcp-en.md b/examples/sites/demos/pc/webdoc/mcp-en.md new file mode 100644 index 0000000000..ed1a197656 --- /dev/null +++ b/examples/sites/demos/pc/webdoc/mcp-en.md @@ -0,0 +1,101 @@ +# TinyVue Intelligent MCP Component Access Guide + +TinyVue's intelligent components provide a complete intelligent solution, allowing your application to have AI conversation, voice interaction, and other capabilities. This guide will walk you through how to integrate TinyVue's intelligent components into your project. + +## 安装依赖 + +First, you need to install the following core dependency packages: + +```bash +npm install @opentiny/tiny-vue-mcp @opentiny/next-vue @opentiny/vue-common @opentiny/vue +``` + +## 接入步骤 + +### 1. Initialize MCP Configuration + +Initialize MCP configuration in the application entry file (e.g., `main.js`): + +```javascript +import { registerMcpConfig } from '@opentiny/vue-common' +import { createMcpTools, getTinyVueMcpConfig } from '@opentiny/tiny-vue-mcp' + +// Register TinyVue component MCP configuration +registerMcpConfig(getTinyVueMcpConfig(), createMcpTools) +``` + +### 2. Create NextClient Proxy Client + +Create a NextClient proxy client in `App.vue` to establish real-time communication: + +```vue + + + +``` + +### 3. MCP Component Configuration + +When using + +```vue + + + +``` + +## Notes + +1. Ensure that the server supports SSE (Server-Sent Events) connections +2. It is recommended to use HTTPS in production environments +3. CORS needs to be correctly configured to support cross-origin requests + +## 常见问题 + +1. Session connection failed + + - Check if the SSE service address is correct + - Confirm that the network connection is normal + - Verify that the authentication information is valid + +2. AI conversation response is not available + - Check if the session is established normally + - Confirm that the prompt item configuration is correct + - Check if there are errors in the network request diff --git a/examples/sites/demos/pc/webdoc/mcp.md b/examples/sites/demos/pc/webdoc/mcp.md new file mode 100644 index 0000000000..0c2803683e --- /dev/null +++ b/examples/sites/demos/pc/webdoc/mcp.md @@ -0,0 +1,101 @@ +# TinyVue 智能化 MCP 组件接入指南 + +TinyVue 的智能化组件提供了一套完整的智能化解决方案，让您的应用具备 AI 对话、语音交互等能力。本文将指导您如何在项目中接入 TinyVue 的智能化组件。 + +## 安装依赖 + +首先需要安装以下核心依赖包： + +```bash +npm install @opentiny/tiny-vue-mcp @opentiny/next-vue @opentiny/vue-common @opentiny/vue +``` + +## 接入步骤 + +### 1. 初始化 MCP 配置 + +在应用入口文件（如 `main.js`）中初始化 MCP 配置： + +```javascript +import { registerMcpConfig } from '@opentiny/vue-common' +import { createMcpTools, getTinyVueMcpConfig } from '@opentiny/tiny-vue-mcp' + +// 注册 TinyVue 组件 MCP 配置 +registerMcpConfig(getTinyVueMcpConfig(), createMcpTools) +``` + +### 2. 创建 NextClient 代理客户端 + +在 `App.vue` 中创建 NextClient 代理客户端，用于建立实时通信： + +```vue + + + +``` + +### 3. MCP 组件配置 + +在子页面中使用 Grid 等支持 MCP 的组件时，添加 MCP 配置： + +```vue + + + +``` + +## 注意事项 + +1. 确保服务端支持 SSE（Server-Sent Events）连接 +2. 建议在生产环境使用 HTTPS 协议 +3. 需要正确配置 CORS 以支持跨域请求 + +## 常见问题 + +1. 会话连接失败 + + - 检查 SSE 服务地址是否正确 + - 确认网络连接是否正常 + - 验证认证信息是否有效 + +2. AI 对话无响应 + - 检查会话是否正常建立 + - 确认提示项配置是否正确 + - 查看网络请求是否有错误 From e5e0d76a4ee070a275d00b0da704cadf56fe8d8a Mon Sep 17 00:00:00 2001 From: ajaxzheng <894103554@qq.com> Date: Thu, 12 Jun 2025 16:21:16 +0800 Subject: [PATCH 2/4] =?UTF-8?q?chore:=20=E6=B7=BB=E5=8A=A0=E8=8F=9C?= =?UTF-8?q?=E5=8D=95=E4=BC=98=E5=8C=96=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- examples/sites/demos/pc/menus.js | 5 +++ examples/sites/demos/pc/webdoc/mcp-en.md | 42 ++++++++++++------------ examples/sites/demos/pc/webdoc/mcp.md | 42 ++++++++++++------------ 3 files changed, 47 insertions(+), 42 deletions(-) diff --git a/examples/sites/demos/pc/menus.js b/examples/sites/demos/pc/menus.js index 1f95d26254..66d4c44f7c 100644 --- a/examples/sites/demos/pc/menus.js +++ b/examples/sites/demos/pc/menus.js @@ -42,6 +42,11 @@ const docMenusChildren = [ 'titleEn': 'theme-dark', 'key': 'theme-dark' }, + { + 'title': '智能化', + 'titleEn': 'mcp', + 'key': 'mcp' + }, { 'title': '表单校验配置', 'titleEn': 'formValid', 'key': 'form-valid' }, { 'title': '常见问题', 'titleEn': 'faq', 'key': 'faq' }, { diff --git a/examples/sites/demos/pc/webdoc/mcp-en.md b/examples/sites/demos/pc/webdoc/mcp-en.md index ed1a197656..95b10b6dbb 100644 --- a/examples/sites/demos/pc/webdoc/mcp-en.md +++ b/examples/sites/demos/pc/webdoc/mcp-en.md @@ -1,4 +1,4 @@ -# TinyVue Intelligent MCP Component Access Guide +# TinyVue Intelligent Component Access Guide TinyVue's intelligent components provide a complete intelligent solution, allowing your application to have AI conversation, voice interaction, and other capabilities. This guide will walk you through how to integrate TinyVue's intelligent components into your project. @@ -16,7 +16,7 @@ npm install @opentiny/tiny-vue-mcp @opentiny/next-vue @opentiny/vue-common @open Initialize MCP configuration in the application entry file (e.g., `main.js`): -```javascript +```js import { registerMcpConfig } from '@opentiny/vue-common' import { createMcpTools, getTinyVueMcpConfig } from '@opentiny/tiny-vue-mcp' @@ -28,21 +28,21 @@ registerMcpConfig(getTinyVueMcpConfig(), createMcpTools) Create a NextClient proxy client in `App.vue` to establish real-time communication: -```vue +```html