@opentiny/tiny-vue-mcp 0.0.2 → 0.0.4

package/src/sticky/resouces.en.md

@@ -0,0 +1,50 @@
+# Sticky Component Tools
+
+## Description
+Sticky component tools provide operation functions for sticky positioned elements.
+
+## Available Tools
+
+### 1. getOffset
+Get the offset
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"offset": number}' }`
+
+### 2. setOffset
+Set the offset
+
+**Parameters:** Offset in pixels
+
+**Returns:** `{ type: 'text', text: 'Offset set to ...px' }`
+
+### 3. isSticky
+Check if sticky positioning
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"sticky": boolean}' }`
+
+### 4. getZIndex
+Get the z-index
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"zIndex": number}' }`
+
+## Usage Example
+
+```javascript
+// Get offset
+const offset = component.getOffset()
+
+// Set offset
+component.setOffset(10)
+
+// Check sticky positioning
+const isSticky = component.isSticky()
+
+// Get z-index
+const zIndex = component.getZIndex()
+```

package/src/sticky/resouces.zh.md

@@ -0,0 +1,50 @@
+# Sticky 组件工具
+
+## 功能描述
+Sticky 组件工具提供了粘性定位元素的操作功能。
+
+## 可用工具
+
+### 1. getOffset
+获取偏移量
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"offset": number}' }`
+
+### 2. setOffset
+设置偏移量
+
+**参数：** 偏移像素数
+
+**返回值：** `{ type: 'text', text: 'Offset set to ...px' }`
+
+### 3. isSticky
+检查是否粘性定位
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"sticky": boolean}' }`
+
+### 4. getZIndex
+获取z-index
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"zIndex": number}' }`
+
+## 使用示例
+
+```javascript
+// 获取偏移量
+const offset = component.getOffset()
+
+// 设置偏移量
+component.setOffset(10)
+
+// 检查粘性定位
+const isSticky = component.isSticky()
+
+// 获取z-index
+const zIndex = component.getZIndex()
+```

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

package/src/switch/resouces.en.md

@@ -0,0 +1,33 @@
+# Switch Component Tools
+
+## Description
+MCP tools for the Switch component. Used to get and set switch state.
+
+## Tools List
+
+### getValue
+Get the current switch state.
+
+**Parameters**: None
+
+**Return Value**: 
+```json
+{
+  "value": boolean
+}
+```
+
+### setValue
+Set the switch state.
+
+**Parameters**:
+- `value` (boolean): true for on, false for off
+
+**Return Value**: `success`
+
+### toggle
+Toggle the switch state.
+
+**Parameters**: None
+
+**Return Value**: `success`

package/src/switch/resouces.zh.md

@@ -0,0 +1,33 @@
+# Switch 组件工具
+
+## 描述
+Switch（开关）组件的 MCP 工具集合。用于获取和设置开关状态。
+
+## 工具列表
+
+### getValue
+获取当前开关状态。
+
+**参数**: 无
+
+**返回值**: 
+```json
+{
+  "value": boolean
+}
+```
+
+### setValue
+设置开关状态。
+
+**参数**:
+- `value` (boolean): true 为开，false 为关
+
+**返回值**: `success`
+
+### toggle
+切换开关状态。
+
+**参数**: 无
+
+**返回值**: `success`

