@opentiny/tiny-vue-mcp 0.0.2 → 0.0.4

package/src/message-box/resouces.zh.md

@@ -0,0 +1,28 @@
+# MessageBox 组件工具
+
+## 描述
+MessageBox（消息框）组件的 MCP 工具集合。用于显示和管理消息框。
+
+## 工具列表
+
+### show
+显示消息框。
+
+**参数**:
+- `options` (object): 消息框选项 (title, message, type)
+
+**返回值**: `success`
+
+### confirm
+确认操作。
+
+**参数**: 无
+
+**返回值**: `confirmed`
+
+### cancel
+取消操作。
+
+**参数**: 无
+
+**返回值**: `cancelled`

package/src/milestone/index.ts

@@ -0,0 +1,26 @@
+import { z } from 'zod'
+import { defineComponentTool } from '../utils/defineComponentTool'
+import resourcesZh from './resouces.zh.md?raw'
+import resourcesEn from './resouces.en.md?raw'
+import { t } from '../utils/locale'
+
+export const resources = { zh: resourcesZh, en: resourcesEn }
+
+export const getMilestoneConfig = () =>
+  defineComponentTool({
+    name: 'milestone_component_tools',
+    description: t('ai.milestone.description'),
+    tools: {
+      getCurrent: {
+        paramsSchema: z.boolean().optional().describe(t('ai.milestone.getCurrent')),
+        cb: (instance) => ({ type: 'text', text: String(instance.current || 0) })
+      },
+      setCurrent: {
+        paramsSchema: z.number().describe(t('ai.milestone.setCurrent')),
+        cb: (instance, params: number) => {
+          instance.current = params
+          return { type: 'text', text: 'Milestone updated' }
+        }
+      }
+    }
+  })

package/src/milestone/resouces.en.md

@@ -0,0 +1,6 @@
+# Milestone Component
+
+MCP tools for milestone.
+
+- getCurrent: Get current milestone
+- setCurrent: Set current milestone

package/src/milestone/resouces.zh.md

@@ -0,0 +1,6 @@
+# Milestone 里程碑
+
+里程碑相关 MCP 工具。
+
+- getCurrent: 获取当前里程碑
+- setCurrent: 设置当前里程碑

package/src/mind-map/index.ts

@@ -0,0 +1,40 @@
+import { z } from 'zod'
+import { defineComponentTool } from '../utils/defineComponentTool'
+import resourcesZh from './resouces.zh.md?raw'
+import resourcesEn from './resouces.en.md?raw'
+import { t } from '../utils/locale'
+
+export const resources = { zh: resourcesZh, en: resourcesEn }
+
+export const getMindMapConfig = () =>
+  defineComponentTool({
+    name: 'mind_map_component_tools',
+    description: t('ai.mindMap.description'),
+    tools: {
+      getNodes: {
+        paramsSchema: z.boolean().optional().describe(t('ai.mindMap.getNodes')),
+        cb: (instance) => {
+          const nodes = instance.nodes || []
+          return { type: 'text', text: JSON.stringify({ nodes, count: nodes.length }) }
+        }
+      },
+      addNode: {
+        paramsSchema: z.object({ id: z.string(), text: z.string(), parentId: z.string().optional() }).describe(t('ai.mindMap.addNode')),
+        cb: (instance, params) => {
+          return { type: 'text', text: `Node added: ${params.text}` }
+        }
+      },
+      expandAll: {
+        paramsSchema: z.boolean().optional().describe(t('ai.mindMap.expandAll')),
+        cb: (instance) => {
+          return { type: 'text', text: 'All nodes expanded' }
+        }
+      },
+      collapseAll: {
+        paramsSchema: z.boolean().optional().describe(t('ai.mindMap.collapseAll')),
+        cb: (instance) => {
+          return { type: 'text', text: 'All nodes collapsed' }
+        }
+      }
+    }
+  })

package/src/mind-map/resouces.en.md

