@opentiny/tiny-vue-mcp 0.0.2 → 0.0.4

package/src/alert/index.ts

@@ -0,0 +1,43 @@
+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 getAlertConfig = () =>
+  defineComponentTool({
+    name: 'alert_component_tools',
+    description: t('ai.alert.description'),
+    tools: {
+      close: {
+        paramsSchema: z.boolean().optional().describe(t('ai.alert.close')),
+        cb: (instance) => {
+          instance.closed = true
+          return { type: 'text', text: 'success' }
+        }
+      },
+      setType: {
+        paramsSchema: z.string().optional().describe(t('ai.alert.setType')),
+        cb: (instance, value) => {
+          if (value) {
+            instance.type = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      },
+      setTitle: {
+        paramsSchema: z.string().optional().describe(t('ai.alert.setTitle')),
+        cb: (instance, value) => {
+          if (value) {
+            instance.title = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/alert/resouces.en.md

@@ -0,0 +1,12 @@
+# Alert Component Tools
+
+## Description
+
+Provides a collection of interactive tools for Alert (Alert Tip) components.
+
+### Tool List
+
+- **close**: Close the alert tip
+- **setType**: Set alert type (success, warning, error, info)
+- **setTitle**: Set alert title
+

package/src/alert/resouces.zh.md

@@ -0,0 +1,12 @@
+# Alert 组件工具集合
+
+## 功能说明
+
+提供 Alert（警告提示）组件的交互工具集合。
+
+### 工具列表
+
+- **close**: 关闭警告提示
+- **setType**: 设置警告类型 (success, warning, error, info)
+- **setTitle**: 设置警告标题
+

package/src/amount/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 getAmountConfig = () =>
+  defineComponentTool({
+    name: 'amount_component_tools',
+    description: t('ai.amount.description'),
+    tools: {
+      getValue: {
+        paramsSchema: z.boolean().optional().describe(t('ai.amount.getValue')),
+        cb: (instance) => ({ type: 'text', text: String(instance.value || 0) })
+      },
+      setValue: {
+        paramsSchema: z.number().describe(t('ai.amount.setValue')),
+        cb: (instance, params: number) => {
+          instance.value = params
+          return { type: 'text', text: 'Amount set' }
+        }
+      }
+    }
+  })

package/src/amount/resouces.en.md

@@ -0,0 +1,6 @@
+# Amount Component
+
+MCP tools for amount input.
+
+- getValue: Get current amount
+- setValue: Set amount

package/src/amount/resouces.zh.md

@@ -0,0 +1,6 @@
+# Amount 组件
+
+提供金额输入相关的 MCP 工具。
+
+- getValue: 获取金额
+- setValue: 设置金额

package/src/anchor/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 getAnchorConfig = () =>
+  defineComponentTool({
+    name: 'anchor_component_tools',
+    description: t('ai.anchor.description'),
+    tools: {
+      goTo: {
+        paramsSchema: z.string().describe(t('ai.anchor.goTo')),
+        cb: (instance, params: string) => {
+          // assume instance has method to scroll
+          return { type: 'text', text: `Navigated to ${params}` }
+        }
+      },
+      getCurrent: {
+        paramsSchema: z.boolean().optional().describe(t('ai.anchor.getCurrent')),
+        cb: (instance) => ({ type: 'text', text: String(instance.current || '') })
+      }
+    }
+  })

package/src/anchor/resouces.en.md

@@ -0,0 +1,6 @@
+# Anchor Component
+
+MCP tools for anchor component.
+
+- goTo: Navigate to specified anchor
+- getCurrent: Get current anchor

package/src/anchor/resouces.zh.md

@@ -0,0 +1,6 @@
+# Anchor 组件
+
+锚点组件 MCP 工具说明。
+
+- goTo: 跳转到指定锚点
+- getCurrent: 获取当前锚点

package/src/area/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 getAreaConfig = () =>
+  defineComponentTool({
+    name: 'area_component_tools',
+    description: t('ai.area.description'),
+    tools: {
+      getValue: {
+        paramsSchema: z.boolean().optional().describe(t('ai.area.getValue')),
+        cb: (instance) => ({ type: 'text', text: JSON.stringify(instance.value || {}) })
+      },
+      setValue: {
+        paramsSchema: z.object({ value: z.any() }).describe(t('ai.area.setValue')),
+        cb: (instance, params) => {
+          instance.value = params.value
+          return { type: 'text', text: 'Area updated' }
+        }
+      }
+    }
+  })

package/src/area/resouces.en.md

@@ -0,0 +1,6 @@
+# Area Component
+
+MCP tools for area selector (province/city/district).
+
+- getValue: Get current selection
+- setValue: Set selection

package/src/area/resouces.zh.md

@@ -0,0 +1,6 @@
+# Area 组件
+
+区域/省市区选择相关 MCP 工具。
+
+- getValue: 获取当前选择
+- setValue: 设置选择值

package/src/autocomplete/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 getAutocompleteConfig = () =>
+  defineComponentTool({
+    name: 'autocomplete_component_tools',
+    description: t('ai.autocomplete.description'),
+    tools: {
+      getSuggestions: {
+        paramsSchema: z.string().optional().describe(t('ai.autocomplete.getSuggestions')),
+        cb: (instance, params) => ({ type: 'text', text: JSON.stringify(instance.suggestions || []) })
+      },
+      select: {
+        paramsSchema: z.unknown().describe(t('ai.autocomplete.select')),
+        cb: (instance) => ({ type: 'text', text: 'Selected' })
+      }
+    }
+  })

package/src/autocomplete/resouces.en.md

@@ -0,0 +1,6 @@
+# Autocomplete Component
+
+MCP tools for autocomplete input.
+
+- getSuggestions: Get suggestion list
+- select: Select suggestion

package/src/autocomplete/resouces.zh.md

@@ -0,0 +1,6 @@
+# Autocomplete 组件
+
+自动完成输入相关 MCP 工具。
+
+- getSuggestions: 获取建议列表
+- select: 选中建议项

package/src/avatar/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 getAvatarConfig = () =>
+  defineComponentTool({
+    name: 'avatar_component_tools',
+    description: t('ai.avatar.description'),
+    tools: {
+      getSrc: {
+        paramsSchema: z.boolean().optional().describe(t('ai.avatar.getSrc')),
+        cb: (instance) => {
+          const src = instance.src || ''
+          return { type: 'text', text: JSON.stringify({ src }) }
+        }
+      },
+      setSrc: {
+        paramsSchema: z.string().optional().describe(t('ai.avatar.setSrc')),
+        cb: (instance, value) => {
+          if (value) {
+            instance.src = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/avatar/resouces.en.md

@@ -0,0 +1,26 @@
+# Avatar Component Tools
+
+## Description
+MCP tools for the Avatar component. Used to get and set avatar source.
+
+## Tools List
+
+### getSrc
+Get the avatar source.
+
+**Parameters**: None
+
+**Return Value**: 
+```json
+{
+  "src": "url-string"
+}
+```
+
+### setSrc
+Set the avatar source.
+
+**Parameters**:
+- `src` (string): Avatar URL
+
+**Return Value**: `success`

package/src/avatar/resouces.zh.md

@@ -0,0 +1,26 @@
+# Avatar 组件工具
+
+## 描述
+Avatar（头像）组件的 MCP 工具集合。用于获取和设置头像来源。
+
+## 工具列表
+
+### getSrc
+获取头像来源。
+
+**参数**: 无
+
+**返回值**: 
+```json
+{
+  "src": "url-string"
+}
+```
+
+### setSrc
+设置头像来源。
+
+**参数**:
+- `src` (string): 头像 URL
+
+**返回值**: `success`

package/src/badge/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 getBadgeConfig = () =>
+  defineComponentTool({
+    name: 'badge_component_tools',
+    description: t('ai.badge.description'),
+    tools: {
+      getValue: {
+        paramsSchema: z.boolean().optional().describe(t('ai.badge.getValue')),
+        cb: (instance) => {
+          const value = instance.value || 0
+          return { type: 'text', text: JSON.stringify({ value }) }
+        }
+      },
+      setValue: {
+        paramsSchema: z.any().optional().describe(t('ai.badge.setValue')),
+        cb: (instance, value) => {
+          if (value !== undefined) {
+            instance.value = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/badge/resouces.en.md

@@ -0,0 +1,26 @@
+# Badge Component Tools
+
+## Description
+MCP tools for the Badge component. Used to get and set badge values.
+
+## Tools List
+
+### getValue
+Get the current badge value.
+
+**Parameters**: None
+
+**Return Value**: 
+```json
+{
+  "value": "value"
+}
+```
+
+### setValue
+Set the badge value.
+
+**Parameters**:
+- `value` (any): Badge value (can be a number or string)
+
+**Return Value**: `success`

package/src/badge/resouces.zh.md

@@ -0,0 +1,26 @@
+# Badge 组件工具
+
+## 描述
+Badge（徽标）组件的 MCP 工具集合。用于获取和设置徽标值。
+
+## 工具列表
+
+### getValue
+获取当前徽标值。
+
+**参数**: 无
+
+**返回值**: 
+```json
+{
+  "value": "value"
+}
+```
+
+### setValue
+设置徽标值。
+
+**参数**:
+- `value` (any): 徽标值（可以是数字或字符串）
+
+**返回值**: `success`

package/src/breadcrumb/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 getBreadcrumbConfig = () =>
+  defineComponentTool({
+    name: 'breadcrumb_component_tools',
+    description: t('ai.breadcrumb.description'),
+    tools: {
+      getItems: {
+        paramsSchema: z.boolean().optional().describe(t('ai.breadcrumb.getItems')),
+        cb: (instance) => {
+          const items = instance.options || instance.items || []
+          return { type: 'text', text: JSON.stringify({ items }) }
+        }
+      },
+      setItems: {
+        paramsSchema: z.array(z.any()).optional().describe(t('ai.breadcrumb.setItems')),
+        cb: (instance, value) => {
+          if (value && Array.isArray(value)) {
+            instance.options = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/breadcrumb/resouces.en.md

@@ -0,0 +1,26 @@
+# Breadcrumb Component Tools
+
+## Description
+MCP tools for the Breadcrumb component. Used to manage breadcrumb items.
+
+## Tools List
+
+### getItems
+Get the list of breadcrumb items.
+
+**Parameters**: None
+
+**Return Value**: 
+```json
+{
+  "items": []
+}
+```
+
+### setItems
+Set breadcrumb items.
+
+**Parameters**:
+- `items` (array): Array of breadcrumb items
+
+**Return Value**: `success`

package/src/breadcrumb/resouces.zh.md

@@ -0,0 +1,26 @@
+# Breadcrumb 组件工具
+
+## 描述
+Breadcrumb（面包屑）组件的 MCP 工具集合。用于管理面包屑项目。
+
+## 工具列表
+
+### getItems
+获取面包屑项目列表。
+
+**参数**: 无
+
+**返回值**: 
+```json
+{
+  "items": []
+}
+```
+
+### setItems
+设置面包屑项目。
+
+**参数**:
+- `items` (array): 面包屑项目数组
+
+**返回值**: `success`

package/src/bulletin-board/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 getBulletinBoardConfig = () =>
+  defineComponentTool({
+    name: 'bulletin_board_component_tools',
+    description: t('ai.bulletinBoard.description'),
+    tools: {
+      getMessages: {
+        paramsSchema: z.boolean().optional().describe(t('ai.bulletinBoard.getMessages')),
+        cb: (instance) => ({ type: 'text', text: JSON.stringify(instance.messages || []) })
+      },
+      clear: {
+        paramsSchema: z.boolean().optional().describe(t('ai.bulletinBoard.clear')),
+        cb: (instance) => ({ type: 'text', text: 'Cleared' })
+      }
+    }
+  })

package/src/bulletin-board/resouces.en.md

@@ -0,0 +1,6 @@
+# Bulletin Board Component
+
+MCP tools for bulletin board.
+
+- getMessages: Get bulletin messages
+- clear: Clear messages

package/src/bulletin-board/resouces.zh.md

@@ -0,0 +1,6 @@
+# Bulletin Board 公告板
+
+公告板组件 MCP 工具。
+
+- getMessages: 获取公告列表
+- clear: 清空公告

package/src/button-group/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 getButtonGroupConfig = () =>
+  defineComponentTool({
+    name: 'button_group_component_tools',
+    description: t('ai.buttonGroup.description'),
+    tools: {
+      click: {
+        paramsSchema: z.unknown().describe(t('ai.buttonGroup.click')),
+        cb: (instance) => ({ type: 'text', text: 'Button clicked' })
+      },
+      getButtons: {
+        paramsSchema: z.boolean().optional().describe(t('ai.buttonGroup.getButtons')),
+        cb: (instance) => ({ type: 'text', text: JSON.stringify(instance.buttons || []) })
+      }
+    }
+  })

package/src/button-group/resouces.en.md

@@ -0,0 +1,6 @@
+# Button Group Component
+
+MCP tools for button group.
+
+- click: Simulate click on a group button
+- getButtons: Get the list of group buttons

package/src/button-group/resouces.zh.md

@@ -0,0 +1,6 @@
+# Button Group 组件
+
+按钮组相关 MCP 工具。
+
+- click: 模拟点击组内按钮
+- getButtons: 获取组内按钮列表

package/src/calendar/index.ts

@@ -0,0 +1,41 @@
+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 getCalendarConfig = () =>
+  defineComponentTool({
+    name: 'calendar_component_tools',
+    description: t('ai.calendar.description'),
+    tools: {
+      getValue: {
+        paramsSchema: z.boolean().optional().describe(t('ai.calendar.getValue')),
+        cb: (instance) => {
+          const value = instance.modelValue || instance.value || null
+          return { type: 'text', text: JSON.stringify({ value }) }
+        }
+      },
+      setValue: {
+        paramsSchema: z.string().optional().describe(t('ai.calendar.setValue')),
+        cb: (instance, value) => {
+          if (value) {
+            instance.modelValue = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      },
+      reset: {
+        paramsSchema: z.boolean().optional().describe(t('ai.calendar.reset')),
+        cb: (instance) => {
+          instance.modelValue = new Date()
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/calendar/resouces.en.md

@@ -0,0 +1,33 @@
+# Calendar Component Tools
+
+## Description
+MCP tools for the Calendar component. Used to get, set, and reset date values.
+
+## Tools List
+
+### getValue
+Get the currently selected date.
+
+**Parameters**: None
+
+**Return Value**: 
+```json
+{
+  "value": "date-string"
+}
+```
+
+### setValue
+Set the calendar date.
+
+**Parameters**:
+- `date` (string): Date string
+
+**Return Value**: `success`
+
+### reset
+Reset the calendar to the current date.
+
+**Parameters**: None
+
+**Return Value**: `success`