@opentinyvue/vue-docs 3.24.0 → 3.24.1

package/demos/apis/dialog-select.js

@@ -31,6 +31,20 @@ export default {
           mode: ['pc'],
           pcDemo: 'nest-grid-multi'
         },
+        {
+          name: 'lock-scroll',
+          type: 'boolean',
+          defaultValue: 'true',
+          desc: {
+            'zh-CN': '设置弹出面板的锁定滚动',
+            'en-US': 'Set the lock scroll of the pop-up panel.'
+          },
+          meta: {
+            stable: '3.24.0'
+          },
+          mode: ['pc'],
+          pcDemo: 'nest-grid-multi'
+        },
         {
           name: 'grid-op',
           typeAnchorName: 'IGridOption',

package/demos/apis/popeditor.js

@@ -344,6 +344,20 @@ export default {
           mode: ['pc'],
           pcDemo: 'title'
         },
+        {
+          name: 'lock-scroll',
+          type: 'boolean',
+          defaultValue: 'true',
+          desc: {
+            'zh-CN': '设置弹出面板的锁定滚动',
+            'en-US': 'Set the lock scroll of the pop-up panel.'
+          },
+          meta: {
+            stable: '3.24.0'
+          },
+          mode: ['pc'],
+          pcDemo: 'condition-layout'
+        },
         {
           name: 'trigger',
           type: "'default' | 'cell' | 'row'",

package/demos/pc/app/dialog-select/nest-grid-multi-composition-api.vue

@@ -24,6 +24,7 @@
       value-field="id"
       text-field="name"
       :main-height="240"
+      :lock-scroll="false"
     >
       <template #search>
         <div class="tiny-demo-search">

package/demos/pc/app/dialog-select/nest-grid-multi.spec.ts

@@ -6,6 +6,7 @@ test('dialogSelect 表格多选', async ({ page }) => {
   const demo = page.locator('#nest-grid-multi')
 
   await demo.getByRole('button', { name: '打开窗口' }).click()
+  await expect(page.locator('body')).not.toHaveClass(/dialog-box__scroll-lock/)
   await page
     .locator('div')
     .filter({ hasText: /^GFD 科技有限公司福州WSX 科技有限公司黄冈暂无数据$/ })

package/demos/pc/app/dialog-select/nest-grid-multi.vue

@@ -24,6 +24,7 @@
       value-field="id"
       text-field="name"
       :main-height="240"
+      :lock-scroll="false"
     >
       <template #search>
         <div class="tiny-demo-search">

package/demos/pc/app/dialog-select/webdoc/dialog-select.js

@@ -12,9 +12,9 @@ export default {
       },
       desc: {
         'zh-CN':
-          '<p>通过 <code>auto-lookup</code>、<code>lookup-method</code> 属性 和 <code>change</code> 事件设置初始化时数据的反查回显功能。</p> \n<p>表格多选场景需要设置 <code>popselector</code> 为 <code>grid</code>，<code>multi</code> 为 <code>true</code>，<code>checkRowKeys</code> 设置默认选中数据。</p >\n',
+          '<p>通过 <code>auto-lookup</code>、<code>lookup-method</code> 属性 和 <code>change</code> 事件设置初始化时数据的反查回显功能。</p> \n<p>表格多选场景需要设置 <code>popselector</code> 为 <code>grid</code>，<code>multi</code> 为 <code>true</code>，<code>checkRowKeys</code> 设置默认选中数据。<code>lock-scroll</code> 配置弹出窗口时是否禁用滚动条。</p >\n',
         'en-US':
-          '<p>Use the <code>auto-lookup</code>,<code>lookup-method</code> attributes, and <code>change</code> event settings to perform data backtracking during initialization. <code>autoLookup</code>The default value is <code>true</code>. </p>\n<p> Multiple selection scenarios in the table require setting<code>popcollector</code>as grid,<code>multi</code>as true, and<code>checkRowKeys</code>as default selected data. </p >\n'
+          '<p>Use the <code>auto-lookup</code>,<code>lookup-method</code> attributes, and <code>change</code> event settings to perform data backtracking during initialization. <code>autoLookup</code>The default value is <code>true</code>. </p>\n<p> Multiple selection scenarios in the table require setting<code>popcollector</code>as grid,<code>multi</code>as true, and<code>checkRowKeys</code>as default selected data. <code>lock-scroll</code>Configure whether to disable the scrollbar when a pop-up window appears.</p >\n'
       },
       codeFiles: ['nest-grid-multi.vue']
     },

package/demos/pc/app/grid/base/basic-usage-composition-api.vue

@@ -1,100 +1,55 @@
 <template>
-  <tiny-grid :data="tableData" :edit-config="{ trigger: 'click', mode: 'cell', showStatus: true }">
-    <tiny-grid-column type="index" width="60"></tiny-grid-column>
-    <tiny-grid-column type="selection" width="60"></tiny-grid-column>
-    <tiny-grid-column field="employees" title="员工数"></tiny-grid-column>
-    <tiny-grid-column field="createdDate" title="创建日期"></tiny-grid-column>
-    <tiny-grid-column field="city" title="城市"></tiny-grid-column>
-    <tiny-grid-column
-      field="boole"
-      title="布尔值"
-      align="center"
-      format-text="boole"
-      :editor="checkboxEdit"
-    ></tiny-grid-column>
-  </tiny-grid>
+  <div>
+    <tiny-grid
+      :data="tableData"
+      :edit-config="{ trigger: 'click', mode: 'cell', showStatus: true }"
+      height="420px"
+      :tiny_mcp_config="{
+        server,
+        business: {
+          id: 'company-information',
+          description: '公司人员信息表'
+        }
+      }"
+    >
+      <tiny-grid-column type="index" width="60"></tiny-grid-column>
+      <tiny-grid-column type="selection" width="60"></tiny-grid-column>
+      <tiny-grid-column field="company" title="公司名称"></tiny-grid-column>
+      <tiny-grid-column field="employees" title="员工数"></tiny-grid-column>
+      <tiny-grid-column field="createdDate" title="创建日期"></tiny-grid-column>
+      <tiny-grid-column field="city" title="城市"></tiny-grid-column>
+    </tiny-grid>
+  </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
+import { ref } from 'vue'
 import { TinyGrid, TinyGridColumn } from '@opentiny/vue'
-import { reactive } from 'vue'
+import { useNextServer } from '@opentiny/next-vue'
 
-const tableData = reactive([
-  {
-    id: '1',
-    name: 'GFD 科技 YX 公司',
-    city: '福州',
-    employees: 800,
-    createdDate: '2014-04-30 00:56:00',
-    boole: false
-  },
-  {
-    id: '2',
-    name: 'WWW 科技 YX 公司',
-    city: '深圳',
-    employees: 300,
-    createdDate: '2016-07-08 12:36:22',
-    boole: true
-  },
-  {
-    id: '3',
-    name: 'RFV 有限责任公司',
-    city: '中山',
-    employees: 1300,
-    createdDate: '2014-02-14 14:14:14',
-    boole: false
-  },
-  {
-    id: '4',
-    name: 'TGB 科技 YX 公司',
-    city: '龙岩',
-    employees: 360,
-    createdDate: '2013-01-13 13:13:13',
-    boole: true
-  },
-  {
-    id: '5',
-    name: 'YHN 科技 YX 公司',
-    city: '韶关',
-    employees: 810,
-    createdDate: '2012-12-12 12:12:12',
-    boole: true
-  },
-  {
-    id: '6',
-    name: 'WSX 科技 YX 公司',
-    city: '黄冈',
-    employees: 800,
-    createdDate: '2011-11-11 11:11:11',
-    boole: true
-  },
-  {
-    id: '7',
-    name: 'KBG 物业 YX 公司',
-    city: '赤壁',
-    employees: 400,
-    createdDate: '2016-04-30 23:56:00',
-    boole: false
-  },
-  {
-    id: '8',
-    name: '深圳市福德宝网络技术 YX 公司',
-    boole: true,
-    city: '厦门',
-    createdDate: '2016-06-03 13:53:25',
-    employees: 540
-  }
-])
+// 初始化表格数据
+const _table = [
+  { company: 'GFD 有限责任公司', city: '广州', employees: 800, createdDate: '2014-04-30 00:56:00' },
+  { company: 'AWE 有限责任公司', city: '深圳', employees: 500, createdDate: '2015-05-01 01:01:01' },
+  { company: 'ASD 有限责任公司', city: '中山', employees: 400, createdDate: '2013-03-03 03:03:03' },
+  { company: 'ZXC 有限责任公司', city: '广州', employees: 1000, createdDate: '2012-02-02 02:02:02' },
+  { company: 'VBN 有限责任公司', city: '深圳', employees: 600, createdDate: '2011-01-01 01:01:01' },
+  { company: 'QWE 有限责任公司', city: '中山', employees: 700, createdDate: '2016-08-08 08:08:08' },
+  { company: 'RTY 有限责任公司', city: '广州', employees: 900, createdDate: '2015-09-09 09:09:09' },
+  { company: 'UIO 有限责任公司', city: '深圳', employees: 1100, createdDate: '2014-10-10 10:10:10' },
+  { company: 'HJK 有限责任公司', city: '中山', employees: 1200, createdDate: '2013-11-11 11:11:11' },
+  { company: 'WWW 有限责任公司', city: '深圳', employees: 300, createdDate: '2016-07-08 12:36:22' },
+  { company: 'RFV 有限责任公司', city: '中山', employees: 1300, createdDate: '2014-02-14 14:14:14' },
+  { company: 'TGB 有限责任公司', city: '广州', employees: 360, createdDate: '2013-01-13 13:13:13' },
+  { company: 'YHN 有限责任公司', city: '深圳', employees: 810, createdDate: '2012-12-12 12:12:12' },
+  { company: 'WSX 有限责任公司', city: '中山', employees: 800, createdDate: '2011-11-11 11:11:11' },
+  { company: 'KBG 有限责任公司', city: '深圳', employees: 400, createdDate: '2014-04-30 23:56:00' },
+  { company: 'SZB 有限责任公司', city: '深圳', employees: 1400, createdDate: '2016-06-03 13:53:25' }
+]
 
-function checkboxEdit(h, { row }) {
-  return (
-    <input
-      type="checkbox"
-      checked={row.boole}
-      onChange={(event) => {
-        row.boole = event.target.checked
-      }}
-    />
-  )
-}
+const tableData = ref(_table)
+
+const { server } = useNextServer({
+  serverInfo: { name: 'company-information', version: '1.0.0' }
+})
 </script>

package/demos/pc/app/grid/base/basic-usage.spec.js

@@ -4,5 +4,5 @@ test('标签式表格', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('grid#base-basic-usage')
 
-  await expect(page.getByRole('row', { name: '1 800 2014-04-30 00:56:00 福州' })).toBeVisible()
+  await expect(page.getByRole('cell', { name: 'GFD 有限责任公司' })).toBeVisible()
 })

package/demos/pc/app/grid/base/basic-usage.vue

@@ -1,21 +1,17 @@
 <template>
-  <tiny-grid :data="tableData" :edit-config="{ trigger: 'click', mode: 'cell', showStatus: true }">
-    <tiny-grid-column type="index" width="60"></tiny-grid-column>
-    <tiny-grid-column type="selection" width="60"></tiny-grid-column>
-    <tiny-grid-column field="employees" title="员工数"></tiny-grid-column>
-    <tiny-grid-column field="createdDate" title="创建日期"></tiny-grid-column>
-    <tiny-grid-column field="city" title="城市"></tiny-grid-column>
-    <tiny-grid-column
-      field="boole"
-      title="布尔值"
-      align="center"
-      format-text="boole"
-      :editor="checkboxEdit"
-    ></tiny-grid-column>
-  </tiny-grid>
+  <div>
+    <tiny-grid :data="tableData" :edit-config="{ trigger: 'click', mode: 'cell', showStatus: true }" height="420px">
+      <tiny-grid-column type="index" width="60"></tiny-grid-column>
+      <tiny-grid-column type="selection" width="60"></tiny-grid-column>
+      <tiny-grid-column field="company" title="公司名称"></tiny-grid-column>
+      <tiny-grid-column field="employees" title="员工数"></tiny-grid-column>
+      <tiny-grid-column field="createdDate" title="创建日期"></tiny-grid-column>
+      <tiny-grid-column field="city" title="城市"></tiny-grid-column>
+    </tiny-grid>
+  </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { TinyGrid, TinyGridColumn } from '@opentiny/vue'
 
 export default {
@@ -24,125 +20,33 @@ export default {
     TinyGridColumn
   },
   data() {
-    const tableData = [
-      {
-        id: '1',
-        name: 'GFD 科技 YX 公司',
-        city: '福州',
-        employees: 800,
-        createdDate: '2014-04-30 00:56:00',
-        boole: false
-      },
-      {
-        id: '2',
-        name: 'WWW 科技 YX 公司',
-        city: '深圳',
-        employees: 300,
-        createdDate: '2016-07-08 12:36:22',
-        boole: true
-      },
-      {
-        id: '3',
-        name: 'RFV 有限责任公司',
-        city: '中山',
-        employees: 1300,
-        createdDate: '2014-02-14 14:14:14',
-        boole: false
-      },
-      {
-        id: '4',
-        name: 'TGB 科技 YX 公司',
-        city: '龙岩',
-        employees: 360,
-        createdDate: '2013-01-13 13:13:13',
-        boole: true
-      },
-      {
-        id: '5',
-        name: 'YHN 科技 YX 公司',
-        city: '韶关',
-        employees: 810,
-        createdDate: '2012-12-12 12:12:12',
-        boole: true
-      },
-      {
-        id: '6',
-        name: 'WSX 科技 YX 公司',
-        city: '黄冈',
-        employees: 800,
-        createdDate: '2011-11-11 11:11:11',
-        boole: true
-      },
-      {
-        id: '7',
-        name: 'KBG 物业 YX 公司',
-        city: '赤壁',
-        employees: 400,
-        createdDate: '2016-04-30 23:56:00',
-        boole: false
-      },
-      {
-        id: '8',
-        name: '深圳市福德宝网络技术 YX 公司',
-        boole: true,
-        city: '厦门',
-        createdDate: '2016-06-03 13:53:25',
-        employees: 540
-      }
+    const _table = [
+      { company: 'GFD 有限责任公司', city: '广州', employees: 800, createdDate: '2014-04-30 00:56:00' },
+      { company: 'AWE 有限责任公司', city: '深圳', employees: 500, createdDate: '2015-05-01 01:01:01' },
+      { company: 'ASD 有限责任公司', city: '中山', employees: 400, createdDate: '2013-03-03 03:03:03' },
+      { company: 'ZXC 有限责任公司', city: '广州', employees: 1000, createdDate: '2012-02-02 02:02:02' },
+      { company: 'VBN 有限责任公司', city: '深圳', employees: 600, createdDate: '2011-01-01 01:01:01' },
+      { company: 'QWE 有限责任公司', city: '中山', employees: 700, createdDate: '2016-08-08 08:08:08' },
+      { company: 'RTY 有限责任公司', city: '广州', employees: 900, createdDate: '2015-09-09 09:09:09' },
+      { company: 'UIO 有限责任公司', city: '深圳', employees: 1100, createdDate: '2014-10-10 10:10:10' },
+      { company: 'HJK 有限责任公司', city: '中山', employees: 1200, createdDate: '2013-11-11 11:11:11' },
+      { company: 'WWW 有限责任公司', city: '深圳', employees: 300, createdDate: '2016-07-08 12:36:22' },
+      { company: 'RFV 有限责任公司', city: '中山', employees: 1300, createdDate: '2014-02-14 14:14:14' },
+      { company: 'TGB 有限责任公司', city: '广州', employees: 360, createdDate: '2013-01-13 13:13:13' },
+      { company: 'YHN 有限责任公司', city: '深圳', employees: 810, createdDate: '2012-12-12 12:12:12' },
+      { company: 'WSX 有限责任公司', city: '中山', employees: 800, createdDate: '2011-11-11 11:11:11' },
+      { company: 'KBG 有限责任公司', city: '深圳', employees: 400, createdDate: '2014-04-30 23:56:00' },
+      { company: 'SZB 有限责任公司', city: '深圳', employees: 1400, createdDate: '2016-06-03 13:53:25' }
     ]
-
     return {
-      op: {
-        editConfig: {
-          trigger: 'click',
-          mode: 'cell',
-          showStatus: true
-        },
-        columns: [
-          {
-            type: 'index',
-            width: 60
-          },
-          {
-            type: 'selection',
-            width: 60
-          },
-          {
-            field: 'employees',
-            title: '员工数'
-          },
-          {
-            field: 'createdDate',
-            title: '创建日期'
-          },
-          {
-            field: 'city',
-            title: '城市'
-          },
-          {
-            field: 'boole',
-            title: '布尔值',
-            align: 'center',
-            formatText: 'boole',
-            editor: this.checkboxEdit
-          }
-        ],
-        data: tableData
-      },
-      tableData
-    }
-  },
-  methods: {
-    checkboxEdit(h, { row }) {
-      return (
-        <input
-          type="checkbox"
-          checked={row.boole}
-          onChange={(event) => {
-            row.boole = event.target.checked
-          }}
-        />
-      )
+      server: new McpServer({ name: 'base-config', version: '1.0.0' }, {}),
+      sessionID: '',
+      tableData: _table,
+      queryCity: '',
+      options: Array.from(new Set(_table.map((item) => item.city))).map((city) => ({
+        label: city,
+        value: city
+      }))
     }
   }
 }

package/demos/pc/app/popeditor/condition-layout-composition-api.vue

@@ -8,6 +8,7 @@
     text-field="name"
     value-field="id"
     :conditions="conditions"
+    :lock-scroll="false"
   ></tiny-popeditor>
 </template>
 

package/demos/pc/app/popeditor/condition-layout.spec.ts

@@ -11,6 +11,7 @@ test('PopEditor 布局与配置', async ({ page }) => {
   const rightLayout = dialogBox.locator('.tiny-popeditor-body__right')
 
   await textBox.click()
+  await expect(page.locator('body')).not.toHaveClass(/dialog-box__scroll-lock/)
   await expect(dialogBox).toBeVisible()
   await expect(leftLayout).toBeVisible()
   await expect(rightLayout).toBeVisible()

package/demos/pc/app/popeditor/condition-layout.vue

@@ -8,6 +8,7 @@
     text-field="name"
     value-field="id"
     :conditions="conditions"
+    :lock-scroll="false"
   ></tiny-popeditor>
 </template>
 

package/demos/pc/app/popeditor/webdoc/popeditor.js

@@ -38,9 +38,9 @@ export default {
       },
       desc: {
         'zh-CN':
-          '<p>通过 <code>conditions</code> 项目里属性里的 <code>span</code> 配置栅格，<code>labelWidth</code> 配置 label 宽度，<code>component</code>配置自定义组件，并通过 <code>attrs</code> 配置组件属性。</p>',
+          '<p>通过 <code>conditions</code> 项目里属性里的 <code>span</code> 配置栅格，<code>labelWidth</code> 配置 label 宽度，<code>component</code>配置自定义组件，并通过 <code>attrs</code> 配置组件属性。<code>lock-scroll</code> 配置弹出窗口时是否禁用滚动条。</p>',
         'en-US':
-          '<p>Set <code>span</code> in the attributes of the <code>condition</code> project to configure the grid and <code>labelWidth</code> to configure the label width. <code>component</code>Configure custom components and set component attributes through <code>attrs</code></p>'
+          '<p>Set <code>span</code> in the attributes of the <code>condition</code> project to configure the grid and <code>labelWidth</code> to configure the label width. <code>component</code>Configure custom components and set component attributes through <code>attrs</code>.<code>lock-scroll</code>Configure whether to disable the scrollbar when a pop-up window appears.</p>'
       },
       codeFiles: ['condition-layout.vue']
     },

package/demos/pc/menus.js

@@ -175,7 +175,6 @@ export const cmpMenus = [
     'key': 'cmp-table-components',
     'children': [
       { 'nameCn': '基本用法', 'name': '', 'key': 'grid' },
-      { 'nameCn': 'AI智能体', 'name': '', 'key': 'grid-ai-agent' },
       { 'nameCn': '序号列', 'name': '', 'key': 'grid-serial-column' },
       { 'nameCn': '选中行', 'name': '', 'key': 'grid-operation-column' },
       { 'nameCn': '空数据', 'name': '', 'key': 'grid-empty' },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@opentinyvue/vue-docs",
   "type": "module",
-  "version": "3.24.0",
+  "version": "3.24.1",
   "license": "MIT",
   "devDependencies": {
     "@playwright/test": "~1.49.0",
@@ -43,17 +43,17 @@
     "@docsearch/css": "^3.8.0",
     "@docsearch/js": "^3.8.0",
     "@docsearch/react": "npm:@docsearch/css",
-    "@modelcontextprotocol/sdk": "1.12.1",
     "@opentiny/next": "0.1.2",
-    "@opentiny/tiny-robot": "0.2.0-alpha.8",
-    "@opentiny/tiny-robot-kit": "0.2.0-alpha.8",
-    "@opentiny/tiny-robot-svgs": "0.2.0-alpha.8",
-    "@opentiny/tiny-schema-renderer": "1.0.0-beta.5",
-    "@opentiny/tiny-vue-mcp": "0.0.1-beta.1",
+    "@opentiny/next-vue": "0.0.1-alpha.1",
+    "@opentiny/tiny-robot": "0.2.1",
+    "@opentiny/tiny-robot-kit": "0.2.1",
+    "@opentiny/tiny-robot-svgs": "0.2.1",
+    "@opentiny/tiny-vue-mcp": "0.0.1-alpha.2",
     "@opentiny/vue-repl": "^1.1.2",
     "@opentiny/vue-vite-import": "~1.2.0",
     "@unocss/reset": "0.38.2",
     "@vue/repl": "^2.5.5",
+    "@vue/shared": "^3.4.31",
     "@vueuse/core": "^12.7.0",
     "@vueuse/head": "0.7.13",
     "github-markdown-css": "~5.1.0",
@@ -66,15 +66,15 @@
     "vue-i18n": "~9.14.3",
     "vue-router": "4.1.5",
     "@opentiny-internal/unplugin-virtual-template": "~0.1.1-beta.0",
-    "@opentiny/utils": "npm:@opentinyvue/utils@~3.24.0",
-    "@opentiny/vue": "~3.24.0",
+    "@opentiny/utils": "~3.24.0",
     "@opentiny/vue-common": "~3.24.0",
+    "@opentiny/vue": "~3.24.0",
     "@opentiny/vue-design-aurora": "~3.24.0",
     "@opentiny/vue-design-saas": "~3.24.0",
-    "@opentiny/vue-design-smb": "~3.24.0",
     "@opentiny/vue-directive": "~3.24.0",
+    "@opentiny/vue-design-smb": "~3.24.0",
     "@opentiny/vue-flowchart": "~3.24.0",
-    "@opentiny/vue-hooks": "npm:@opentinyvue/vue-hooks@~3.24.0",
+    "@opentiny/vue-hooks": "~3.24.0",
     "@opentiny/vue-huicharts": "~3.24.0",
     "@opentiny/vue-icon": "~3.24.0",
     "@opentiny/vue-icon-multicolor": "~3.24.0",

package/playground/App.vue

@@ -11,7 +11,7 @@ import logoUrl from './assets/opentiny-logo.svg?url'
 import GitHub from './icons/Github.vue'
 import Share from './icons/Share.vue'
 
-const VERSION = 'tiny-vue-version-3.23'
+const VERSION = 'tiny-vue-version-3.24'
 const NOTIFY_KEY = 'tiny-vue-playground-notify'
 const LAYOUT = 'playground-layout'
 const LAYOUT_REVERSE = 'playground-layout-reverse'
@@ -23,7 +23,7 @@ const isMobileFirst = tinyMode === 'mobile-first'
 const isSaas = tinyTheme === 'saas'
 const isPreview = searchObj.get('openMode') === 'preview' // 是否多端弹窗预览
 
-const versions = ['3.23', '3.22', '3.21']
+const versions = ['3.24', '3.23', '3.22']
 const getVersion = () => {
   if (isPreview) {
     return versions[0]

package/src/App.vue

@@ -11,11 +11,13 @@
 </template>
 
 <script>
-import { defineComponent, onMounted, provide, ref } from 'vue'
+import { defineComponent, onMounted, provide, ref, watch } from 'vue'
 import { ConfigProvider, Modal } from '@opentiny/vue'
 import { iconClose } from '@opentiny/vue-icon'
 import { appData } from './tools'
 import useTheme from './tools/useTheme'
+import { useNextClient } from '@opentiny/next-vue'
+import { globalConversation } from './views/components-doc/composition/utils'
 
 export default defineComponent({
   name: 'AppVue',
@@ -28,6 +30,21 @@ export default defineComponent({
   setup() {
     const previewUrl = ref(import.meta.env.VITE_PLAYGROUND_URL)
     const modalSHow = ref(false)
+
+    const { sessionId } = useNextClient({
+      clientInfo: { name: 'my-project', version: '1.0.0' },
+      proxyOptions: { url: 'http://39.108.160.245/sse', token: '' }
+    })
+
+    watch(
+      () => sessionId.value,
+      (newVal) => {
+        if (newVal) {
+          globalConversation.sessionId = newVal
+        }
+      }
+    )
+
     onMounted(() => {
       // 加载header
       const common = new window.TDCommon(['#header'], {

package/src/router.js

@@ -1,6 +1,7 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import Layout from '@/views/layout/layout.vue'
 import { LANG_PATH_MAP, ZH_CN_LANG, DEFAULT_THEME } from './const'
+import { appData } from './tools/appData.js'
 
 const Components = () => import('@/views/components-doc/index.vue')
 const Docs = () => import('@/views/docs/docs.vue')
@@ -57,5 +58,7 @@ router.afterEach((to, from) => {
   if (to.meta.title) {
     document.title = to.meta.title
   }
+  // tiny-robot 通过路由,确定浮动区，是否显示AI按钮
+  appData.hasFloatRobot = to.path.endsWith('components/grid')
 })
 export { router }

package/src/tools/appData.js

@@ -1,4 +1,4 @@
-import { reactive, computed } from 'vue'
+import { reactive, computed, watch } from 'vue'
 import { useAutoStore } from './storage'
 import { useMediaQuery } from './useMediaQuery'
 import { ZH_CN_LANG, EN_US_LANG, LANG_KEY, LANG_PATH_MAP } from '../const'
@@ -8,7 +8,9 @@ const enPath = LANG_PATH_MAP[EN_US_LANG]
 const appData = reactive({
   lang: useAutoStore('local', LANG_KEY, ZH_CN_LANG),
   theme: useAutoStore('local', '_theme', 'light'),
-  bpState: useMediaQuery([640, 1024, 1280]).matches // 3点4区间， bp0,bp1,bp2,bp3
+  bpState: useMediaQuery([640, 1024, 1280]).matches, // 3点4区间， bp0,bp1,bp2,bp3
+  showTinyRobot: false,
+  hasFloatRobot: false
 })
 const isZhCn = computed(() => appData.lang === ZH_CN_LANG)
 const appFn = {
@@ -27,4 +29,12 @@ const appFn = {
 }
 // 为了和tiny-vue共享同一个响应变量
 window.appData = appData
+
+watch(
+  () => appData.showTinyRobot,
+  (value) => {
+    document.body.classList.toggle('docs-on-robot-show', value)
+  }
+)
+
 export { appData, appFn, isZhCn }