@@ -0,0 +1,52 @@
+# MindMap Component MCP Tools
+
+## Description
+
+MindMap is a mind map component for displaying and editing mind maps.
+
+## Main Tools
+
+### getNodes
+Get all nodes
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "nodes": [...],
+  "count": 0
+}
+```
+
+### addNode
+Add a node
+
+**Parameters**:
+- `id`: Node ID
+- `text`: Node text
+- `parentId`: Parent node ID (optional)
+
+**Returns**: Node added message
+
+### expandAll
+Expand all nodes
+
+**Parameters**: None
+
+**Returns**: All nodes expanded message
+
+### collapseAll
+Collapse all nodes
+
+**Parameters**: None
+
+**Returns**: All nodes collapsed message
+
+### Usage
+
+```typescript
+const map = ref(null)
+const config = getMindMapConfig()
+const nodes = await config.tools.getNodes.cb(map.value)
+```

package/src/mind-map/resouces.zh.md

@@ -0,0 +1,52 @@
+# MindMap 组件 MCP 工具
+
+## 功能描述
+
+MindMap 是一个思维导图组件，用于展示和编辑思维导图。
+
+## 主要工具
+
+### getNodes
+获取所有节点
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "nodes": [...],
+  "count": 0
+}
+```
+
+### addNode
+添加节点
+
+**参数**:
+- `id`: 节点ID
+- `text`: 节点文本
+- `parentId`: 父节点ID（可选）
+
+**返回**: 节点已添加消息
+
+### expandAll
+展开所有节点
+
+**参数**: 无
+
+**返回**: 所有节点已展开消息
+
+### collapseAll
+折叠所有节点
+
+**参数**: 无
+
+**返回**: 所有节点已折叠消息
+
+### Usage
+
+```typescript
+const map = ref(null)
+const config = getMindMapConfig()
+const nodes = await config.tools.getNodes.cb(map.value)
+```

package/src/modal/index.ts

