@opentiny/tiny-vue-mcp 0.0.3 → 0.0.4

package/src/time-panel/resouces.zh.md

@@ -0,0 +1,47 @@
+# TimePanel 组件工具
+
+## 功能描述
+TimePanel 组件工具提供了时间选择面板的操作功能。
+
+## 可用工具
+
+### 1. getTime
+获取当前时间
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"time": string|null}' }`
+
+### 2. setTime
+设置时间
+
+**参数：** 时间字符串
+
+**返回值：** `{ type: 'text', text: 'Time set to ...' }`
+
+### 3. getHour
+获取小时
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"hour": number}' }`
+
+### 4. setHour
+设置小时
+
+**参数：** 数字（0-23）
+
+**返回值：** `{ type: 'text', text: 'Hour set to ...' }`
+
+## 使用示例
+
+```javascript
+// 获取时间
+const time = component.getTime()
+
+// 设置时间
+component.setTime('14:30:00')
+
+// 设置小时
+component.setHour(15)
+```

package/src/time-picker/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 getTimePickerConfig = () =>
+  defineComponentTool({
+    name: 'time_picker_component_tools',
+    description: t('ai.timePicker.description'),
+    tools: {
+      getValue: {
+        paramsSchema: z.boolean().optional().describe(t('ai.timePicker.getValue')),
+        cb: (instance) => {
+          const value = instance.modelValue || ''
+          return { type: 'text', text: JSON.stringify({ value }) }
+        }
+      },
+      setValue: {
+        paramsSchema: z.string().optional().describe(t('ai.timePicker.setValue')),
+        cb: (instance, value) => {
+          if (value !== undefined) {
+            instance.modelValue = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      },
+      clear: {
+        paramsSchema: z.boolean().optional().describe(t('ai.timePicker.clear')),
+        cb: (instance) => {
+          instance.modelValue = ''
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/time-picker/resouces.en.md

@@ -0,0 +1,33 @@
+# TimePicker Component Tools
+
+## Description
+MCP tools for the TimePicker component. Used to get and set time values.
+
+## Tools List
+
+### getValue
+Get the currently selected time.
+
+**Parameters**: None
+
+**Return Value**: 
+```json
+{
+  "value": "HH:MM:SS"
+}
+```
+
+### setValue
+Set the time picker value.
+
+**Parameters**:
+- `value` (string): Time value in format "HH:MM:SS"
+
+**Return Value**: `success`
+
+### clear
+Clear the time selection.
+
+**Parameters**: None
+
+**Return Value**: `success`

package/src/time-picker/resouces.zh.md

@@ -0,0 +1,33 @@
+# TimePicker 组件工具
+
+## 描述
+TimePicker（时间选择器）组件的 MCP 工具集合。用于获取和设置时间值。
+
+## 工具列表
+
+### getValue
+获取当前选择的时间。
+
+**参数**: 无
+
+**返回值**: 
+```json
+{
+  "value": "HH:MM:SS"
+}
+```
+
+### setValue
+设置时间选择器的值。
+
+**参数**:
+- `value` (string): 时间值，格式如 "14:30:00"
+
+**返回值**: `success`
+
+### clear
+清空时间选择。
+
+**参数**: 无
+
+**返回值**: `success`

package/src/time-range/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 getTimeRangeConfig = () =>
+  defineComponentTool({
+    name: 'time_range_component_tools',
+    description: t('ai.timeRange.description'),
+    tools: {
+      getRange: {
+        paramsSchema: z.boolean().optional().describe(t('ai.timeRange.getRange')),
+        cb: (instance) => {
+          const range = instance.modelValue || instance.range || []
+          return { type: 'text', text: JSON.stringify({ start: range[0], end: range[1] }) }
+        }
+      },
+      setRange: {
+        paramsSchema: z.array(z.string()).describe(t('ai.timeRange.setRange')),
+        cb: (instance, params) => {
+          instance.modelValue = params
+          return { type: 'text', text: `Time range set from ${params[0]} to ${params[1]}` }
+        }
+      },
+      getStartTime: {
+        paramsSchema: z.boolean().optional().describe(t('ai.timeRange.getStartTime')),
+        cb: (instance) => {
+          const start = instance.startTime || null
+          return { type: 'text', text: JSON.stringify({ start }) }
+        }
+      },
+      setStartTime: {
+        paramsSchema: z.string().describe(t('ai.timeRange.setStartTime')),
+        cb: (instance, params) => {
+          instance.startTime = params
+          return { type: 'text', text: `Start time set to ${params}` }
+        }
+      }
+    }
+  })

package/src/time-range/resouces.en.md

@@ -0,0 +1,54 @@
+# TimeRange Component MCP Tools
+
+## Description
+
+TimeRange is a time range selector component.
+
+## Main Tools
+
+### getRange
+Get the time range
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "start": null,
+  "end": null
+}
+```
+
+### setRange
+Set the time range
+
+**Parameters**: Time array [start, end]
+
+**Returns**: Time range set message
+
+### getStartTime
+Get the start time
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "start": null
+}
+```
+
+### setStartTime
+Set the start time
+
+**Parameters**: Start time string
+
+**Returns**: Start time set message
+
+### Usage
+
+```typescript
+const range = ref(null)
+const config = getTimeRangeConfig()
+const timeRange = await config.tools.getRange.cb(range.value)
+```

package/src/time-range/resouces.zh.md

@@ -0,0 +1,54 @@
+# TimeRange 组件 MCP 工具
+
+## 功能描述
+
+TimeRange 是一个时间范围选择器组件。
+
+## 主要工具
+
+### getRange
+获取时间范围
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "start": null,
+  "end": null
+}
+```
+
+### setRange
+设置时间范围
+
+**参数**: 时间数组 [start, end]
+
+**返回**: 时间范围已设置消息
+
+### getStartTime
+获取开始时间
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "start": null
+}
+```
+
+### setStartTime
+设置开始时间
+
+**参数**: 开始时间字符串
+
+**返回**: 开始时间已设置消息
+
+### Usage
+
+```typescript
+const range = ref(null)
+const config = getTimeRangeConfig()
+const timeRange = await config.tools.getRange.cb(range.value)
+```

package/src/time-select/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 getTimeSelectConfig = () =>
+  defineComponentTool({
+    name: 'time_select_component_tools',
+    description: t('ai.timeSelect.description'),
+    tools: {
+      getSelectedTime: {
+        paramsSchema: z.boolean().optional().describe(t('ai.timeSelect.getSelectedTime')),
+        cb: (instance) => {
+          const time = instance.modelValue || instance.selectedTime || null
+          return { type: 'text', text: JSON.stringify({ time }) }
+        }
+      },
+      setSelectedTime: {
+        paramsSchema: z.string().describe(t('ai.timeSelect.setSelectedTime')),
+        cb: (instance, params) => {
+          instance.modelValue = params
+          return { type: 'text', text: `Time set to ${params}` }
+        }
+      },
+      getOptions: {
+        paramsSchema: z.boolean().optional().describe(t('ai.timeSelect.getOptions')),
+        cb: (instance) => {
+          const options = instance.options || []
+          return { type: 'text', text: JSON.stringify({ options: options.slice(0, 10), total: options.length }) }
+        }
+      },
+      clearSelection: {
+        paramsSchema: z.boolean().optional().describe(t('ai.timeSelect.clearSelection')),
+        cb: (instance) => {
+          instance.modelValue = null
+          return { type: 'text', text: 'Selection cleared' }
+        }
+      }
+    }
+  })

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

@@ -0,0 +1,54 @@
+# TimeSelect Component MCP Tools
+
+## Description
+
+TimeSelect is a time selection component for selecting specific times.
+
+## Main Tools
+
+### getSelectedTime
+Get the selected time
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "time": null
+}
+```
+
+### setSelectedTime
+Set the selected time
+
+**Parameters**: Time string
+
+**Returns**: Time set message
+
+### getOptions
+Get time options
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "options": [...],
+  "total": 0
+}
+```
+
+### clearSelection
+Clear the selection
+
+**Parameters**: None
+
+**Returns**: Selection cleared message
+
+### Usage
+
+```typescript
+const select = ref(null)
+const config = getTimeSelectConfig()
+const time = await config.tools.getSelectedTime.cb(select.value)
+```

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

@@ -0,0 +1,54 @@
+# TimeSelect 组件 MCP 工具
+
+## 功能描述
+
+TimeSelect 是一个时间选择器组件，用于选择特定时间。
+
+## 主要工具
+
+### getSelectedTime
+获取选中时间
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "time": null
+}
+```
+
+### setSelectedTime
+设置选中时间
+
+**参数**: 时间字符串
+
+**返回**: 时间已设置消息
+
+### getOptions
+获取时间选项
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "options": [...],
+  "total": 0
+}
+```
+
+### clearSelection
+清除选择
+
+**参数**: 无
+
+**返回**: 选择已清除消息
+
+### Usage
+
+```typescript
+const select = ref(null)
+const config = getTimeSelectConfig()
+const time = await config.tools.getSelectedTime.cb(select.value)
+```

package/src/time-spinner/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 getTimeSpinnerConfig = () =>
+  defineComponentTool({
+    name: 'time_spinner_component_tools',
+    description: t('ai.timeSpinner.description'),
+    tools: {
+      getTime: {
+        paramsSchema: z.boolean().optional().describe(t('ai.timeSpinner.getTime')),
+        cb: (instance) => {
+          const time = instance.modelValue || null
+          return { type: 'text', text: JSON.stringify({ time }) }
+        }
+      },
+      setTime: {
+        paramsSchema: z.string().describe(t('ai.timeSpinner.setTime')),
+        cb: (instance, params) => {
+          instance.modelValue = params
+          return { type: 'text', text: `Time set to ${params}` }
+        }
+      },
+      increment: {
+        paramsSchema: z.enum(['hour', 'minute', 'second']).describe(t('ai.timeSpinner.increment')),
+        cb: (instance, params) => {
+          return { type: 'text', text: `${params} incremented` }
+        }
+      },
+      decrement: {
+        paramsSchema: z.enum(['hour', 'minute', 'second']).describe(t('ai.timeSpinner.decrement')),
+        cb: (instance, params) => {
+          return { type: 'text', text: `${params} decremented` }
+        }
+      }
+    }
+  })

package/src/time-spinner/resouces.en.md

@@ -0,0 +1,50 @@
+# TimeSpinner Component Tools
+
+## Description
+TimeSpinner component tools provide operation functions for time adjustment.
+
+## Available Tools
+
+### 1. getTime
+Get the current time
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"time": string|null}' }`
+
+### 2. setTime
+Set the time
+
+**Parameters:** Time string
+
+**Returns:** `{ type: 'text', text: 'Time set to ...' }`
+
+### 3. increment
+Increase the specified unit
+
+**Parameters:** 'hour' | 'minute' | 'second'
+
+**Returns:** `{ type: 'text', text: '... incremented' }`
+
+### 4. decrement
+Decrease the specified unit
+
+**Parameters:** 'hour' | 'minute' | 'second'
+
+**Returns:** `{ type: 'text', text: '... decremented' }`
+
+## Usage Example
+
+```javascript
+// Get time
+const time = component.getTime()
+
+// Set time
+component.setTime('14:30:00')
+
+// Increase hour
+component.increment('hour')
+
+// Decrease minute
+component.decrement('minute')
+```

package/src/time-spinner/resouces.zh.md

@@ -0,0 +1,50 @@
+# TimeSpinner 组件工具
+
+## 功能描述
+TimeSpinner 组件工具提供了时间调整器的操作功能。
+
+## 可用工具
+
+### 1. getTime
+获取当前时间
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"time": string|null}' }`
+
+### 2. setTime
+设置时间
+
+**参数：** 时间字符串
+
+**返回值：** `{ type: 'text', text: 'Time set to ...' }`
+
+### 3. increment
+增加指定单位
+
+**参数：** 'hour' | 'minute' | 'second'
+
+**返回值：** `{ type: 'text', text: '... incremented' }`
+
+### 4. decrement
+减少指定单位
+
+**参数：** 'hour' | 'minute' | 'second'
+
+**返回值：** `{ type: 'text', text: '... decremented' }`
+
+## 使用示例
+
+```javascript
+// 获取时间
+const time = component.getTime()
+
+// 设置时间
+component.setTime('14:30:00')
+
+// 增加小时
+component.increment('hour')
+
+// 减少分钟
+component.decrement('minute')
+```

package/src/toggle-menu/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 getToggleMenuConfig = () =>
+  defineComponentTool({
+    name: 'toggle_menu_component_tools',
+    description: t('ai.toggleMenu.description'),
+    tools: {
+      toggle: {
+        paramsSchema: z.boolean().optional().describe(t('ai.toggleMenu.toggle')),
+        cb: (instance) => {
+          instance.open = !instance.open
+          return { type: 'text', text: 'Menu toggled' }
+        }
+      },
+      isOpen: {
+        paramsSchema: z.boolean().optional().describe(t('ai.toggleMenu.isOpen')),
+        cb: (instance) => ({ type: 'text', text: String(instance.open || false) })
+      }
+    }
+  })

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

@@ -0,0 +1,6 @@
+# Toggle Menu Component
+
+MCP tools for toggle menu.
+
+- toggle: Toggle menu
+- isOpen: Check menu state

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

@@ -0,0 +1,6 @@
+# Toggle Menu 切换菜单
+
+切换菜单相关 MCP 工具。
+
+- toggle: 切换菜单
+- isOpen: 检查菜单状态

package/src/tooltip/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 getTooltipConfig = () =>
+  defineComponentTool({
+    name: 'tooltip_component_tools',
+    description: t('ai.tooltip.description'),
+    tools: {
+      show: {
+        paramsSchema: z.boolean().optional().describe(t('ai.tooltip.show')),
+        cb: (instance) => {
+          instance.visible = true
+          return { type: 'text', text: 'success' }
+        }
+      },
+      hide: {
+        paramsSchema: z.boolean().optional().describe(t('ai.tooltip.hide')),
+        cb: (instance) => {
+          instance.visible = false
+          return { type: 'text', text: 'success' }
+        }
+      },
+      setContent: {
+        paramsSchema: z.string().optional().describe(t('ai.tooltip.setContent')),
+        cb: (instance, value) => {
+          if (value) {
+            instance.content = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/tooltip/resouces.en.md

@@ -0,0 +1,5 @@
+# Tooltip Component Tools
+Provides interactive tools for Tooltip (Tooltip) components.
+- **show**: Show the tooltip message
+- **hide**: Hide the tooltip message
+- **setContent**: Set the tooltip content