package/src/table/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 getTableConfig = () =>
+  defineComponentTool({
+    name: 'table_component_tools',
+    description: t('ai.table.description'),
+    tools: {
+      getTableData: {
+        paramsSchema: z.boolean().optional().describe(t('ai.table.getTableData')),
+        cb: (instance) => {
+          const tableData = instance.tableData || instance.data || []
+          return { type: 'text', text: JSON.stringify(tableData) }
+        }
+      },
+      getColumns: {
+        paramsSchema: z.boolean().optional().describe(t('ai.table.getColumns')),
+        cb: (instance) => {
+          const columns = instance.columns || []
+          const result = columns
+            .filter((col: any) => col.prop && col.label)
+            .map((column: any) => ({
+              prop: column.prop,
+              label: column.label
+            }))
+          return { type: 'text', text: JSON.stringify(result) }
+        }
+      },
+      getCurrentRow: {
+        paramsSchema: z.boolean().optional().describe(t('ai.table.getCurrentRow')),
+        cb: (instance) => {
+          const currentRow = instance.currentRow || null
+          return { type: 'text', text: JSON.stringify(currentRow) }
+        }
+      },
+      setCurrentRow: {
+        paramsSchema: z.record(z.any()).optional().describe(t('ai.table.setCurrentRow')),
+        cb: (instance, value) => {
+          instance.setCurrentRow?.(value)
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/table/resouces.en.md

@@ -0,0 +1,13 @@
+# Table Component Tools
+
+## Description
+
+Provides a collection of interactive tools for Table components.
+
+### Tool List
+
+- **getTableData**: Get table data
+- **getColumns**: Get table column configuration
+- **getCurrentRow**: Get the currently selected row
+- **setCurrentRow**: Set the currently selected row
+

package/src/table/resouces.zh.md

@@ -0,0 +1,13 @@
+# Table 组件工具集合
+
+## 功能说明
+
+提供 Table（表格）组件的交互工具集合。
+
+### 工具列表
+
+- **getTableData**: 获取表格数据
+- **getColumns**: 获取表格列配置
+- **getCurrentRow**: 获取当前选中行
+- **setCurrentRow**: 设置当前选中行
+

package/src/tabs/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 getTabsConfig = () =>
+  defineComponentTool({
+    name: 'tabs_component_tools',
+    description: t('ai.tabs.description'),
+    tools: {
+      getCurrentTab: {
+        paramsSchema: z.boolean().optional().describe(t('ai.tabs.getCurrentTab')),
+        cb: (instance) => {
+          const currentTab = instance.modelValue || instance.activeTab || 0
+          return { type: 'text', text: JSON.stringify({ currentTab }) }
+        }
+      },
+      setCurrentTab: {
+        paramsSchema: z.string().optional().describe(t('ai.tabs.setCurrentTab')),
+        cb: (instance, value) => {
+          if (value !== undefined) {
+            instance.modelValue = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      },
+      getTabsCount: {
+        paramsSchema: z.boolean().optional().describe(t('ai.tabs.getTabsCount')),
+        cb: (instance) => {
+          const count = instance.tabs?.length || 0
+          return { type: 'text', text: JSON.stringify({ count }) }
+        }
+      }
+    }
+  })

package/src/tabs/resouces.en.md

@@ -0,0 +1,5 @@
+# Tabs Component Tools
+Provides interactive tools for Tabs (Tab Page) components.
+- **getCurrentTab**: Get the currently activated tab page
+- **setCurrentTab**: Set the currently activated tab page
+- **getTabsCount**: Get the total number of tab pages

package/src/tabs/resouces.zh.md

@@ -0,0 +1,5 @@
+# Tabs 组件工具集合
+提供 Tabs（标签页）组件的交互工具集合。
+- **getCurrentTab**: 获取当前激活的标签页
+- **setCurrentTab**: 设置当前激活的标签页
+- **getTabsCount**: 获取标签页总数

package/src/tag/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 getTagConfig = () =>
+  defineComponentTool({
+    name: 'tag_component_tools',
+    description: t('ai.tag.description'),
+    tools: {
+      getType: {
+        paramsSchema: z.boolean().optional().describe(t('ai.tag.getType')),
+        cb: (instance) => {
+          const type = instance.type || 'info'
+          return { type: 'text', text: JSON.stringify({ type }) }
+        }
+      },
+      setType: {
+        paramsSchema: z.string().optional().describe(t('ai.tag.setType')),
+        cb: (instance, value) => {
+          if (value) {
+            instance.type = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      },
+      close: {
+        paramsSchema: z.boolean().optional().describe(t('ai.tag.close')),
+        cb: (instance) => {
+          instance.visible = false
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/tag/resouces.en.md

@@ -0,0 +1,33 @@
+# Tag Component Tools
+
+## Description
+MCP tools for the Tag component. Used to manage tag types and states.
+
+## Tools List
+
+### getType
+Get the tag type.
+
+**Parameters**: None
+
+**Return Value**: 
+```json
+{
+  "type": "success|info|warning|danger"
+}
+```
+
+### setType
+Set the tag type.
+
+**Parameters**:
+- `type` (string): Tag type
+
+**Return Value**: `success`
+
+### close
+Close the tag.
+
+**Parameters**: None
+
+**Return Value**: `success`

package/src/tag/resouces.zh.md

@@ -0,0 +1,33 @@
+# Tag 组件工具
+
+## 描述
+Tag（标签）组件的 MCP 工具集合。用于管理标签的类型和状态。
+
+## 工具列表
+
+### getType
+获取标签类型。
+
+**参数**: 无
+
+**返回值**: 
+```json
+{
+  "type": "success|info|warning|danger"
+}
+```
+
+### setType
+设置标签类型。
+
+**参数**:
+- `type` (string): 标签类型
+
+**返回值**: `success`
+
+### close
+关闭标签。
+
+**参数**: 无
+
+**返回值**: `success`

package/src/tag-group/index.ts

@@ -0,0 +1,27 @@
+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 getTagGroupConfig = () =>
+  defineComponentTool({
+    name: 'tag_group_component_tools',
+    description: t('ai.tagGroup.description'),
+    tools: {
+      getTags: {
+        paramsSchema: z.boolean().optional().describe(t('ai.tagGroup.getTags')),
+        cb: (instance) => ({ type: 'text', text: JSON.stringify(instance.tags || []) })
+      },
+      addTag: {
+        paramsSchema: z.string().describe(t('ai.tagGroup.addTag')),
+        cb: (instance, params: string) => {
+          instance.tags = instance.tags || []
+          instance.tags.push(params)
+          return { type: 'text', text: 'Tag added' }
+        }
+      }
+    }
+  })

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

@@ -0,0 +1,6 @@
+# Tag Group Component
+
+MCP tools for tag group.
+
+- getTags: Get tag list
+- addTag: Add tag

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

@@ -0,0 +1,6 @@
+# Tag Group 标签组
+
+标签组相关 MCP 工具。
+
+- getTags: 获取标签列表
+- addTag: 添加标签

package/src/text-popup/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 getTextPopupConfig = () =>
+  defineComponentTool({
+    name: 'text_popup_component_tools',
+    description: t('ai.textPopup.description'),
+    tools: {
+      show: {
+        paramsSchema: z.object({ text: z.string() }).describe(t('ai.textPopup.show')),
+        cb: (instance, params) => ({ type: 'text', text: 'Text popup shown' })
+      },
+      hide: {
+        paramsSchema: z.boolean().optional().describe(t('ai.textPopup.hide')),
+        cb: (instance) => ({ type: 'text', text: 'Text popup hidden' })
+      }
+    }
+  })

package/src/text-popup/resouces.en.md

@@ -0,0 +1,6 @@
+# Text Popup Component
+
+MCP tools for text popup.
+
+- show: Show popup
+- hide: Hide popup

package/src/text-popup/resouces.zh.md

@@ -0,0 +1,6 @@
+# Text Popup 文本弹窗
+
+文本弹窗相关 MCP 工具。
+
+- show: 显示弹窗
+- hide: 隐藏弹窗

package/src/time-line/index.ts

@@ -0,0 +1,27 @@
+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 getTimeLineConfig = () =>
+  defineComponentTool({
+    name: 'time_line_component_tools',
+    description: t('ai.timeLine.description'),
+    tools: {
+      getItems: {
+        paramsSchema: z.boolean().optional().describe(t('ai.timeLine.getItems')),
+        cb: (instance) => ({ type: 'text', text: JSON.stringify(instance.items || []) })
+      },
+      addItem: {
+        paramsSchema: z.object({ time: z.string(), content: z.string() }).describe(t('ai.timeLine.addItem')),
+        cb: (instance, params) => {
+          instance.items = instance.items || []
+          instance.items.push(params)
+          return { type: 'text', text: 'Timeline item added' }
+        }
+      }
+    }
+  })

package/src/time-line/resouces.en.md

@@ -0,0 +1,6 @@
+# Time Line Component
+
+MCP tools for timeline.
+
+- getItems: Get timeline items
+- addItem: Add timeline item

package/src/time-line/resouces.zh.md

@@ -0,0 +1,6 @@
+# Time Line 时间线
+
+时间线相关 MCP 工具。
+
+- getItems: 获取时间线项
+- addItem: 添加时间线项

package/src/time-panel/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 getTimePanelConfig = () =>
+  defineComponentTool({
+    name: 'time_panel_component_tools',
+    description: t('ai.timePanel.description'),
+    tools: {
+      getTime: {
+        paramsSchema: z.boolean().optional().describe(t('ai.timePanel.getTime')),
+        cb: (instance) => {
+          const time = instance.modelValue || null
+          return { type: 'text', text: JSON.stringify({ time }) }
+        }
+      },
+      setTime: {
+        paramsSchema: z.string().describe(t('ai.timePanel.setTime')),
+        cb: (instance, params) => {
+          instance.modelValue = params
+          return { type: 'text', text: `Time set to ${params}` }
+        }
+      },
+      getHour: {
+        paramsSchema: z.boolean().optional().describe(t('ai.timePanel.getHour')),
+        cb: (instance) => {
+          const hour = instance.hour || 0
+          return { type: 'text', text: JSON.stringify({ hour }) }
+        }
+      },
+      setHour: {
+        paramsSchema: z.number().min(0).max(23).describe(t('ai.timePanel.setHour')),
+        cb: (instance, params) => {
+          instance.hour = params
+          return { type: 'text', text: `Hour set to ${params}` }
+        }
+      }
+    }
+  })

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

@@ -0,0 +1,47 @@
+# TimePanel Component Tools
+
+## Description
+TimePanel component tools provide operation functions for time selection panels.
+
+## Available Tools
+
+### 1. getTime
+Get the current time
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"time": string|null}' }`
+
+### 2. setTime
+Set the time
+
+**Parameters:** Time string
+
+**Returns:** `{ type: 'text', text: 'Time set to ...' }`
+
+### 3. getHour
+Get the hour
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"hour": number}' }`
+
+### 4. setHour
+Set the hour
+
+**Parameters:** Number (0-23)
+
+**Returns:** `{ type: 'text', text: 'Hour set to ...' }`
+
+## Usage Example
+
+```javascript
+// Get time
+const time = component.getTime()
+
+// Set time
+component.setTime('14:30:00')
+
+// Set hour
+component.setHour(15)
+```