@opentiny/tiny-vue-mcp 0.0.2 → 0.0.4

package/src/tooltip/resouces.zh.md

@@ -0,0 +1,5 @@
+# Tooltip 组件工具集合
+提供 Tooltip（文字提示）组件的交互工具集合。
+- **show**: 显示提示信息
+- **hide**: 隐藏提示信息
+- **setContent**: 设置提示内容

package/src/transfer/index.ts

@@ -0,0 +1,36 @@
+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 getTransferConfig = () =>
+  defineComponentTool({
+    name: 'transfer_component_tools',
+    description: t('ai.transfer.description'),
+    tools: {
+      getLeftItems: {
+        paramsSchema: z.boolean().optional().describe(t('ai.transfer.getLeftItems')),
+        cb: (instance) => {
+          const items = instance.data || instance.leftItems || []
+          return { type: 'text', text: JSON.stringify({ items: items.slice(0, 10), total: items.length }) }
+        }
+      },
+      getRightItems: {
+        paramsSchema: z.boolean().optional().describe(t('ai.transfer.getRightItems')),
+        cb: (instance) => {
+          const items = instance.modelValue || instance.rightItems || []
+          return { type: 'text', text: JSON.stringify({ items: items.slice(0, 10), total: items.length }) }
+        }
+      },
+      move: {
+        paramsSchema: z.object({ direction: z.enum(['left', 'right']), items: z.array(z.unknown()) }).describe(t('ai.transfer.move')),
+        cb: (instance, params) => {
+          const direction = params.direction || 'right'
+          return { type: 'text', text: `Successfully moved ${params.items?.length || 0} items to ${direction}` }
+        }
+      }
+    }
+  })

package/src/transfer/resouces.en.md

@@ -0,0 +1,51 @@
+# Transfer Component MCP Tools
+
+## Description
+
+Transfer is a component for moving items between two lists.
+
+## Main Tools
+
+### getLeftItems
+Get all items in the left list
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "items": [...],
+  "total": 10
+}
+```
+
+### getRightItems
+Get all items in the right list
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "items": [...],
+  "total": 10
+}
+```
+
+### move
+Move items between lists
+
+**Parameters**:
+- `direction`: 'left' | 'right' move direction
+- `items`: array of items to move
+
+**Returns**: Success message
+
+### Usage
+
+```typescript
+const transfer = ref(null)
+const config = getTransferConfig()
+const leftItems = await config.tools.getLeftItems.cb(transfer.value)
+const rightItems = await config.tools.getRightItems.cb(transfer.value)
+```

package/src/transfer/resouces.zh.md

@@ -0,0 +1,51 @@
+# Transfer 组件 MCP 工具
+
+## 功能描述
+
+Transfer 是一个用于在两个列表之间移动项目的组件。
+
+## 主要工具
+
+### getLeftItems
+获取左侧列表中的所有项
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "items": [...],
+  "total": 10
+}
+```
+
+### getRightItems
+获取右侧列表中的所有项
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "items": [...],
+  "total": 10
+}
+```
+
+### move
+在两个列表之间移动项
+
+**参数**:
+- `direction`: 'left' | 'right' 移动方向
+- `items`: 要移动的项数组
+
+**返回**: 成功消息
+
+### Usage
+
+```typescript
+const transfer = ref(null)
+const config = getTransferConfig()
+const leftItems = await config.tools.getLeftItems.cb(transfer.value)
+const rightItems = await config.tools.getRightItems.cb(transfer.value)
+```

package/src/tree/index.ts

