@opentiny/tiny-vue-mcp 0.0.3 → 0.0.5

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

@@ -0,0 +1,53 @@
+# ColorPicker 组件 MCP 工具
+
+## 功能描述
+
+ColorPicker 是一个颜色选择器组件，支持多种颜色格式。
+
+## 主要工具
+
+### getColor
+获取当前选中颜色
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "color": "#000000"
+}
+```
+
+### setColor
+设置颜色
+
+**参数**: 颜色值（十六进制）
+
+**返回**: 成功消息
+
+### getFormats
+获取支持的颜色格式
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "formats": ["hex", "rgb", "hsl"]
+}
+```
+
+### clearColor
+清除颜色
+
+**参数**: 无
+
+**返回**: 颜色已清除消息
+
+### Usage
+
+```typescript
+const picker = ref(null)
+const config = getColorPickerConfig()
+const color = await config.tools.getColor.cb(picker.value)
+```

package/src/color-select-panel/index.ts

@@ -0,0 +1,33 @@
+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 getColorSelectPanelConfig = () =>
+  defineComponentTool({
+    name: 'color_select_panel_component_tools',
+    description: t('ai.colorSelectPanel.description'),
+    tools: {
+      getColor: {
+        paramsSchema: z.boolean().optional().describe(t('ai.colorSelectPanel.getColor')),
+        cb: (instance) => ({ type: 'text', text: instance.color || '' })
+      },
+      setColor: {
+        paramsSchema: z.string().describe(t('ai.colorSelectPanel.setColor')),
+        cb: (instance, params: string) => {
+          instance.color = params
+          return { type: 'text', text: 'Color updated' }
+        }
+      },
+      open: {
+        paramsSchema: z.boolean().optional().describe(t('ai.colorSelectPanel.open')),
+        cb: (instance) => {
+          instance.visible = true
+          return { type: 'text', text: 'Panel opened' }
+        }
+      }
+    }
+  })

package/src/color-select-panel/resouces.en.md

@@ -0,0 +1,7 @@
+# Color Select Panel Component
+
+MCP tools for color select panel.
+
+- getColor: Get selected color
+- setColor: Set color
+- open: Open panel

package/src/color-select-panel/resouces.zh.md

@@ -0,0 +1,7 @@
+# Color Select Panel 颜色选择面板
+
+颜色选择面板相关 MCP 工具。
+
+- getColor: 获取选中颜色
+- setColor: 设置颜色
+- open: 打开面板

package/src/company/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 getCompanyConfig = () =>
+  defineComponentTool({
+    name: 'company_component_tools',
+    description: t('ai.company.description'),
+    tools: {
+      getCompany: {
+        paramsSchema: z.boolean().optional().describe(t('ai.company.getCompany')),
+        cb: (instance) => ({ type: 'text', text: JSON.stringify(instance.company || {}) })
+      },
+      setCompany: {
+        paramsSchema: z.object({ id: z.string(), name: z.string() }).describe(t('ai.company.setCompany')),
+        cb: (instance, params) => {
+          instance.company = params
+          return { type: 'text', text: 'Company set' }
+        }
+      }
+    }
+  })

package/src/company/resouces.en.md

@@ -0,0 +1,6 @@
+# Company Component
+
+MCP tools for company selector.
+
+- getCompany: Get current company
+- setCompany: Set company

package/src/company/resouces.zh.md

@@ -0,0 +1,6 @@
+# Company 公司选择
+
+公司选择相关 MCP 工具。
+
+- getCompany: 获取当前公司
+- setCompany: 设置公司

package/src/country/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 getCountryConfig = () =>
+  defineComponentTool({
+    name: 'country_component_tools',
+    description: t('ai.country.description'),
+    tools: {
+      getCountry: {
+        paramsSchema: z.boolean().optional().describe(t('ai.country.getCountry')),
+        cb: (instance) => ({ type: 'text', text: instance.country || '' })
+      },
+      setCountry: {
+        paramsSchema: z.string().describe(t('ai.country.setCountry')),
+        cb: (instance, params: string) => {
+          instance.country = params
+          return { type: 'text', text: 'Country set' }
+        }
+      }
+    }
+  })

package/src/country/resouces.en.md

@@ -0,0 +1,6 @@
+# Country Component
+
+MCP tools for country selector.
+
+- getCountry: Get selected country
+- setCountry: Set country

package/src/country/resouces.zh.md

@@ -0,0 +1,6 @@
+# Country 国家选择
+
+国家选择相关 MCP 工具。
+
+- getCountry: 获取选中国家
+- setCountry: 设置国家

