@opentiny/tiny-vue-mcp 0.0.2 → 0.0.4

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 }) }
+        }
+      }
+    }
+  })

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

@@ -0,0 +1,47 @@
+# DateTable Component Tools
+
+## Description
+DateTable component tools provide operation functions for date tables.
+
+## Available Tools
+
+### 1. getSelectedDate
+Get the selected date
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"date": string|null}' }`
+
+### 2. setSelectedDate
+Set the selected date
+
+**Parameters:** Date string
+
+**Returns:** `{ type: 'text', text: 'Date selected: ...' }`
+
+### 3. getMonth
+Get the current month
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"month": number}' }`
+
+### 4. getDates
+Get the list of dates
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"dates":[...], "total": number}' }`
+
+## Usage Example
+
+```javascript
+// Get selected date
+const date = component.getSelectedDate()
+
+// Set date
+component.setSelectedDate('2024-01-15')
+
+// Get month
+const month = component.getMonth()
+```

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

@@ -0,0 +1,47 @@
+# DateTable 组件工具
+
+## 功能描述
+DateTable 组件工具提供了日期表格的操作功能。
+
+## 可用工具
+
+### 1. getSelectedDate
+获取选中的日期
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"date": string|null}' }`
+
+### 2. setSelectedDate
+设置选中日期
+
+**参数：** 日期字符串
+
+**返回值：** `{ type: 'text', text: 'Date selected: ...' }`
+
+### 3. getMonth
+获取当前月份
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"month": number}' }`
+
+### 4. getDates
+获取日期列表
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"dates":[...], "total": number}' }`
+
+## 使用示例
+
+```javascript
+// 获取选中日期
+const date = component.getSelectedDate()
+
+// 设置日期
+component.setSelectedDate('2024-01-15')
+
+// 获取月份
+const month = component.getMonth()
+```

package/src/dept/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 getDeptConfig = () =>
+  defineComponentTool({
+    name: 'dept_component_tools',
+    description: t('ai.dept.description'),
+    tools: {
+      getDept: {
+        paramsSchema: z.boolean().optional().describe(t('ai.dept.getDept')),
+        cb: (instance) => ({ type: 'text', text: JSON.stringify(instance.dept || {}) })
+      },
+      setDept: {
+        paramsSchema: z.object({ id: z.string(), name: z.string() }).describe(t('ai.dept.setDept')),
+        cb: (instance, params) => {
+          instance.dept = params
+          return { type: 'text', text: 'Department set' }
+        }
+      }
+    }
+  })

package/src/dept/resouces.en.md

@@ -0,0 +1,6 @@
+# Dept Component
+
+MCP tools for department selector.
+
+- getDept: Get current department
+- setDept: Set department

package/src/dept/resouces.zh.md

@@ -0,0 +1,6 @@
+# Dept 部门选择
+
+部门选择相关 MCP 工具。
+
+- getDept: 获取当前部门
+- setDept: 设置部门

