@opentiny/tiny-vue-mcp 0.0.3 → 0.0.5

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

package/src/search/resouces.en.md

@@ -0,0 +1,33 @@
+# Search Component Tools
+
+## Description
+MCP tools for the Search component. Used to get, set, and clear search values.
+
+## Tools List
+
+### getValue
+Get the current search value.
+
+**Parameters**: None
+
+**Return Value**: 
+```json
+{
+  "value": "string"
+}
+```
+
+### setValue
+Set the search value.
+
+**Parameters**:
+- `value` (string): Search value
+
+**Return Value**: `success`
+
+### clear
+Clear the search value.
+
+**Parameters**: None
+
+**Return Value**: `success`

package/src/search/resouces.zh.md

@@ -0,0 +1,33 @@
+# Search 组件工具
+
+## 描述
+Search（搜索）组件的 MCP 工具集合。用于获取、设置和清除搜索值。
+
+## 工具列表
+
+### getValue
+获取当前搜索值。
+
+**参数**: 无
+
+**返回值**: 
+```json
+{
+  "value": "string"
+}
+```
+
+### setValue
+设置搜索值。
+
+**参数**:
+- `value` (string): 搜索值
+
+**返回值**: `success`
+
+### clear
+清除搜索值。
+
+**参数**: 无
+
+**返回值**: `success`

package/src/select/index.ts