@@ -0,0 +1,77 @@
+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 getTreeConfig = () =>
+  defineComponentTool({
+    name: 'tree_component_tools',
+    description: t('ai.tree.description'),
+    tools: {
+      setCurrentKey: {
+        paramsSchema:  z.string().optional().describe(t('ai.tree.setCurrentKey')),
+        cb: (instance, value) => {
+          if(instance.showCheckbox){
+            instance.setCheckedKeys([value])
+          }else{
+            instance.setCurrentKey(value)
+          }
+          return { type: 'text', text: 'success' }
+        }
+      },
+      getTreeData: {
+        paramsSchema: z.boolean().optional().describe(t('ai.tree.getTreeData')),
+        cb: (instance) => {
+          const treeData = instance.data
+          return { type: 'text', text: JSON.stringify(treeData) }
+        }
+      },
+      expandHlNode: {
+        paramsSchema:  z.string().optional().describe(t('ai.tree.expandHlNode')),
+        cb: (instance, value) => {
+          const node = instance.getNode(value)
+          node.expand()
+          return { type: 'text', text: 'success' }
+        }
+      },
+      collapseHlNode: {
+        paramsSchema:  z.string().optional().describe(t('ai.tree.collapseHlNode')),
+        cb: (instance, value) => {
+          const node = instance.getNode(value)
+          node.collapse()
+          return { type: 'text', text: 'success' }
+        }
+      },
+      removeNode: {
+        paramsSchema:  z.string().optional().describe(t('ai.tree.removeNode')),
+        cb: (instance, value) => {
+          instance.remove(value)
+          return { type: 'text', text: 'success' }
+        }
+      },
+      insertBefore: {
+        paramsSchema: z.record(z.any()).optional().describe(t('ai.tree.insertBefore')),
+        cb: (instance, value) => {
+          let id = 1000
+          instance.insertBefore({ id, label: value.label }, value.id)
+          id++
+          return { type: 'text', text: 'success' }
+        }
+      },
+      insertAfter: {
+        paramsSchema: z.record(z.any()).optional().describe(t('ai.tree.insertAfter')),
+        cb: (instance, value) => {
+          let id = 1000
+          instance.insertAfter({ id, label: value.label }, value.id)
+          id++
+          return { type: 'text', text: 'success' }
+        }
+      },
+    }
+  })

package/src/tree/resouces.en.md

@@ -0,0 +1,3 @@
+# Tree Component
+
+It can display data with parent-child hierarchy, and supports functions such as selecting, dragging, and editing nodes.

package/src/tree/resouces.zh.md

@@ -0,0 +1,3 @@
+# Tree 树形控件
+
+可进行展示有父子层级的数据，支持选择，拖拽和编辑节点等功能。

