@opentiny/tiny-vue-mcp 0.0.2 → 0.0.4

package/src/cascader/resouces.en.md

@@ -0,0 +1,33 @@
+# Cascader Component Tools
+
+## Description
+MCP tools for the Cascader (Cascading Select) component. Used to manage the selected values of cascading selectors.
+
+## Tools List
+
+### getValue
+Get the currently selected value.
+
+**Parameters**: None
+
+**Return Value**: 
+```json
+{
+  "value": []
+}
+```
+
+### setValue
+Set the value of the cascader.
+
+**Parameters**:
+- `value` (any[]): Array of values to set
+
+**Return Value**: `success`
+
+### clear
+Clear the cascader value.
+
+**Parameters**: None
+
+**Return Value**: `success`

package/src/cascader/resouces.zh.md

@@ -0,0 +1,33 @@
+# Cascader 组件工具
+
+## 描述
+Cascader（级联选择器）组件的 MCP 工具集合。用于管理级联选择器的选择值。
+
+## 工具列表
+
+### getValue
+获取当前选择的值。
+
+**参数**: 无
+
+**返回值**: 
+```json
+{
+  "value": []
+}
+```
+
+### setValue
+设置级联选择器的值。
+
+**参数**:
+- `value` (any[]): 要设置的值数组
+
+**返回值**: `success`
+
+### clear
+清空级联选择器的值。
+
+**参数**: 无
+
+**返回值**: `success`

package/src/cascader-panel/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 getCascaderPanelConfig = () =>
+  defineComponentTool({
+    name: 'cascader_panel_component_tools',
+    description: t('ai.cascaderPanel.description'),
+    tools: {
+      getValue: {
+        paramsSchema: z.boolean().optional().describe(t('ai.cascaderPanel.getValue')),
+        cb: (instance) => ({ type: 'text', text: JSON.stringify(instance.value || []) })
+      },
+      setValue: {
+        paramsSchema: z.array(z.any()).describe(t('ai.cascaderPanel.setValue')),
+        cb: (instance, params) => {
+          instance.value = params
+          return { type: 'text', text: 'Cascader value set' }
+        }
+      }
+    }
+  })

package/src/cascader-panel/resouces.en.md

@@ -0,0 +1,6 @@
+# Cascader Panel Component
+
+MCP tools for cascader panel.
+
+- getValue: Get current selected value
+- setValue: Set selected value

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

@@ -0,0 +1,6 @@
+# Cascader Panel 级联面板
+
+级联面板相关 MCP 工具。
+
+- getValue: 获取当前选中值
+- setValue: 设置选中值

package/src/chart/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 getChartConfig = () =>
+  defineComponentTool({
+    name: 'chart_component_tools',
+    description: t('ai.chart.description'),
+    tools: {
+      getData: {
+        paramsSchema: z.boolean().optional().describe(t('ai.chart.getData')),
+        cb: (instance) => ({ type: 'text', text: JSON.stringify(instance.data || {}) })
+      },
+      refresh: {
+        paramsSchema: z.boolean().optional().describe(t('ai.chart.refresh')),
+        cb: (instance) => ({ type: 'text', text: 'Chart refreshed' })
+      }
+    }
+  })

package/src/checkbox/index.ts