package/src/dialog-box/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 getDialogBoxConfig = () =>
+  defineComponentTool({
+    name: 'dialog_box_component_tools',
+    description: t('ai.dialogBox.description'),
+    tools: {
+      open: {
+        paramsSchema: z.boolean().optional().describe(t('ai.dialogBox.open')),
+        cb: (instance) => {
+          instance.visible = true
+          return { type: 'text', text: 'success' }
+        }
+      },
+      close: {
+        paramsSchema: z.boolean().optional().describe(t('ai.dialogBox.close')),
+        cb: (instance) => {
+          instance.visible = false
+          return { type: 'text', text: 'success' }
+        }
+      },
+      setTitle: {
+        paramsSchema: z.string().optional().describe(t('ai.dialogBox.setTitle')),
+        cb: (instance, value) => {
+          if (value) {
+            instance.title = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      },
+      getVisible: {
+        paramsSchema: z.boolean().optional().describe(t('ai.dialogBox.getVisible')),
+        cb: (instance) => {
+          const visible = instance.visible || false
+          return { type: 'text', text: JSON.stringify({ visible }) }
+        }
+      }
+    }
+  })

package/src/dialog-box/resouces.en.md

@@ -0,0 +1,6 @@
+# DialogBox Component Tools
+Provides interactive tools for DialogBox (Dialog Box) components.
+- **open**: Open the dialog box
+- **close**: Close the dialog box
+- **setTitle**: Set the dialog box title
+- **getVisible**: Get whether the dialog box is displayed

package/src/dialog-box/resouces.zh.md

@@ -0,0 +1,6 @@
+# DialogBox 组件工具集合
+提供 DialogBox（对话框）组件的交互工具集合。
+- **open**: 打开对话框
+- **close**: 关闭对话框
+- **setTitle**: 设置对话框标题
+- **getVisible**: 获取对话框是否显示

package/src/dialog-select/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 getDialogSelectConfig = () =>
+  defineComponentTool({
+    name: 'dialog_select_component_tools',
+    description: t('ai.dialogSelect.description'),
+    tools: {
+      open: {
+        paramsSchema: z.boolean().optional().describe(t('ai.dialogSelect.open')),
+        cb: (instance) => {
+          instance.visible = true
+          return { type: 'text', text: 'Dialog opened' }
+        }
+      },
+      close: {
+        paramsSchema: z.boolean().optional().describe(t('ai.dialogSelect.close')),
+        cb: (instance) => {
+          instance.visible = false
+          return { type: 'text', text: 'Dialog closed' }
+        }
+      },
+      getSelected: {
+        paramsSchema: z.boolean().optional().describe(t('ai.dialogSelect.getSelected')),
+        cb: (instance) => ({ type: 'text', text: JSON.stringify(instance.selected || []) })
+      }
+    }
+  })

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

@@ -0,0 +1,7 @@
+# Dialog Select Component
+
+MCP tools for dialog select.
+
+- open: Open dialog
+- close: Close dialog
+- getSelected: Get selected items

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

@@ -0,0 +1,7 @@
+# Dialog Select 对话框选择
+
+对话框选择相关 MCP 工具。
+
+- open: 打开对话框
+- close: 关闭对话框
+- getSelected: 获取选中项

package/src/divider/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 getDividerConfig = () =>
+  defineComponentTool({
+    name: 'divider_component_tools',
+    description: t('ai.divider.description'),
+    tools: {
+      getContent: {
+        paramsSchema: z.boolean().optional().describe(t('ai.divider.getContent')),
+        cb: (instance) => {
+          const content = instance.content || ''
+          return { type: 'text', text: JSON.stringify({ content }) }
+        }
+      },
+      setContent: {
+        paramsSchema: z.string().optional().describe(t('ai.divider.setContent')),
+        cb: (instance, value) => {
+          if (value !== undefined) {
+            instance.content = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/divider/resouces.en.md

@@ -0,0 +1,26 @@
+# Divider Component Tools
+
+## Description
+MCP tools for the Divider component. Used to get and set divider content.
+
+## Tools List
+
+### getContent
+Get the divider content.
+
+**Parameters**: None
+
+**Return Value**: 
+```json
+{
+  "content": "string"
+}
+```
+
+### setContent
+Set the divider content.
+
+**Parameters**:
+- `content` (string): Divider content text
+
+**Return Value**: `success`

package/src/divider/resouces.zh.md

@@ -0,0 +1,26 @@
+# Divider 组件工具
+
+## 描述
+Divider（分割线）组件的 MCP 工具集合。用于获取和设置分割线内容。
+
+## 工具列表
+
+### getContent
+获取分割线内容。
+
+**参数**: 无
+
+**返回值**: 
+```json
+{
+  "content": "string"
+}
+```
+
+### setContent
+设置分割线内容。
+
+**参数**:
+- `content` (string): 分割线内容文字
+
+**返回值**: `success`

package/src/drawer/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 getDrawerConfig = () =>
+  defineComponentTool({
+    name: 'drawer_component_tools',
+    description: t('ai.drawer.description'),
+    tools: {
+      open: {
+        paramsSchema: z.boolean().optional().describe(t('ai.drawer.open')),
+        cb: (instance) => {
+          instance.visible = true
+          return { type: 'text', text: 'success' }
+        }
+      },
+      close: {
+        paramsSchema: z.boolean().optional().describe(t('ai.drawer.close')),
+        cb: (instance) => {
+          instance.visible = false
+          return { type: 'text', text: 'success' }
+        }
+      },
+      setTitle: {
+        paramsSchema: z.string().optional().describe(t('ai.drawer.setTitle')),
+        cb: (instance, value) => {
+          if (value) {
+            instance.title = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/drawer/resouces.en.md

@@ -0,0 +1,5 @@
+# Drawer Component Tools
+Provides interactive tools for Drawer (Drawer) components.
+- **open**: Open the drawer
+- **close**: Close the drawer
+- **setTitle**: Set the drawer title

package/src/drawer/resouces.zh.md

@@ -0,0 +1,5 @@
+# Drawer 组件工具集合
+提供 Drawer（抽屉）组件的交互工具集合。
+- **open**: 打开抽屉
+- **close**: 关闭抽屉
+- **setTitle**: 设置抽屉标题

package/src/drop-roles/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 getDropRolesConfig = () =>
+  defineComponentTool({
+    name: 'drop_roles_component_tools',
+    description: t('ai.dropRoles.description'),
+    tools: {
+      getSelected: {
+        paramsSchema: z.boolean().optional().describe(t('ai.dropRoles.getSelected')),
+        cb: (instance) => ({ type: 'text', text: JSON.stringify(instance.selected || []) })
+      },
+      setSelected: {
+        paramsSchema: z.array(z.string()).describe(t('ai.dropRoles.setSelected')),
+        cb: (instance, params) => {
+          instance.selected = params
+          return { type: 'text', text: 'Roles selected' }
+        }
+      }
+    }
+  })

package/src/drop-roles/resouces.en.md

@@ -0,0 +1,6 @@
+# Drop Roles Component
+
+MCP tools for role dropdown.
+
+- getSelected: Get selected roles
+- setSelected: Set selected roles

package/src/drop-roles/resouces.zh.md

@@ -0,0 +1,6 @@
+# Drop Roles 角色下拉
+
+角色下拉选择相关 MCP 工具。
+
+- getSelected: 获取选中角色
+- setSelected: 设置选中角色

package/src/drop-times/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 getDropTimesConfig = () =>
+  defineComponentTool({
+    name: 'drop_times_component_tools',
+    description: t('ai.dropTimes.description'),
+    tools: {
+      getTime: {
+        paramsSchema: z.boolean().optional().describe(t('ai.dropTimes.getTime')),
+        cb: (instance) => ({ type: 'text', text: instance.time || '' })
+      },
+      setTime: {
+        paramsSchema: z.string().describe(t('ai.dropTimes.setTime')),
+        cb: (instance, params: string) => {
+          instance.time = params
+          return { type: 'text', text: 'Time set' }
+        }
+      }
+    }
+  })

package/src/drop-times/resouces.en.md

@@ -0,0 +1,6 @@
+# Drop Times Component
+
+MCP tools for time dropdown.
+
+- getTime: Get selected time
+- setTime: Set time

package/src/drop-times/resouces.zh.md

@@ -0,0 +1,6 @@
+# Drop Times 时间下拉
+
+时间下拉选择相关 MCP 工具。
+
+- getTime: 获取选中时间
+- setTime: 设置时间

package/src/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 getDropdownConfig = () =>
+  defineComponentTool({
+    name: 'dropdown_component_tools',
+    description: t('ai.dropdown.description'),
+    tools: {
+      open: {
+        paramsSchema: z.boolean().optional().describe(t('ai.dropdown.open')),
+        cb: (instance) => {
+          instance.visible = true
+          return { type: 'text', text: 'Dropdown opened' }
+        }
+      },
+      close: {
+        paramsSchema: z.boolean().optional().describe(t('ai.dropdown.close')),
+        cb: (instance) => {
+          instance.visible = false
+          return { type: 'text', text: 'Dropdown closed' }
+        }
+      },
+      getItems: {
+        paramsSchema: z.boolean().optional().describe(t('ai.dropdown.getItems')),
+        cb: (instance) => {
+          const items = instance.items || []
+          return { type: 'text', text: JSON.stringify({ items, count: items.length }) }
+        }
+      },
+      selectItem: {
+        paramsSchema: z.unknown().describe(t('ai.dropdown.selectItem')),
+        cb: (instance, params) => {
+          return { type: 'text', text: 'Item selected successfully' }
+        }
+      }
+    }
+  })

package/src/dropdown/resouces.en.md

@@ -0,0 +1,47 @@
+# Dropdown Component Tools
+
+## Description
+Dropdown component tools provide interactive operations for 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. getItems
+Get the list of dropdown menu items
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"items":[...], "count": number}' }`
+
+### 4. selectItem
+Select a menu item
+
+**Parameters:** Menu item object
+
+**Returns:** `{ type: 'text', text: 'Item selected successfully' }`
+
+## Usage Example
+
+```javascript
+// Open menu
+component.open()
+
+// Get menu items
+const items = component.getItems()
+
+// Close menu
+component.close()
+```

package/src/dropdown/resouces.zh.md

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