package/src/tree-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 getTreeMenuConfig = () =>
+  defineComponentTool({
+    name: 'tree_menu_component_tools',
+    description: t('ai.treeMenu.description'),
+    tools: {
+      getSelectedNode: {
+        paramsSchema: z.boolean().optional().describe(t('ai.treeMenu.getSelectedNode')),
+        cb: (instance) => {
+          const selectedNode = instance.selectedNode || null
+          return { type: 'text', text: JSON.stringify({ selectedNode }) }
+        }
+      },
+      setSelectedNode: {
+        paramsSchema: z.string().optional().describe(t('ai.treeMenu.setSelectedNode')),
+        cb: (instance, value) => {
+          if (value) {
+            instance.selectedNode = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

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

@@ -0,0 +1,26 @@
+# TreeMenu Component Tools
+
+## Description
+MCP tools for the TreeMenu component. Used to manage tree menu nodes.
+
+## Tools List
+
+### getSelectedNode
+Get the currently selected node.
+
+**Parameters**: None
+
+**Return Value**: 
+```json
+{
+  "selectedNode": "node-id"
+}
+```
+
+### setSelectedNode
+Set the selected node.
+
+**Parameters**:
+- `nodeId` (string): Node ID
+
+**Return Value**: `success`

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

@@ -0,0 +1,26 @@
+# TreeMenu 组件工具
+
+## 描述
+TreeMenu（树形菜单）组件的 MCP 工具集合。用于管理树形菜单节点。
+
+## 工具列表
+
+### getSelectedNode
+获取当前选中的节点。
+
+**参数**: 无
+
+**返回值**: 
+```json
+{
+  "selectedNode": "node-id"
+}
+```
+
+### setSelectedNode
+设置选中的节点。
+
+**参数**:
+- `nodeId` (string): 节点 ID
+
+**返回值**: `success`

package/src/tree-select/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 getTreeSelectConfig = () =>
+  defineComponentTool({
+    name: 'tree_select_component_tools',
+    description: t('ai.treeSelect.description'),
+    tools: {
+      getValue: {
+        paramsSchema: z.boolean().optional().describe(t('ai.treeSelect.getValue')),
+        cb: (instance) => {
+          const value = instance.modelValue || instance.value || null
+          return { type: 'text', text: JSON.stringify({ value }) }
+        }
+      },
+      setValue: {
+        paramsSchema: z.unknown().describe(t('ai.treeSelect.setValue')),
+        cb: (instance, params) => {
+          instance.modelValue = params
+          return { type: 'text', text: 'success' }
+        }
+      },
+      getSelectedNodes: {
+        paramsSchema: z.boolean().optional().describe(t('ai.treeSelect.getSelectedNodes')),
+        cb: (instance) => {
+          const nodes = instance.selectedNodes || []
+          return { type: 'text', text: JSON.stringify({ nodes }) }
+        }
+      },
+      expandNode: {
+        paramsSchema: z.unknown().describe(t('ai.treeSelect.expandNode')),
+        cb: (instance, params) => {
+          return { type: 'text', text: 'Node expanded successfully' }
+        }
+      }
+    }
+  })

package/src/tree-select/resouces.en.md

@@ -0,0 +1,53 @@
+# TreeSelect Component MCP Tools
+
+## Description
+
+TreeSelect is a tree-based selector component supporting hierarchical data selection.
+
+## Main Tools
+
+### getValue
+Get the current selected value
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "value": null
+}
+```
+
+### setValue
+Set the selected value
+
+**Parameters**: Any value
+
+**Returns**: Success message
+
+### getSelectedNodes
+Get all selected nodes
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "nodes": [...]
+}
+```
+
+### expandNode
+Expand a specific node
+
+**Parameters**: Node ID
+
+**Returns**: Node expanded successfully message
+
+### Usage
+
+```typescript
+const treeSelect = ref(null)
+const config = getTreeSelectConfig()
+const value = await config.tools.getValue.cb(treeSelect.value)
+```

package/src/tree-select/resouces.zh.md

@@ -0,0 +1,53 @@
+# TreeSelect 组件 MCP 工具
+
+## 功能描述
+
+TreeSelect 是一个树形选择器组件，支持树状结构的数据选择。
+
+## 主要工具
+
+### getValue
+获取当前选中值
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "value": null
+}
+```
+
+### setValue
+设置选中值
+
+**参数**: 任意值
+
+**返回**: 成功消息
+
+### getSelectedNodes
+获取所有选中节点
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "nodes": [...]
+}
+```
+
+### expandNode
+展开指定节点
+
+**参数**: 节点ID
+
+**返回**: 节点展开成功消息
+
+### Usage
+
+```typescript
+const treeSelect = ref(null)
+const config = getTreeSelectConfig()
+const value = await config.tools.getValue.cb(treeSelect.value)
+```

package/src/upload/index.ts

@@ -0,0 +1,48 @@
+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 getUploadConfig = () =>
+  defineComponentTool({
+    name: 'upload_component_tools',
+    description: t('ai.upload.description'),
+    tools: {
+      getFileList: {
+        paramsSchema: z.boolean().optional().describe(t('ai.upload.getFileList')),
+        cb: (instance) => {
+          const fileList = instance.fileList || instance.files || []
+          return { type: 'text', text: JSON.stringify(fileList) }
+        }
+      },
+      clearFileList: {
+        paramsSchema: z.boolean().optional().describe(t('ai.upload.clearFileList')),
+        cb: (instance) => {
+          instance.fileList = []
+          return { type: 'text', text: 'success' }
+        }
+      },
+      removeFile: {
+        paramsSchema: z.string().optional().describe(t('ai.upload.removeFile')),
+        cb: (instance, value) => {
+          if (value && instance.remove) {
+            instance.remove(value)
+          }
+          return { type: 'text', text: 'success' }
+        }
+      },
+      submit: {
+        paramsSchema: z.boolean().optional().describe(t('ai.upload.submit')),
+        cb: (instance) => {
+          instance.submit?.()
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/upload/resouces.en.md

@@ -0,0 +1,6 @@
+# Upload Component Tools
+Provides interactive tools for Upload (File Upload) components.
+- **getFileList**: Get the file list
+- **clearFileList**: Clear the file list
+- **removeFile**: Remove the specified file
+- **submit**: Submit the upload

package/src/upload/resouces.zh.md

@@ -0,0 +1,6 @@
+# Upload 组件工具集合
+提供 Upload（文件上传）组件的交互工具集合。
+- **getFileList**: 获取文件列表
+- **clearFileList**: 清空文件列表
+- **removeFile**: 删除指定文件
+- **submit**: 提交上传

package/src/user/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 getUserConfig = () =>
+  defineComponentTool({
+    name: 'user_component_tools',
+    description: t('ai.user.description'),
+    tools: {
+      getUser: {
+        paramsSchema: z.boolean().optional().describe(t('ai.user.getUser')),
+        cb: (instance) => ({ type: 'text', text: JSON.stringify(instance.user || {}) })
+      },
+      setUser: {
+        paramsSchema: z.object({ id: z.string(), name: z.string() }).describe(t('ai.user.setUser')),
+        cb: (instance, params) => {
+          instance.user = params
+          return { type: 'text', text: 'User set' }
+        }
+      }
+    }
+  })

package/src/user/resouces.en.md

@@ -0,0 +1,6 @@
+# User Component
+
+MCP tools for user selection.
+
+- getUser: Get current user
+- setUser: Set user

package/src/user/resouces.zh.md

@@ -0,0 +1,6 @@
+# User 用户选择
+
+用户选择相关 MCP 工具。
+
+- getUser: 获取当前用户
+- setUser: 设置用户

package/src/user-account/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 getUserAccountConfig = () =>
+  defineComponentTool({
+    name: 'user_account_component_tools',
+    description: t('ai.userAccount.description'),
+    tools: {
+      getAccount: {
+        paramsSchema: z.boolean().optional().describe(t('ai.userAccount.getAccount')),
+        cb: (instance) => ({ type: 'text', text: instance.account || '' })
+      },
+      setAccount: {
+        paramsSchema: z.string().describe(t('ai.userAccount.setAccount')),
+        cb: (instance, params: string) => {
+          instance.account = params
+          return { type: 'text', text: 'Account set' }
+        }
+      }
+    }
+  })

package/src/user-account/resouces.en.md

@@ -0,0 +1,6 @@
+# User Account Component
+
+MCP tools for user account.
+
+- getAccount: Get account
+- setAccount: Set account

package/src/user-account/resouces.zh.md

@@ -0,0 +1,6 @@
+# User Account 用户账号
+
+用户账号相关 MCP 工具。
+
+- getAccount: 获取账号
+- setAccount: 设置账号

package/src/user-contact/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 getUserContactConfig = () =>
+  defineComponentTool({
+    name: 'user_contact_component_tools',
+    description: t('ai.userContact.description'),
+    tools: {
+      getContact: {
+        paramsSchema: z.boolean().optional().describe(t('ai.userContact.getContact')),
+        cb: (instance) => ({ type: 'text', text: JSON.stringify(instance.contact || {}) })
+      },
+      setContact: {
+        paramsSchema: z.object({ phone: z.string().optional(), email: z.string().optional() }).describe(t('ai.userContact.setContact')),
+        cb: (instance, params) => {
+          instance.contact = params
+          return { type: 'text', text: 'Contact set' }
+        }
+      }
+    }
+  })

package/src/user-contact/resouces.en.md

@@ -0,0 +1,6 @@
+# User Contact Component
+
+MCP tools for user contact.
+
+- getContact: Get contact info
+- setContact: Set contact info

package/src/user-contact/resouces.zh.md

@@ -0,0 +1,6 @@
+# User Contact 用户联系方式
+
+用户联系方式相关 MCP 工具。
+
+- getContact: 获取联系方式
+- setContact: 设置联系方式