@@ -0,0 +1,46 @@
+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 getCheckboxConfig = () =>
+  defineComponentTool({
+    name: 'checkbox_component_tools',
+    description: t('ai.checkbox.description'),
+    tools: {
+      getValue: {
+        paramsSchema: z.boolean().optional().describe(t('ai.checkbox.getValue')),
+        cb: (instance) => {
+          const value = instance.modelValue || false
+          return { type: 'text', text: JSON.stringify({ checked: value }) }
+        }
+      },
+      setValue: {
+        paramsSchema: z.boolean().optional().describe(t('ai.checkbox.setValue')),
+        cb: (instance, value) => {
+          instance.modelValue = value
+          return { type: 'text', text: 'success' }
+        }
+      },
+      check: {
+        paramsSchema: z.boolean().optional().describe(t('ai.checkbox.check')),
+        cb: (instance) => {
+          instance.modelValue = true
+          return { type: 'text', text: 'success' }
+        }
+      },
+      uncheck: {
+        paramsSchema: z.boolean().optional().describe(t('ai.checkbox.uncheck')),
+        cb: (instance) => {
+          instance.modelValue = false
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/checkbox/resouces.en.md

@@ -0,0 +1,13 @@
+# Checkbox Component Tools
+
+## Description
+
+Provides a collection of interactive tools for Checkbox components.
+
+### Tool List
+
+- **getValue**: Get the checked state of the checkbox
+- **setValue**: Set the checked state of the checkbox
+- **check**: Check the checkbox
+- **uncheck**: Uncheck the checkbox
+

package/src/checkbox/resouces.zh.md

@@ -0,0 +1,13 @@
+# Checkbox 组件工具集合
+
+## 功能说明
+
+提供 Checkbox（复选框）组件的交互工具集合。
+
+### 工具列表
+
+- **getValue**: 获取复选框的勾选状态
+- **setValue**: 设置复选框的勾选状态
+- **check**: 勾选复选框
+- **uncheck**: 取消勾选复选框
+

package/src/checkbox-button/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 getCheckboxButtonConfig = () =>
+  defineComponentTool({
+    name: 'checkbox_button_component_tools',
+    description: t('ai.checkboxButton.description'),
+    tools: {
+      getValue: {
+        paramsSchema: z.boolean().optional().describe(t('ai.checkboxButton.getValue')),
+        cb: (instance) => {
+          const value = instance.modelValue || false
+          return { type: 'text', text: JSON.stringify({ value }) }
+        }
+      },
+      setValue: {
+        paramsSchema: z.boolean().describe(t('ai.checkboxButton.setValue')),
+        cb: (instance, params) => {
+          instance.modelValue = params
+          return { type: 'text', text: `Value set to ${params}` }
+        }
+      },
+      toggle: {
+        paramsSchema: z.boolean().optional().describe(t('ai.checkboxButton.toggle')),
+        cb: (instance) => {
+          instance.modelValue = !instance.modelValue
+          return { type: 'text', text: `Toggled to ${instance.modelValue}` }
+        }
+      },
+      getLabel: {
+        paramsSchema: z.boolean().optional().describe(t('ai.checkboxButton.getLabel')),
+        cb: (instance) => {
+          const label = instance.label || ''
+          return { type: 'text', text: JSON.stringify({ label }) }
+        }
+      }
+    }
+  })

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

@@ -0,0 +1,50 @@
+# CheckboxButton Component Tools
+
+## Description
+CheckboxButton component tools provide operation functions for checkbox buttons.
+
+## Available Tools
+
+### 1. getValue
+Get the checked state
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"value": boolean}' }`
+
+### 2. setValue
+Set the checked state
+
+**Parameters:** Boolean value
+
+**Returns:** `{ type: 'text', text: 'Value set to ...' }`
+
+### 3. toggle
+Toggle the checked state
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: 'Toggled to ...' }`
+
+### 4. getLabel
+Get the label
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"label": string}' }`
+
+## Usage Example
+
+```javascript
+// Get value
+const value = component.getValue()
+
+// Set to checked
+component.setValue(true)
+
+// Toggle state
+component.toggle()
+
+// Get label
+const label = component.getLabel()
+```

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

@@ -0,0 +1,50 @@
+# CheckboxButton 组件工具
+
+## 功能描述
+CheckboxButton 组件工具提供了复选框按钮的操作功能。
+
+## 可用工具
+
+### 1. getValue
+获取选中状态
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"value": boolean}' }`
+
+### 2. setValue
+设置选中状态
+
+**参数：** 布尔值
+
+**返回值：** `{ type: 'text', text: 'Value set to ...' }`
+
+### 3. toggle
+切换选中状态
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: 'Toggled to ...' }`
+
+### 4. getLabel
+获取标签
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"label": string}' }`
+
+## 使用示例
+
+```javascript
+// 获取值
+const value = component.getValue()
+
+// 设置为选中
+component.setValue(true)
+
+// 切换状态
+component.toggle()
+
+// 获取标签
+const label = component.getLabel()
+```

package/src/checkbox-group/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 getCheckboxGroupConfig = () =>
+  defineComponentTool({
+    name: 'checkbox_group_component_tools',
+    description: t('ai.checkboxGroup.description'),
+    tools: {
+      getValues: {
+        paramsSchema: z.boolean().optional().describe(t('ai.checkboxGroup.getValues')),
+        cb: (instance) => {
+          const values = instance.modelValue || []
+          return { type: 'text', text: JSON.stringify({ values, count: values.length }) }
+        }
+      },
+      setValues: {
+        paramsSchema: z.array(z.unknown()).describe(t('ai.checkboxGroup.setValues')),
+        cb: (instance, params) => {
+          instance.modelValue = params
+          return { type: 'text', text: `Values set to ${params.length} items` }
+        }
+      },
+      selectAll: {
+        paramsSchema: z.boolean().optional().describe(t('ai.checkboxGroup.selectAll')),
+        cb: (instance) => {
+          return { type: 'text', text: 'All items selected' }
+        }
+      },
+      clearSelection: {
+        paramsSchema: z.boolean().optional().describe(t('ai.checkboxGroup.clearSelection')),
+        cb: (instance) => {
+          instance.modelValue = []
+          return { type: 'text', text: 'Selection cleared' }
+        }
+      }
+    }
+  })

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

@@ -0,0 +1,50 @@
+# CheckboxGroup Component Tools
+
+## Description
+CheckboxGroup component tools provide operation functions for checkbox groups.
+
+## Available Tools
+
+### 1. getValues
+Get all selected values
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"values":[...], "count": number}' }`
+
+### 2. setValues
+Set the selected values
+
+**Parameters:** Array of values
+
+**Returns:** `{ type: 'text', text: 'Values set to ... items' }`
+
+### 3. selectAll
+Select all items
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: 'All items selected' }`
+
+### 4. clearSelection
+Clear the selection
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: 'Selection cleared' }`
+
+## Usage Example
+
+```javascript
+// Get values
+const values = component.getValues()
+
+// Set values
+component.setValues(['opt1', 'opt2', 'opt3'])
+
+// Select all
+component.selectAll()
+
+// Clear selection
+component.clearSelection()
+```

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

