@opentiny/tiny-vue-mcp 0.0.3 → 0.0.4

package/src/virtual-scroll-box/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 getVirtualScrollBoxConfig = () =>
+  defineComponentTool({
+    name: 'virtual_scroll_box_component_tools',
+    description: t('ai.virtualScrollBox.description'),
+    tools: {
+      getItems: {
+        paramsSchema: z.boolean().optional().describe(t('ai.virtualScrollBox.getItems')),
+        cb: (instance) => {
+          const items = instance.items || []
+          return { type: 'text', text: JSON.stringify({ count: items.length, total: items.length }) }
+        }
+      },
+      scrollTo: {
+        paramsSchema: z.number().describe(t('ai.virtualScrollBox.scrollTo')),
+        cb: (instance, params) => {
+          return { type: 'text', text: `Scrolled to position ${params}` }
+        }
+      },
+      getViewportHeight: {
+        paramsSchema: z.boolean().optional().describe(t('ai.virtualScrollBox.getViewportHeight')),
+        cb: (instance) => {
+          const height = instance.viewportHeight || 0
+          return { type: 'text', text: JSON.stringify({ height }) }
+        }
+      },
+      setViewportHeight: {
+        paramsSchema: z.number().describe(t('ai.virtualScrollBox.setViewportHeight')),
+        cb: (instance, params) => {
+          instance.viewportHeight = params
+          return { type: 'text', text: `Viewport height set to ${params}` }
+        }
+      }
+    }
+  })

package/src/virtual-scroll-box/resouces.en.md

@@ -0,0 +1,50 @@
+# VirtualScrollBox Component Tools
+
+## Description
+VirtualScrollBox component tools provide operation functions for virtual scroll containers.
+
+## Available Tools
+
+### 1. getItems
+Get the list of items
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"count": number, "total": number}' }`
+
+### 2. scrollTo
+Scroll to a specific position
+
+**Parameters:** Position (number)
+
+**Returns:** `{ type: 'text', text: 'Scrolled to position ...' }`
+
+### 3. getViewportHeight
+Get the viewport height
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"height": number}' }`
+
+### 4. setViewportHeight
+Set the viewport height
+
+**Parameters:** Height (number)
+
+**Returns:** `{ type: 'text', text: 'Viewport height set to ...' }`
+
+## Usage Example
+
+```javascript
+// Get number of items
+const items = component.getItems()
+
+// Scroll to position
+component.scrollTo(100)
+
+// Get viewport height
+const height = component.getViewportHeight()
+
+// Set viewport height
+component.setViewportHeight(400)
+```

package/src/virtual-scroll-box/resouces.zh.md

@@ -0,0 +1,50 @@
+# VirtualScrollBox 组件工具
+
+## 功能描述
+VirtualScrollBox 组件工具提供了虚拟滚动容器的操作功能。
+
+## 可用工具
+
+### 1. getItems
+获取项目列表
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"count": number, "total": number}' }`
+
+### 2. scrollTo
+滚动到指定位置
+
+**参数：** 位置（数字）
+
+**返回值：** `{ type: 'text', text: 'Scrolled to position ...' }`
+
+### 3. getViewportHeight
+获取视口高度
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"height": number}' }`
+
+### 4. setViewportHeight
+设置视口高度
+
+**参数：** 高度（数字）
+
+**返回值：** `{ type: 'text', text: 'Viewport height set to ...' }`
+
+## 使用示例
+
+```javascript
+// 获取项目数
+const items = component.getItems()
+
+// 滚动到位置
+component.scrollTo(100)
+
+// 获取视口高度
+const height = component.getViewportHeight()
+
+// 设置视口高度
+component.setViewportHeight(400)
+```

package/src/virtual-tree/index.ts