@@ -0,0 +1,50 @@
+import { z } from 'zod'
+import { defineComponentTool } from '../utils/defineComponentTool'
+import resourcesZh from './resouces.zh.md?raw'
+import resourcesEn from './resouces.en.md?raw'
+import { t } from '../utils/locale'
+
+export const resources = {
+  zh: resourcesZh,
+  en: resourcesEn
+}
+
+export const getModalConfig = () =>
+  defineComponentTool({
+    name: 'modal_component_tools',
+    description: t('ai.modal.description'),
+    tools: {
+      open: {
+        paramsSchema: z.boolean().optional().describe(t('ai.modal.open')),
+        cb: (instance) => {
+          instance.visible = true
+          return { type: 'text', text: 'success' }
+        }
+      },
+      close: {
+        paramsSchema: z.boolean().optional().describe(t('ai.modal.close')),
+        cb: (instance) => {
+          instance.visible = false
+          return { type: 'text', text: 'success' }
+        }
+      },
+      setTitle: {
+        paramsSchema: z.string().optional().describe(t('ai.modal.setTitle')),
+        cb: (instance, value) => {
+          if (value) {
+            instance.title = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      },
+      setContent: {
+        paramsSchema: z.string().optional().describe(t('ai.modal.setContent')),
+        cb: (instance, value) => {
+          if (value) {
+            instance.content = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/modal/resouces.en.md

@@ -0,0 +1,13 @@
+# Modal Component Tools
+
+## Description
+
+Provides a collection of interactive tools for Modal (Dialog Box) components.
+
+### Tool List
+
+- **open**: Open the dialog box
+- **close**: Close the dialog box
+- **setTitle**: Set dialog box title
+- **setContent**: Set dialog box content
+

package/src/modal/resouces.zh.md

@@ -0,0 +1,13 @@
+# Modal 组件工具集合
+
+## 功能说明
+
+提供 Modal（对话框）组件的交互工具集合。
+
+### 工具列表
+
+- **open**: 打开对话框
+- **close**: 关闭对话框
+- **setTitle**: 设置对话框标题
+- **setContent**: 设置对话框内容
+

package/src/month-table/index.ts

@@ -0,0 +1,42 @@
+import { z } from 'zod'
+import { defineComponentTool } from '../utils/defineComponentTool'
+import resourcesZh from './resouces.zh.md?raw'
+import resourcesEn from './resouces.en.md?raw'
+import { t } from '../utils/locale'
+
+export const resources = { zh: resourcesZh, en: resourcesEn }
+
+export const getMonthTableConfig = () =>
+  defineComponentTool({
+    name: 'month_table_component_tools',
+    description: t('ai.monthTable.description'),
+    tools: {
+      getSelectedMonth: {
+        paramsSchema: z.boolean().optional().describe(t('ai.monthTable.getSelectedMonth')),
+        cb: (instance) => {
+          const month = instance.modelValue || instance.selectedMonth || null
+          return { type: 'text', text: JSON.stringify({ month }) }
+        }
+      },
+      setSelectedMonth: {
+        paramsSchema: z.number().describe(t('ai.monthTable.setSelectedMonth')),
+        cb: (instance, params) => {
+          instance.modelValue = params
+          return { type: 'text', text: `Month set to ${params}` }
+        }
+      },
+      getYear: {
+        paramsSchema: z.boolean().optional().describe(t('ai.monthTable.getYear')),
+        cb: (instance) => {
+          const year = instance.year || new Date().getFullYear()
+          return { type: 'text', text: JSON.stringify({ year }) }
+        }
+      },
+      nextYear: {
+        paramsSchema: z.boolean().optional().describe(t('ai.monthTable.nextYear')),
+        cb: (instance) => {
+          return { type: 'text', text: 'Year advanced by 1' }
+        }
+      }
+    }
+  })

package/src/month-table/resouces.en.md

@@ -0,0 +1,53 @@
+# MonthTable Component MCP Tools
+
+## Description
+
+MonthTable is a month selection table component for selecting specific months.
+
+## Main Tools
+
+### getSelectedMonth
+Get the selected month
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "month": null
+}
+```
+
+### setSelectedMonth
+Set the selected month
+
+**Parameters**: Month number (1-12)
+
+**Returns**: Month set message
+
+### getYear
+Get the current year
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "year": 2025
+}
+```
+
+### nextYear
+Jump to the next year
+
+**Parameters**: None
+
+**Returns**: Year advanced by 1 message
+
+### Usage
+
+```typescript
+const table = ref(null)
+const config = getMonthTableConfig()
+const month = await config.tools.getSelectedMonth.cb(table.value)
+```

package/src/month-table/resouces.zh.md

@@ -0,0 +1,53 @@
+# MonthTable 组件 MCP 工具
+
+## 功能描述
+
+MonthTable 是一个月份选择表格组件，用于选择特定的月份。
+
+## 主要工具
+
+### getSelectedMonth
+获取选中的月份
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "month": null
+}
+```
+
+### setSelectedMonth
+设置选中的月份
+
+**参数**: 月份数字 (1-12)
+
+**返回**: 月份已设置消息
+
+### getYear
+获取当前年份
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "year": 2025
+}
+```
+
+### nextYear
+跳转到下一年
+
+**参数**: 无
+
+**返回**: 年份已前进一年消息
+
+### Usage
+
+```typescript
+const table = ref(null)
+const config = getMonthTableConfig()
+const month = await config.tools.getSelectedMonth.cb(table.value)
+```

package/src/nav-menu/index.ts

@@ -0,0 +1,34 @@
+import { z } from 'zod'
+import { defineComponentTool } from '../utils/defineComponentTool'
+import resourcesZh from './resouces.zh.md?raw'
+import resourcesEn from './resouces.en.md?raw'
+import { t } from '../utils/locale'
+
+export const resources = {
+  zh: resourcesZh,
+  en: resourcesEn
+}
+
+export const getNavMenuConfig = () =>
+  defineComponentTool({
+    name: 'nav_menu_component_tools',
+    description: t('ai.navMenu.description'),
+    tools: {
+      getActiveKey: {
+        paramsSchema: z.boolean().optional().describe(t('ai.navMenu.getActiveKey')),
+        cb: (instance) => {
+          const activeKey = instance.activeKey || ''
+          return { type: 'text', text: JSON.stringify({ activeKey }) }
+        }
+      },
+      setActiveKey: {
+        paramsSchema: z.string().optional().describe(t('ai.navMenu.setActiveKey')),
+        cb: (instance, value) => {
+          if (value) {
+            instance.activeKey = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/nav-menu/resouces.en.md

@@ -0,0 +1,26 @@
+# NavMenu Component Tools
+
+## Description
+MCP tools for the NavMenu component. Used to manage navigation menu state.
+
+## Tools List
+
+### getActiveKey
+Get the currently active menu key.
+
+**Parameters**: None
+
+**Return Value**: 
+```json
+{
+  "activeKey": "key-string"
+}
+```
+
+### setActiveKey
+Set the active menu key.
+
+**Parameters**:
+- `key` (string): Menu key
+
+**Return Value**: `success`

package/src/nav-menu/resouces.zh.md

@@ -0,0 +1,26 @@
+# NavMenu 组件工具
+
+## 描述
+NavMenu（导航菜单）组件的 MCP 工具集合。用于管理导航菜单状态。
+
+## 工具列表
+
+### getActiveKey
+获取当前活跃的菜单键。
+
+**参数**: 无
+
+**返回值**: 
+```json
+{
+  "activeKey": "key-string"
+}
+```
+
+### setActiveKey
+设置活跃的菜单键。
+
+**参数**:
+- `key` (string): 菜单键
+
+**返回值**: `success`

package/src/notification/index.ts

@@ -0,0 +1,40 @@
+import { z } from 'zod'
+import { defineComponentTool } from '../utils/defineComponentTool'
+import resourcesZh from './resouces.zh.md?raw'
+import resourcesEn from './resouces.en.md?raw'
+import { t } from '../utils/locale'
+
+export const resources = {
+  zh: resourcesZh,
+  en: resourcesEn
+}
+
+export const getNotificationConfig = () =>
+  defineComponentTool({
+    name: 'notification_component_tools',
+    description: t('ai.notification.description'),
+    tools: {
+      show: {
+        paramsSchema: z.object({
+          title: z.string().optional(),
+          message: z.string().optional(),
+          type: z.string().optional()
+        }).optional().describe(t('ai.notification.show')),
+        cb: (instance, value) => {
+          if (value) {
+            instance.title = value.title || ''
+            instance.message = value.message || ''
+            instance.type = value.type || 'info'
+          }
+          return { type: 'text', text: 'success' }
+        }
+      },
+      close: {
+        paramsSchema: z.boolean().optional().describe(t('ai.notification.close')),
+        cb: (instance) => {
+          instance.visible = false
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/notification/resouces.en.md

@@ -0,0 +1,21 @@
+# Notification Component Tools
+
+## Description
+MCP tools for the Notification component. Used to manage notification messages.
+
+## Tools List
+
+### show
+Show notification.
+
+**Parameters**:
+- `options` (object): Notification options (title, message, type)
+
+**Return Value**: `success`
+
+### close
+Close notification.
+
+**Parameters**: None
+
+**Return Value**: `success`

package/src/notification/resouces.zh.md

@@ -0,0 +1,21 @@
+# Notification 组件工具
+
+## 描述
+Notification（通知）组件的 MCP 工具集合。用于管理通知消息。
+
+## 工具列表
+
+### show
+显示通知。
+
+**参数**:
+- `options` (object): 通知选项 (title, message, type)
+
+**返回值**: `success`
+
+### close
+关闭通知。
+
+**参数**: 无
+
+**返回值**: `success`

package/src/notify/index.ts

@@ -0,0 +1,23 @@
+import { z } from 'zod'
+import { defineComponentTool } from '../utils/defineComponentTool'
+import resourcesZh from './resouces.zh.md?raw'
+import resourcesEn from './resouces.en.md?raw'
+import { t } from '../utils/locale'
+
+export const resources = { zh: resourcesZh, en: resourcesEn }
+
+export const getNotifyConfig = () =>
+  defineComponentTool({
+    name: 'notify_component_tools',
+    description: t('ai.notify.description'),
+    tools: {
+      show: {
+        paramsSchema: z.object({ message: z.string() }).describe(t('ai.notify.show')),
+        cb: (instance, params) => ({ type: 'text', text: 'Notification shown' })
+      },
+      close: {
+        paramsSchema: z.boolean().optional().describe(t('ai.notify.close')),
+        cb: (instance) => ({ type: 'text', text: 'Notification closed' })
+      }
+    }
+  })

package/src/notify/resouces.en.md

@@ -0,0 +1,6 @@
+# Notify Component
+
+MCP tools for notifications.
+
+- show: Show notification
+- close: Close notification

package/src/notify/resouces.zh.md

@@ -0,0 +1,6 @@
+# Notify 通知
+
+通知相关 MCP 工具。
+
+- show: 显示通知
+- close: 关闭通知

package/src/number-animation/index.ts

@@ -0,0 +1,23 @@
+import { z } from 'zod'
+import { defineComponentTool } from '../utils/defineComponentTool'
+import resourcesZh from './resouces.zh.md?raw'
+import resourcesEn from './resouces.en.md?raw'
+import { t } from '../utils/locale'
+
+export const resources = { zh: resourcesZh, en: resourcesEn }
+
+export const getNumberAnimationConfig = () =>
+  defineComponentTool({
+    name: 'number_animation_component_tools',
+    description: t('ai.numberAnimation.description'),
+    tools: {
+      start: {
+        paramsSchema: z.object({ from: z.number(), to: z.number() }).describe(t('ai.numberAnimation.start')),
+        cb: (instance, params) => ({ type: 'text', text: 'Animation started' })
+      },
+      stop: {
+        paramsSchema: z.boolean().optional().describe(t('ai.numberAnimation.stop')),
+        cb: (instance) => ({ type: 'text', text: 'Animation stopped' })
+      }
+    }
+  })

package/src/number-animation/resouces.en.md

@@ -0,0 +1,6 @@
+# Number Animation Component
+
+MCP tools for number animation.
+
+- start: Start animation
+- stop: Stop animation