@@ -0,0 +1,50 @@
+# CheckboxGroup 组件工具
+
+## 功能描述
+CheckboxGroup 组件工具提供了复选框组的操作功能。
+
+## 可用工具
+
+### 1. getValues
+获取选中的所有值
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"values":[...], "count": number}' }`
+
+### 2. setValues
+设置选中的值
+
+**参数：** 值数组
+
+**返回值：** `{ type: 'text', text: 'Values set to ... items' }`
+
+### 3. selectAll
+选中所有项
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: 'All items selected' }`
+
+### 4. clearSelection
+清除选中
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: 'Selection cleared' }`
+
+## 使用示例
+
+```javascript
+// 获取值
+const values = component.getValues()
+
+// 设置值
+component.setValues(['opt1', 'opt2', 'opt3'])
+
+// 全选
+component.selectAll()
+
+// 清除选中
+component.clearSelection()
+```

package/src/collapse/index.ts

@@ -0,0 +1,52 @@
+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 getCollapseConfig = () =>
+  defineComponentTool({
+    name: 'collapse_component_tools',
+    description: t('ai.collapse.description'),
+    tools: {
+      getActiveNames: {
+        paramsSchema: z.boolean().optional().describe(t('ai.collapse.getActiveNames')),
+        cb: (instance) => {
+          const activeNames = instance.modelValue || instance.activeNames || []
+          return { type: 'text', text: JSON.stringify({ activeNames }) }
+        }
+      },
+      setActiveNames: {
+        paramsSchema: z.array(z.string()).optional().describe(t('ai.collapse.setActiveNames')),
+        cb: (instance, value) => {
+          if (value !== undefined) {
+            instance.modelValue = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      },
+      expand: {
+        paramsSchema: z.string().optional().describe(t('ai.collapse.expand')),
+        cb: (instance, value) => {
+          const activeNames = instance.modelValue || []
+          if (value && !activeNames.includes(value)) {
+            instance.modelValue = [...activeNames, value]
+          }
+          return { type: 'text', text: 'success' }
+        }
+      },
+      collapse: {
+        paramsSchema: z.string().optional().describe(t('ai.collapse.collapse')),
+        cb: (instance, value) => {
+          const activeNames = instance.modelValue || []
+          instance.modelValue = activeNames.filter((name: string) => name !== value)
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/collapse/resouces.en.md

@@ -0,0 +1,42 @@
+# Collapse Component Tools
+
+## Description
+MCP tools for the Collapse (Accordion) component. Used to get, set, and manage the active state of accordion panels.
+
+## Tools List
+
+### getActiveNames
+Get the list of currently active accordion panel names.
+
+**Parameters**: None
+
+**Return Value**: 
+```json
+{
+  "activeNames": ["string"]
+}
+```
+
+### setActiveNames
+Set active accordion panels.
+
+**Parameters**:
+- `activeNames` (string[]): Array of panel names to activate
+
+**Return Value**: `success`
+
+### expand
+Expand a specified accordion panel.
+
+**Parameters**:
+- `name` (string): Name of the panel to expand
+
+**Return Value**: `success`
+
+### collapse
+Collapse a specified accordion panel.
+
+**Parameters**:
+- `name` (string): Name of the panel to collapse
+
+**Return Value**: `success`

package/src/collapse/resouces.zh.md

@@ -0,0 +1,42 @@
+# Collapse 组件工具
+
+## 描述
+Collapse（折叠面板）组件的 MCP 工具集合。用于获取、设置和管理折叠面板的活动状态。
+
+## 工具列表
+
+### getActiveNames
+获取当前活跃的折叠面板名称列表。
+
+**参数**: 无
+
+**返回值**: 
+```json
+{
+  "activeNames": ["string"]
+}
+```
+
+### setActiveNames
+设置活跃的折叠面板。
+
+**参数**:
+- `activeNames` (string[]): 要激活的面板名称数组
+
+**返回值**: `success`
+
+### expand
+展开指定的折叠面板。
+
+**参数**:
+- `name` (string): 要展开的面板名称
+
+**返回值**: `success`
+
+### collapse
+折叠指定的折叠面板。
+
+**参数**:
+- `name` (string): 要折叠的面板名称
+
+**返回值**: `success`

package/src/color-picker/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 getColorPickerConfig = () =>
+  defineComponentTool({
+    name: 'color_picker_component_tools',
+    description: t('ai.colorPicker.description'),
+    tools: {
+      getColor: {
+        paramsSchema: z.boolean().optional().describe(t('ai.colorPicker.getColor')),
+        cb: (instance) => {
+          const color = instance.modelValue || instance.color || '#000000'
+          return { type: 'text', text: JSON.stringify({ color }) }
+        }
+      },
+      setColor: {
+        paramsSchema: z.string().describe(t('ai.colorPicker.setColor')),
+        cb: (instance, params) => {
+          instance.modelValue = params
+          return { type: 'text', text: `Color set to ${params}` }
+        }
+      },
+      getFormats: {
+        paramsSchema: z.boolean().optional().describe(t('ai.colorPicker.getFormats')),
+        cb: (instance) => {
+          const formats = ['hex', 'rgb', 'hsl']
+          return { type: 'text', text: JSON.stringify({ formats }) }
+        }
+      },
+      clearColor: {
+        paramsSchema: z.boolean().optional().describe(t('ai.colorPicker.clearColor')),
+        cb: (instance) => {
+          instance.modelValue = null
+          return { type: 'text', text: 'Color cleared' }
+        }
+      }
+    }
+  })