@@ -0,0 +1,40 @@
+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 getVirtualTreeConfig = () =>
+  defineComponentTool({
+    name: 'virtual_tree_component_tools',
+    description: t('ai.virtualTree.description'),
+    tools: {
+      getSelectedNodes: {
+        paramsSchema: z.boolean().optional().describe(t('ai.virtualTree.getSelectedNodes')),
+        cb: (instance) => {
+          const nodes = instance.selectedNodes || []
+          return { type: 'text', text: JSON.stringify({ nodes, count: nodes.length }) }
+        }
+      },
+      expandAll: {
+        paramsSchema: z.boolean().optional().describe(t('ai.virtualTree.expandAll')),
+        cb: (instance) => {
+          return { type: 'text', text: 'All nodes expanded' }
+        }
+      },
+      collapseAll: {
+        paramsSchema: z.boolean().optional().describe(t('ai.virtualTree.collapseAll')),
+        cb: (instance) => {
+          return { type: 'text', text: 'All nodes collapsed' }
+        }
+      },
+      selectNode: {
+        paramsSchema: z.unknown().describe(t('ai.virtualTree.selectNode')),
+        cb: (instance, params) => {
+          return { type: 'text', text: 'Node selected successfully' }
+        }
+      }
+    }
+  })

package/src/virtual-tree/resouces.en.md

@@ -0,0 +1,49 @@
+# VirtualTree Component MCP Tools
+
+## Description
+
+VirtualTree is a virtualized tree component supporting large-scale hierarchical structures.
+
+## Main Tools
+
+### getSelectedNodes
+Get all selected nodes
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "nodes": [...],
+  "count": 0
+}
+```
+
+### expandAll
+Expand all nodes
+
+**Parameters**: None
+
+**Returns**: All nodes expanded message
+
+### collapseAll
+Collapse all nodes
+
+**Parameters**: None
+
+**Returns**: All nodes collapsed message
+
+### selectNode
+Select a specific node
+
+**Parameters**: Node data
+
+**Returns**: Node selected successfully message
+
+### Usage
+
+```typescript
+const tree = ref(null)
+const config = getVirtualTreeConfig()
+const nodes = await config.tools.getSelectedNodes.cb(tree.value)
+```

package/src/virtual-tree/resouces.zh.md

@@ -0,0 +1,49 @@
+# VirtualTree 组件 MCP 工具
+
+## 功能描述
+
+VirtualTree 是一个虚拟化的树形组件，支持大数据量的树形结构。
+
+## 主要工具
+
+### getSelectedNodes
+获取所有选中节点
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "nodes": [...],
+  "count": 0
+}
+```
+
+### expandAll
+展开所有节点
+
+**参数**: 无
+
+**返回**: 所有节点已展开消息
+
+### collapseAll
+折叠所有节点
+
+**参数**: 无
+
+**返回**: 所有节点已折叠消息
+
+### selectNode
+选中指定节点
+
+**参数**: 节点数据
+
+**返回**: 节点选中成功消息
+
+### Usage
+
+```typescript
+const tree = ref(null)
+const config = getVirtualTreeConfig()
+const nodes = await config.tools.getSelectedNodes.cb(tree.value)
+```