package/src/crop/index.ts

@@ -0,0 +1,30 @@
+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 getCropConfig = () =>
+  defineComponentTool({
+    name: 'crop_component_tools',
+    description: t('ai.crop.description'),
+    tools: {
+      getImage: {
+        paramsSchema: z.boolean().optional().describe(t('ai.crop.getImage')),
+        cb: (instance) => ({ type: 'text', text: instance.image || '' })
+      },
+      setImage: {
+        paramsSchema: z.string().describe(t('ai.crop.setImage')),
+        cb: (instance, params: string) => {
+          instance.image = params
+          return { type: 'text', text: 'Image set' }
+        }
+      },
+      crop: {
+        paramsSchema: z.boolean().optional().describe(t('ai.crop.crop')),
+        cb: (instance) => ({ type: 'text', text: instance.croppedImage || '' })
+      }
+    }
+  })

package/src/crop/resouces.en.md

@@ -0,0 +1,7 @@
+# Crop Component
+
+MCP tools for image crop.
+
+- getImage: Get original image
+- setImage: Set image to crop
+- crop: Execute crop operation

package/src/crop/resouces.zh.md

@@ -0,0 +1,7 @@
+# Crop 图片裁剪
+
+图片裁剪相关 MCP 工具。
+
+- getImage: 获取原始图片
+- setImage: 设置要裁剪的图片
+- crop: 执行裁剪操作

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

package/src/currency/resouces.en.md

@@ -0,0 +1,6 @@
+# Currency Component
+
+MCP tools for currency.
+
+- getValue: Get currency value
+- setValue: Set currency value

package/src/currency/resouces.zh.md

@@ -0,0 +1,6 @@
+# Currency 货币选择
+
+货币相关 MCP 工具。
+
+- getValue: 获取货币值
+- setValue: 设置货币值

package/src/date-panel/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 getDatePanelConfig = () =>
+  defineComponentTool({
+    name: 'date_panel_component_tools',
+    description: t('ai.datePanel.description'),
+    tools: {
+      getDate: {
+        paramsSchema: z.boolean().optional().describe(t('ai.datePanel.getDate')),
+        cb: (instance) => {
+          const date = instance.modelValue || null
+          return { type: 'text', text: JSON.stringify({ date }) }
+        }
+      },
+      setDate: {
+        paramsSchema: z.string().describe(t('ai.datePanel.setDate')),
+        cb: (instance, params) => {
+          instance.modelValue = params
+          return { type: 'text', text: `Date set to ${params}` }
+        }
+      },
+      nextMonth: {
+        paramsSchema: z.boolean().optional().describe(t('ai.datePanel.nextMonth')),
+        cb: (instance) => {
+          return { type: 'text', text: 'Advanced to next month' }
+        }
+      },
+      previousMonth: {
+        paramsSchema: z.boolean().optional().describe(t('ai.datePanel.previousMonth')),
+        cb: (instance) => {
+          return { type: 'text', text: 'Moved to previous month' }
+        }
+      }
+    }
+  })

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

@@ -0,0 +1,47 @@
+# DatePanel Component Tools
+
+## Description
+DatePanel component tools provide operation functions for date selection panels.
+
+## Available Tools
+
+### 1. getDate
+Get the currently selected date
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"date": string|null}' }`
+
+### 2. setDate
+Set the selected date
+
+**Parameters:** Date string
+
+**Returns:** `{ type: 'text', text: 'Date set to ...' }`
+
+### 3. nextMonth
+Switch to the next month
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: 'Advanced to next month' }`
+
+### 4. previousMonth
+Switch to the previous month
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: 'Moved to previous month' }`
+
+## Usage Example
+
+```javascript
+// Get date
+const date = component.getDate()
+
+// Set date
+component.setDate('2024-01-15')
+
+// Next month
+component.nextMonth()
+```

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

@@ -0,0 +1,47 @@
+# DatePanel 组件工具
+
+## 功能描述
+DatePanel 组件工具提供了日期选择面板的操作功能。
+
+## 可用工具
+
+### 1. getDate
+获取当前选中日期
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"date": string|null}' }`
+
+### 2. setDate
+设置选中日期
+
+**参数：** 日期字符串
+
+**返回值：** `{ type: 'text', text: 'Date set to ...' }`
+
+### 3. nextMonth
+切换到下一个月
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: 'Advanced to next month' }`
+
+### 4. previousMonth
+切换到上一个月
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: 'Moved to previous month' }`
+
+## 使用示例
+
+```javascript
+// 获取日期
+const date = component.getDate()
+
+// 设置日期
+component.setDate('2024-01-15')
+
+// 下一个月
+component.nextMonth()
+```

