@opentiny/tiny-vue-mcp 0.0.2 → 0.0.4

package/src/calendar/resouces.zh.md

@@ -0,0 +1,33 @@
+# Calendar 组件工具
+
+## 描述
+Calendar（日历）组件的 MCP 工具集合。用于获取、设置和重置日期值。
+
+## 工具列表
+
+### getValue
+获取当前选择的日期。
+
+**参数**: 无
+
+**返回值**: 
+```json
+{
+  "value": "date-string"
+}
+```
+
+### setValue
+设置日历的日期。
+
+**参数**:
+- `date` (string): 日期字符串
+
+**返回值**: `success`
+
+### reset
+重置日历到当前日期。
+
+**参数**: 无
+
+**返回值**: `success`

package/src/calendar-view/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 getCalendarViewConfig = () =>
+  defineComponentTool({
+    name: 'calendar_view_component_tools',
+    description: t('ai.calendarView.description'),
+    tools: {
+      getCurrentDate: {
+        paramsSchema: z.boolean().optional().describe(t('ai.calendarView.getCurrentDate')),
+        cb: (instance) => ({ type: 'text', text: instance.currentDate || '' })
+      },
+      jumpTo: {
+        paramsSchema: z.string().describe(t('ai.calendarView.jumpTo')),
+        cb: (instance, params) => ({ type: 'text', text: `Jumped to ${params}` })
+      }
+    }
+  })

package/src/calendar-view/resouces.en.md

@@ -0,0 +1,6 @@
+# Calendar View Component
+
+MCP tools for calendar view.
+
+- getCurrentDate: Get current date
+- jumpTo: Jump to specified date

package/src/calendar-view/resouces.zh.md

@@ -0,0 +1,6 @@
+# Calendar View 组件
+
+日历视图相关 MCP 工具。
+
+- getCurrentDate: 获取当前日期
+- jumpTo: 跳转到指定日期

package/src/card/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 getCardConfig = () =>
+  defineComponentTool({
+    name: 'card_component_tools',
+    description: t('ai.card.description'),
+    tools: {
+      getTitle: {
+        paramsSchema: z.boolean().optional().describe(t('ai.card.getTitle')),
+        cb: (instance) => {
+          const title = instance.title || ''
+          return { type: 'text', text: JSON.stringify({ title }) }
+        }
+      },
+      setTitle: {
+        paramsSchema: z.string().describe(t('ai.card.setTitle')),
+        cb: (instance, params) => {
+          instance.title = params
+          return { type: 'text', text: `Title set to ${params}` }
+        }
+      },
+      getContent: {
+        paramsSchema: z.boolean().optional().describe(t('ai.card.getContent')),
+        cb: (instance) => {
+          const content = instance.content || ''
+          return { type: 'text', text: JSON.stringify({ content }) }
+        }
+      },
+      setContent: {
+        paramsSchema: z.string().describe(t('ai.card.setContent')),
+        cb: (instance, params) => {
+          instance.content = params
+          return { type: 'text', text: 'Content updated' }
+        }
+      }
+    }
+  })

package/src/card/resouces.en.md

@@ -0,0 +1,53 @@
+# Card Component MCP Tools
+
+## Description
+
+Card is a basic card component for displaying structured content.
+
+## Main Tools
+
+### getTitle
+Get the card title
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "title": ""
+}
+```
+
+### setTitle
+Set the card title
+
+**Parameters**: Title string
+
+**Returns**: Title set message
+
+### getContent
+Get the card content
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "content": ""
+}
+```
+
+### setContent
+Set the card content
+
+**Parameters**: Content string
+
+**Returns**: Content updated message
+
+### Usage
+
+```typescript
+const card = ref(null)
+const config = getCardConfig()
+const title = await config.tools.getTitle.cb(card.value)
+```

package/src/card/resouces.zh.md

@@ -0,0 +1,53 @@
+# Card 组件 MCP 工具
+
+## 功能描述
+
+Card 是一个基础卡片组件，用于展示结构化的内容。
+
+## 主要工具
+
+### getTitle
+获取卡片标题
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "title": ""
+}
+```
+
+### setTitle
+设置卡片标题
+
+**参数**: 标题字符串
+
+**返回**: 标题已设置消息
+
+### getContent
+获取卡片内容
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "content": ""
+}
+```
+
+### setContent
+设置卡片内容
+
+**参数**: 内容字符串
+
+**返回**: 内容已更新消息
+
+### Usage
+
+```typescript
+const card = ref(null)
+const config = getCardConfig()
+const title = await config.tools.getTitle.cb(card.value)
+```