package/src/watermark/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 getWatermarkConfig = () =>
+  defineComponentTool({
+    name: 'watermark_component_tools',
+    description: t('ai.watermark.description'),
+    tools: {
+      getText: {
+        paramsSchema: z.boolean().optional().describe(t('ai.watermark.getText')),
+        cb: (instance) => {
+          const text = instance.text || ''
+          return { type: 'text', text: JSON.stringify({ text }) }
+        }
+      },
+      setText: {
+        paramsSchema: z.string().optional().describe(t('ai.watermark.setText')),
+        cb: (instance, value) => {
+          if (value) {
+            instance.text = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/watermark/resouces.en.md

@@ -0,0 +1,26 @@
+# Watermark Component Tools
+
+## Description
+MCP tools for the Watermark component. Used to manage watermark text.
+
+## Tools List
+
+### getText
+Get the watermark text.
+
+**Parameters**: None
+
+**Return Value**: 
+```json
+{
+  "text": "watermark-text"
+}
+```
+
+### setText
+Set the watermark text.
+
+**Parameters**:
+- `text` (string): Watermark text
+
+**Return Value**: `success`

package/src/watermark/resouces.zh.md

@@ -0,0 +1,26 @@
+# Watermark 组件工具
+
+## 描述
+Watermark（水印）组件的 MCP 工具集合。用于管理水印文本。
+
+## 工具列表
+
+### getText
+获取水印文本。
+
+**参数**: 无
+
+**返回值**: 
+```json
+{
+  "text": "watermark-text"
+}
+```
+
+### setText
+设置水印文本。
+
+**参数**:
+- `text` (string): 水印文本
+
+**返回值**: `success`

package/src/wizard/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 getWizardConfig = () =>
+  defineComponentTool({
+    name: 'wizard_component_tools',
+    description: t('ai.wizard.description'),
+    tools: {
+      getCurrentStep: {
+        paramsSchema: z.boolean().optional().describe(t('ai.wizard.getCurrentStep')),
+        cb: (instance) => ({ type: 'text', text: String(instance.step || 0) })
+      },
+      nextStep: {
+        paramsSchema: z.boolean().optional().describe(t('ai.wizard.nextStep')),
+        cb: (instance) => {
+          instance.step = (instance.step || 0) + 1
+          return { type: 'text', text: 'Moved to next step' }
+        }
+      },
+      prevStep: {
+        paramsSchema: z.boolean().optional().describe(t('ai.wizard.prevStep')),
+        cb: (instance) => {
+          instance.step = Math.max(0, (instance.step || 1) - 1)
+          return { type: 'text', text: 'Moved to previous step' }
+        }
+      }
+    }
+  })

package/src/wizard/resouces.en.md

@@ -0,0 +1,7 @@
+# Wizard Component
+
+MCP tools for wizard.
+
+- getCurrentStep: Get current step
+- nextStep: Go to next step
+- prevStep: Go to previous step

package/src/wizard/resouces.zh.md

@@ -0,0 +1,7 @@
+# Wizard 向导
+
+向导相关 MCP 工具。
+
+- getCurrentStep: 获取当前步骤
+- nextStep: 下一步
+- prevStep: 上一步

package/src/year-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 getYearTableConfig = () =>
+  defineComponentTool({
+    name: 'year_table_component_tools',
+    description: t('ai.yearTable.description'),
+    tools: {
+      getSelectedYear: {
+        paramsSchema: z.boolean().optional().describe(t('ai.yearTable.getSelectedYear')),
+        cb: (instance) => {
+          const year = instance.modelValue || instance.selectedYear || null
+          return { type: 'text', text: JSON.stringify({ year }) }
+        }
+      },
+      setSelectedYear: {
+        paramsSchema: z.number().describe(t('ai.yearTable.setSelectedYear')),
+        cb: (instance, params) => {
+          instance.modelValue = params
+          return { type: 'text', text: `Year set to ${params}` }
+        }
+      },
+      getYearRange: {
+        paramsSchema: z.boolean().optional().describe(t('ai.yearTable.getYearRange')),
+        cb: (instance) => {
+          const start = instance.startYear || new Date().getFullYear() - 10
+          const end = start + 10
+          return { type: 'text', text: JSON.stringify({ start, end }) }
+        }
+      },
+      nextDecade: {
+        paramsSchema: z.boolean().optional().describe(t('ai.yearTable.nextDecade')),
+        cb: (instance) => {
+          return { type: 'text', text: 'Year range advanced by 10 years' }
+        }
+      }
+    }
+  })

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

@@ -0,0 +1,54 @@
+# YearTable Component MCP Tools
+
+## Description
+
+YearTable is a year selection table component for selecting specific years.
+
+## Main Tools
+
+### getSelectedYear
+Get the selected year
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "year": null
+}
+```
+
+### setSelectedYear
+Set the selected year
+
+**Parameters**: Year number
+
+**Returns**: Year set message
+
+### getYearRange
+Get the year range
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "start": 2015,
+  "end": 2025
+}
+```
+
+### nextDecade
+Jump to the next decade
+
+**Parameters**: None
+
+**Returns**: Year range advanced by 10 years message
+
+### Usage
+
+```typescript
+const table = ref(null)
+const config = getYearTableConfig()
+const year = await config.tools.getSelectedYear.cb(table.value)
+```

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

@@ -0,0 +1,54 @@
+# YearTable 组件 MCP 工具
+
+## 功能描述
+
+YearTable 是一个年份选择表格组件，用于选择特定的年份。
+
+## 主要工具
+
+### getSelectedYear
+获取选中的年份
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "year": null
+}
+```
+
+### setSelectedYear
+设置选中的年份
+
+**参数**: 年份数字
+
+**返回**: 年份已设置消息
+
+### getYearRange
+获取年份范围
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "start": 2015,
+  "end": 2025
+}
+```
+
+### nextDecade
+跳转到下一个十年
+
+**参数**: 无
+
+**返回**: 年份范围已前进十年消息
+
+### Usage
+
+```typescript
+const table = ref(null)
+const config = getYearTableConfig()
+const year = await config.tools.getSelectedYear.cb(table.value)
+```

package/dist/src/lang/en.js

@@ -1,47 +0,0 @@
-const e = {
-  ai: {
-    grid: {
-      description: "Grid component related tool set, including scrolling to specified row, table full selection and other functions",
-      scrollToRow: 'Scroll to specified row, need to pass the data of the row to scroll to, requirement: the data must contain the "_RID" field',
-      getTableData: "Get table data",
-      getColumns: 'Get table column configuration, "property" field represents the field property of table data, "title" represents the column title',
-      setSelection: 'Select a row in the table, need to pass the data to be selected, requirement: the data must contain the "_RID" field',
-      setAllSelection: "Set table full selection status, true: select all, false: cancel all selection",
-      insertRow: "Insert or add a row of data, need to get table data first, then add corresponding data according to the table data format",
-      updateRow: 'Update specified row data in the table, need to pass the data to be updated, requirement: the data must contain the "_RID" field',
-      removeRow: 'Remove specified row in the table, need to pass the data to be removed, requirement: the data must contain the "_RID" field'
-    },
-    baseSelect: {
-      description: "Dropdown component related tool set, including getting dropdown data, selecting dropdown data, clearing selected value and other functions",
-      openMenu: "Open dropdown panel",
-      selectByLabel: "Select dropdown data by label",
-      clearValue: "Clear dropdown value",
-      getOptions: "Query all option values of the dropdown select"
-    },
-    button: {
-      description: "Button component related tool set",
-      triggerClick: "Button click, click the button"
-    },
-    tree: {
-      description: "Collection of Tools Related to Tree Control Components",
-      getTreeData: "Obtain table data",
-      setCurrentKey: "Please enter the ID value to set the current selected state of a node",
-      expandHlNode: "Please enter the ID value to set the current deployment status of a node",
-      collapseHlNode: "Please enter the ID value to set the collapsed state of a node",
-      removeNode: "Please enter the ID value to delete a node",
-      insertBefore: "Add a node in front of a node",
-      insertAfter: "Add a node after a node"
-    },
-    form: {
-      description: "Form component related tool set, including getting form validation, resetting form and other functions",
-      resetFields: "Reset the entire form, resetting all field values to their initial values and removing validation results",
-      clearValidate: "Remove the validation results of the form item, you can pass in the prop of the form item to be removed, or an array of props, if not passed in, the validation results of the entire form will be removed",
-      clearValidateAll: "Remove the validation results of the entire form",
-      validate: "Validate the entire form, the parameter is a callback function (the callback function will be called after the validation is completed and passed two parameters: 1, whether the validation is successful 2, the fields that failed validation) returns a Promise object",
-      validateField: "Validate the specified field by passing in the prop of the form item to be validated, or separating the props with commas"
-    }
-  }
-};
-export {
-  e as default
-};