@@ -0,0 +1,66 @@
+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 getSelectConfig = () =>
+  defineComponentTool({
+    name: 'select_component_tools',
+    description: t('ai.select.description'),
+    tools: {
+      openMenu: {
+        paramsSchema: z.boolean().optional().describe(t('ai.select.openMenu')),
+        cb: (instance) => {
+          instance.showMenu?.()
+          return { type: 'text', text: 'success' }
+        }
+      },
+      closeMenu: {
+        paramsSchema: z.boolean().optional().describe(t('ai.select.closeMenu')),
+        cb: (instance) => {
+          instance.hideMenu?.()
+          return { type: 'text', text: 'success' }
+        }
+      },
+      getValue: {
+        paramsSchema: z.boolean().optional().describe(t('ai.select.getValue')),
+        cb: (instance) => {
+          const value = instance.modelValue
+          return { type: 'text', text: JSON.stringify({ value }) }
+        }
+      },
+      setValue: {
+        paramsSchema: z.string().optional().describe(t('ai.select.setValue')),
+        cb: (instance, value) => {
+          if (value !== undefined) {
+            instance.modelValue = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      },
+      getOptions: {
+        paramsSchema: z.boolean().optional().describe(t('ai.select.getOptions')),
+        cb: (instance) => {
+          const options = instance.options || []
+          const cleanOptions = options.map((option: any) => ({
+            label: option.label,
+            value: option.value
+          }))
+          return { type: 'text', text: JSON.stringify(cleanOptions) }
+        }
+      },
+      clearValue: {
+        paramsSchema: z.boolean().optional().describe(t('ai.select.clearValue')),
+        cb: (instance) => {
+          instance.modelValue = ''
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/select/resouces.en.md

@@ -0,0 +1,15 @@
+# Select Component Tools
+
+## Description
+
+Provides a collection of interactive tools for Select components.
+
+### Tool List
+
+- **openMenu**: Open the dropdown menu
+- **closeMenu**: Close the dropdown menu
+- **getValue**: Get the selected value
+- **setValue**: Set the selected value
+- **getOptions**: Get all options
+- **clearValue**: Clear the selected value
+

package/src/select/resouces.zh.md

@@ -0,0 +1,15 @@
+# Select 组件工具集合
+
+## 功能说明
+
+提供 Select（选择框）组件的交互工具集合。
+
+### 工具列表
+
+- **openMenu**: 打开下拉菜单
+- **closeMenu**: 关闭下拉菜单
+- **getValue**: 获取选中值
+- **setValue**: 设置选中值
+- **getOptions**: 获取所有选项
+- **clearValue**: 清空选中值
+

package/src/select-dropdown/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 getSelectDropdownConfig = () =>
+  defineComponentTool({
+    name: 'select_dropdown_component_tools',
+    description: t('ai.selectDropdown.description'),
+    tools: {
+      open: {
+        paramsSchema: z.boolean().optional().describe(t('ai.selectDropdown.open')),
+        cb: (instance) => {
+          instance.visible = true
+          return { type: 'text', text: 'Dropdown opened' }
+        }
+      },
+      close: {
+        paramsSchema: z.boolean().optional().describe(t('ai.selectDropdown.close')),
+        cb: (instance) => {
+          instance.visible = false
+          return { type: 'text', text: 'Dropdown closed' }
+        }
+      },
+      getOptions: {
+        paramsSchema: z.boolean().optional().describe(t('ai.selectDropdown.getOptions')),
+        cb: (instance) => {
+          const options = instance.options || []
+          return { type: 'text', text: JSON.stringify({ options, count: options.length }) }
+        }
+      },
+      selectOption: {
+        paramsSchema: z.unknown().describe(t('ai.selectDropdown.selectOption')),
+        cb: (instance, params) => {
+          return { type: 'text', text: 'Option selected' }
+        }
+      }
+    }
+  })

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

@@ -0,0 +1,50 @@
+# SelectDropdown Component Tools
+
+## Description
+SelectDropdown component tools provide operation functions for selection dropdown menus.
+
+## Available Tools
+
+### 1. open
+Open the dropdown menu
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: 'Dropdown opened' }`
+
+### 2. close
+Close the dropdown menu
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: 'Dropdown closed' }`
+
+### 3. getOptions
+Get the list of options
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"options":[...], "count": number}' }`
+
+### 4. selectOption
+Select an option
+
+**Parameters:** Option object
+
+**Returns:** `{ type: 'text', text: 'Option selected' }`
+
+## Usage Example
+
+```javascript
+// Open dropdown menu
+component.open()
+
+// Get options
+const options = component.getOptions()
+
+// Select option
+component.selectOption({ label: 'Option 1', value: 'opt1' })
+
+// Close dropdown menu
+component.close()
+```

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

@@ -0,0 +1,50 @@
+# SelectDropdown 组件工具
+
+## 功能描述
+SelectDropdown 组件工具提供了选择下拉菜单的操作功能。
+
+## 可用工具
+
+### 1. open
+打开下拉菜单
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: 'Dropdown opened' }`
+
+### 2. close
+关闭下拉菜单
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: 'Dropdown closed' }`
+
+### 3. getOptions
+获取选项列表
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"options":[...], "count": number}' }`
+
+### 4. selectOption
+选择选项
+
+**参数：** 选项对象
+
+**返回值：** `{ type: 'text', text: 'Option selected' }`
+
+## 使用示例
+
+```javascript
+// 打开下拉菜单
+component.open()
+
+// 获取选项
+const options = component.getOptions()
+
+// 选择选项
+component.selectOption({ label: 'Option 1', value: 'opt1' })
+
+// 关闭下拉菜单
+component.close()
+```

package/src/select-wrapper/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 getSelectWrapperConfig = () =>
+  defineComponentTool({
+    name: 'select_wrapper_component_tools',
+    description: t('ai.selectWrapper.description'),
+    tools: {
+      getValue: {
+        paramsSchema: z.boolean().optional().describe(t('ai.selectWrapper.getValue')),
+        cb: (instance) => ({ type: 'text', text: JSON.stringify(instance.value || '') })
+      },
+      setValue: {
+        paramsSchema: z.unknown().describe(t('ai.selectWrapper.setValue')),
+        cb: (instance, params) => {
+          instance.value = params
+          return { type: 'text', text: 'Value set' }
+        }
+      }
+    }
+  })

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

@@ -0,0 +1,6 @@
+# Select Wrapper Component
+
+MCP tools for select wrapper.
+
+- getValue: Get value
+- setValue: Set value

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

@@ -0,0 +1,6 @@
+# Select Wrapper 选择器包装
+
+选择器包装相关 MCP 工具。
+
+- getValue: 获取值
+- setValue: 设置值

package/src/side/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 getSideConfig = () =>
+  defineComponentTool({
+    name: 'side_component_tools',
+    description: t('ai.side.description'),
+    tools: {
+      getCollapsed: {
+        paramsSchema: z.boolean().optional().describe(t('ai.side.getCollapsed')),
+        cb: (instance) => {
+          const collapsed = instance.collapsed || false
+          return { type: 'text', text: JSON.stringify({ collapsed }) }
+        }
+      },
+      setCollapsed: {
+        paramsSchema: z.boolean().optional().describe(t('ai.side.setCollapsed')),
+        cb: (instance, value) => {
+          if (value !== undefined) {
+            instance.collapsed = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      },
+      toggleCollapsed: {
+        paramsSchema: z.boolean().optional().describe(t('ai.side.toggleCollapsed')),
+        cb: (instance) => {
+          instance.collapsed = !instance.collapsed
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/side/resouces.en.md

@@ -0,0 +1,33 @@
+# Side Component Tools
+
+## Description
+MCP tools for the Side (Sidebar) component. Used to manage sidebar collapsed state.
+
+## Tools List
+
+### getCollapsed
+Get whether the sidebar is collapsed.
+
+**Parameters**: None
+
+**Return Value**: 
+```json
+{
+  "collapsed": false
+}
+```
+
+### setCollapsed
+Set the sidebar collapsed state.
+
+**Parameters**:
+- `collapsed` (boolean): Whether to collapse
+
+**Return Value**: `success`
+
+### toggleCollapsed
+Toggle the sidebar collapsed state.
+
+**Parameters**: None
+
+**Return Value**: `success`

package/src/side/resouces.zh.md

@@ -0,0 +1,33 @@
+# Side 组件工具
+
+## 描述
+Side（侧边栏）组件的 MCP 工具集合。用于管理侧边栏折叠状态。
+
+## 工具列表
+
+### getCollapsed
+获取侧边栏是否折叠。
+
+**参数**: 无
+
+**返回值**: 
+```json
+{
+  "collapsed": false
+}
+```
+
+### setCollapsed
+设置侧边栏折叠状态。
+
+**参数**:
+- `collapsed` (boolean): 是否折叠
+
+**返回值**: `success`
+
+### toggleCollapsed
+切换侧边栏折叠状态。
+
+**参数**: 无
+
+**返回值**: `success`

package/src/skeleton/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 getSkeletonConfig = () =>
+  defineComponentTool({
+    name: 'skeleton_component_tools',
+    description: t('ai.skeleton.description'),
+    tools: {
+      getLoading: {
+        paramsSchema: z.boolean().optional().describe(t('ai.skeleton.getLoading')),
+        cb: (instance) => {
+          const loading = instance.loading || true
+          return { type: 'text', text: JSON.stringify({ loading }) }
+        }
+      },
+      setLoading: {
+        paramsSchema: z.boolean().optional().describe(t('ai.skeleton.setLoading')),
+        cb: (instance, value) => {
+          if (value !== undefined) {
+            instance.loading = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/skeleton/resouces.en.md

@@ -0,0 +1,26 @@
+# Skeleton Component Tools
+
+## Description
+MCP tools for the Skeleton component. Used to manage loading state.
+
+## Tools List
+
+### getLoading
+Get the loading state.
+
+**Parameters**: None
+
+**Return Value**: 
+```json
+{
+  "loading": true
+}
+```
+
+### setLoading
+Set the loading state.
+
+**Parameters**:
+- `loading` (boolean): Whether loading
+
+**Return Value**: `success`

package/src/skeleton/resouces.zh.md

@@ -0,0 +1,26 @@
+# Skeleton 组件工具
+
+## 描述
+Skeleton（骨架屏）组件的 MCP 工具集合。用于管理加载状态。
+
+## 工具列表
+
+### getLoading
+获取加载状态。
+
+**参数**: 无
+
+**返回值**: 
+```json
+{
+  "loading": true
+}
+```
+
+### setLoading
+设置加载状态。
+
+**参数**:
+- `loading` (boolean): 是否加载中
+
+**返回值**: `success`

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

package/src/slider/resouces.en.md

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