package/src/card-group/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 getCardGroupConfig = () =>
+  defineComponentTool({
+    name: 'card_group_component_tools',
+    description: t('ai.cardGroup.description'),
+    tools: {
+      getCards: {
+        paramsSchema: z.boolean().optional().describe(t('ai.cardGroup.getCards')),
+        cb: (instance) => {
+          const cards = instance.cards || []
+          return { type: 'text', text: JSON.stringify({ cards: cards.slice(0, 10), total: cards.length }) }
+        }
+      },
+      addCard: {
+        paramsSchema: z.object({ title: z.string(), content: z.string() }).describe(t('ai.cardGroup.addCard')),
+        cb: (instance, params) => {
+          return { type: 'text', text: `Card added: ${params.title}` }
+        }
+      },
+      removeCard: {
+        paramsSchema: z.number().describe(t('ai.cardGroup.removeCard')),
+        cb: (instance, params) => {
+          return { type: 'text', text: `Card removed at index ${params}` }
+        }
+      },
+      getLayout: {
+        paramsSchema: z.boolean().optional().describe(t('ai.cardGroup.getLayout')),
+        cb: (instance) => {
+          const layout = instance.layout || 'grid'
+          return { type: 'text', text: JSON.stringify({ layout }) }
+        }
+      }
+    }
+  })

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

@@ -0,0 +1,56 @@
+# CardGroup Component MCP Tools
+
+## Description
+
+CardGroup is a card container component for displaying multiple cards.
+
+## Main Tools
+
+### getCards
+Get all cards
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "cards": [...],
+  "total": 0
+}
+```
+
+### addCard
+Add a new card
+
+**Parameters**:
+- `title`: Card title
+- `content`: Card content
+
+**Returns**: Card added message
+
+### removeCard
+Remove a card
+
+**Parameters**: Card index
+
+**Returns**: Card removed message
+
+### getLayout
+Get the layout type
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "layout": "grid"
+}
+```
+
+### Usage
+
+```typescript
+const group = ref(null)
+const config = getCardGroupConfig()
+const cards = await config.tools.getCards.cb(group.value)
+```

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

@@ -0,0 +1,56 @@
+# CardGroup 组件 MCP 工具
+
+## 功能描述
+
+CardGroup 是一个卡片组合容器组件，用于展示多张卡片。
+
+## 主要工具
+
+### getCards
+获取所有卡片
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "cards": [...],
+  "total": 0
+}
+```
+
+### addCard
+添加新卡片
+
+**参数**:
+- `title`: 卡片标题
+- `content`: 卡片内容
+
+**返回**: 卡片已添加消息
+
+### removeCard
+移除卡片
+
+**参数**: 卡片索引
+
+**返回**: 卡片已移除消息
+
+### getLayout
+获取布局类型
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "layout": "grid"
+}
+```
+
+### Usage
+
+```typescript
+const group = ref(null)
+const config = getCardGroupConfig()
+const cards = await config.tools.getCards.cb(group.value)
+```

package/src/card-template/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 getCardTemplateConfig = () =>
+  defineComponentTool({
+    name: 'card_template_component_tools',
+    description: t('ai.cardTemplate.description'),
+    tools: {
+      getTemplate: {
+        paramsSchema: z.boolean().optional().describe(t('ai.cardTemplate.getTemplate')),
+        cb: (instance) => {
+          const template = instance.template || 'default'
+          return { type: 'text', text: JSON.stringify({ template }) }
+        }
+      },
+      setTemplate: {
+        paramsSchema: z.string().describe(t('ai.cardTemplate.setTemplate')),
+        cb: (instance, params) => {
+          instance.template = params
+          return { type: 'text', text: `Template set to ${params}` }
+        }
+      },
+      getData: {
+        paramsSchema: z.boolean().optional().describe(t('ai.cardTemplate.getData')),
+        cb: (instance) => {
+          const data = instance.data || {}
+          return { type: 'text', text: JSON.stringify({ data }) }
+        }
+      },
+      render: {
+        paramsSchema: z.object({ data: z.unknown() }).describe(t('ai.cardTemplate.render')),
+        cb: (instance, params) => {
+          return { type: 'text', text: 'Template rendered successfully' }
+        }
+      }
+    }
+  })