package/src/date-picker/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 getDatePickerConfig = () =>
+  defineComponentTool({
+    name: 'date_picker_component_tools',
+    description: t('ai.datePicker.description'),
+    tools: {
+      getValue: {
+        paramsSchema: z.boolean().optional().describe(t('ai.datePicker.getValue')),
+        cb: (instance) => {
+          const value = instance.modelValue || ''
+          return { type: 'text', text: JSON.stringify({ value }) }
+        }
+      },
+      setValue: {
+        paramsSchema: z.string().optional().describe(t('ai.datePicker.setValue')),
+        cb: (instance, value) => {
+          if (value) {
+            instance.modelValue = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      },
+      clear: {
+        paramsSchema: z.boolean().optional().describe(t('ai.datePicker.clear')),
+        cb: (instance) => {
+          instance.modelValue = ''
+          return { type: 'text', text: 'success' }
+        }
+      },
+      openPicker: {
+        paramsSchema: z.boolean().optional().describe(t('ai.datePicker.openPicker')),
+        cb: (instance) => {
+          instance.pickerVisible = true
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

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

@@ -0,0 +1,13 @@
+# DatePicker Component Tools
+
+## Description
+
+Provides a collection of interactive tools for DatePicker components.
+
+### Tool List
+
+- **getValue**: Get the selected date
+- **setValue**: Set the selected date
+- **clear**: Clear the selected date
+- **openPicker**: Open the date picker
+

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

@@ -0,0 +1,13 @@
+# DatePicker 组件工具集合
+
+## 功能说明
+
+提供 DatePicker（日期选择）组件的交互工具集合。
+
+### 工具列表
+
+- **getValue**: 获取选中的日期
+- **setValue**: 设置选中的日期
+- **clear**: 清空已选日期
+- **openPicker**: 打开日期选择器
+

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

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

@@ -0,0 +1,33 @@
+# DateRange Component Tools
+
+## Description
+MCP tools for the DateRange component. Used to get and set date range values.
+
+## Tools List
+
+### getValue
+Get the currently selected date range.
+
+**Parameters**: None
+
+**Return Value**: 
+```json
+{
+  "value": ["start-date", "end-date"]
+}
+```
+
+### setValue
+Set the date range.
+
+**Parameters**:
+- `value` (string[]): Date range array [startDate, endDate]
+
+**Return Value**: `success`
+
+### clear
+Clear the date range selection.
+
+**Parameters**: None
+
+**Return Value**: `success`

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

@@ -0,0 +1,33 @@
+# DateRange 组件工具
+
+## 描述
+DateRange（日期范围）组件的 MCP 工具集合。用于获取和设置日期范围值。
+
+## 工具列表
+
+### getValue
+获取当前选择的日期范围。
+
+**参数**: 无
+
+**返回值**: 
+```json
+{
+  "value": ["start-date", "end-date"]
+}
+```
+
+### setValue
+设置日期范围。
+
+**参数**:
+- `value` (string[]): 日期范围数组 [startDate, endDate]
+
+**返回值**: `success`
+
+### clear
+清空日期范围选择。
+
+**参数**: 无
+
+**返回值**: `success`

package/src/date-table/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 getDateTableConfig = () =>
+  defineComponentTool({
+    name: 'date_table_component_tools',
+    description: t('ai.dateTable.description'),
+    tools: {
+      getSelectedDate: {
+        paramsSchema: z.boolean().optional().describe(t('ai.dateTable.getSelectedDate')),
+        cb: (instance) => {
+          const date = instance.modelValue || null
+          return { type: 'text', text: JSON.stringify({ date }) }
+        }
+      },
+      setSelectedDate: {
+        paramsSchema: z.string().describe(t('ai.dateTable.setSelectedDate')),
+        cb: (instance, params) => {
+          instance.modelValue = params
+          return { type: 'text', text: `Date selected: ${params}` }
+        }
+      },
+      getMonth: {
+        paramsSchema: z.boolean().optional().describe(t('ai.dateTable.getMonth')),
+        cb: (instance) => {
+          const month = instance.month || new Date().getMonth() + 1
+          return { type: 'text', text: JSON.stringify({ month }) }
+        }
+      },
+      getDates: {
+        paramsSchema: z.boolean().optional().describe(t('ai.dateTable.getDates')),
+        cb: (instance) => {
+          const dates = instance.dates || []
+          return { type: 'text', text: JSON.stringify({ dates: dates.slice(0, 7), total: dates.length }) }
+        }
+      }
+    }
+  })