package/src/card-template/resouces.en.md

@@ -0,0 +1,54 @@
+# CardTemplate Component MCP Tools
+
+## Description
+
+CardTemplate is a card template component supporting custom templates.
+
+## Main Tools
+
+### getTemplate
+Get the current template
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "template": "default"
+}
+```
+
+### setTemplate
+Set the template
+
+**Parameters**: Template name
+
+**Returns**: Template set message
+
+### getData
+Get template data
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "data": {}
+}
+```
+
+### render
+Render the template
+
+**Parameters**: 
+- `data`: Template data
+
+**Returns**: Template rendered message
+
+### Usage
+
+```typescript
+const template = ref(null)
+const config = getCardTemplateConfig()
+const currentTemplate = await config.tools.getTemplate.cb(template.value)
+```

package/src/card-template/resouces.zh.md

@@ -0,0 +1,54 @@
+# CardTemplate 组件 MCP 工具
+
+## 功能描述
+
+CardTemplate 是一个卡片模板组件，支持自定义模板。
+
+## 主要工具
+
+### getTemplate
+获取当前模板
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "template": "default"
+}
+```
+
+### setTemplate
+设置模板
+
+**参数**: 模板名称
+
+**返回**: 模板已设置消息
+
+### getData
+获取模板数据
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "data": {}
+}
+```
+
+### render
+渲染模板
+
+**参数**: 
+- `data`: 模板数据
+
+**返回**: 模板已渲染消息
+
+### Usage
+
+```typescript
+const template = ref(null)
+const config = getCardTemplateConfig()
+const currentTemplate = await config.tools.getTemplate.cb(template.value)
+```

package/src/carousel/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 getCarouselConfig = () =>
+  defineComponentTool({
+    name: 'carousel_component_tools',
+    description: t('ai.carousel.description'),
+    tools: {
+      getCurrentIndex: {
+        paramsSchema: z.boolean().optional().describe(t('ai.carousel.getCurrentIndex')),
+        cb: (instance) => {
+          const currentIndex = instance.activeIndex || 0
+          return { type: 'text', text: JSON.stringify({ currentIndex }) }
+        }
+      },
+      setCurrentIndex: {
+        paramsSchema: z.number().optional().describe(t('ai.carousel.setCurrentIndex')),
+        cb: (instance, value) => {
+          if (value !== undefined) {
+            instance.activeIndex = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      },
+      next: {
+        paramsSchema: z.boolean().optional().describe(t('ai.carousel.next')),
+        cb: (instance) => {
+          instance.next?.()
+          return { type: 'text', text: 'success' }
+        }
+      },
+      prev: {
+        paramsSchema: z.boolean().optional().describe(t('ai.carousel.prev')),
+        cb: (instance) => {
+          instance.prev?.()
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/carousel/resouces.en.md

@@ -0,0 +1,40 @@
+# Carousel Component Tools
+
+## Description
+MCP tools for the Carousel component. Used to get, set, and manage the current index of carousel slides.
+
+## Tools List
+
+### getCurrentIndex
+Get the current carousel index.
+
+**Parameters**: None
+
+**Return Value**: 
+```json
+{
+  "currentIndex": number
+}
+```
+
+### setCurrentIndex
+Set carousel to a specified index.
+
+**Parameters**:
+- `index` (number): Index to set
+
+**Return Value**: `success`
+
+### next
+Move to the next slide.
+
+**Parameters**: None
+
+**Return Value**: `success`
+
+### prev
+Move to the previous slide.
+
+**Parameters**: None
+
+**Return Value**: `success`

package/src/carousel/resouces.zh.md

@@ -0,0 +1,40 @@
+# Carousel 组件工具
+
+## 描述
+Carousel（走马灯/轮播）组件的 MCP 工具集合。用于获取、设置和管理轮播的当前索引。
+
+## 工具列表
+
+### getCurrentIndex
+获取当前轮播索引。
+
+**参数**: 无
+
+**返回值**: 
+```json
+{
+  "currentIndex": number
+}
+```
+
+### setCurrentIndex
+设置轮播到指定索引。
+
+**参数**:
+- `index` (number): 要设置的索引
+
+**返回值**: `success`
+
+### next
+切换到下一张。
+
+**参数**: 无
+
+**返回值**: `success`
+
+### prev
+切换到上一张。
+
+**参数**: 无
+
+**返回值**: `success`

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