@opentiny/tiny-vue-mcp 0.0.3 → 0.0.4

package/src/result/resouces.en.md

@@ -0,0 +1,26 @@
+# Result Component Tools
+
+## Description
+MCP tools for the Result component. Used to manage result status.
+
+## Tools List
+
+### getStatus
+Get the result status.
+
+**Parameters**: None
+
+**Return Value**: 
+```json
+{
+  "status": "success|warning|error|404|500"
+}
+```
+
+### setStatus
+Set the result status.
+
+**Parameters**:
+- `status` (string): Result status
+
+**Return Value**: `success`

package/src/result/resouces.zh.md

@@ -0,0 +1,26 @@
+# Result 组件工具
+
+## 描述
+Result（结果）组件的 MCP 工具集合。用于管理结果状态。
+
+## 工具列表
+
+### getStatus
+获取结果状态。
+
+**参数**: 无
+
+**返回值**: 
+```json
+{
+  "status": "success|warning|error|404|500"
+}
+```
+
+### setStatus
+设置结果状态。
+
+**参数**:
+- `status` (string): 结果状态
+
+**返回值**: `success`

package/src/rich-text/index.ts

@@ -0,0 +1,44 @@
+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 getRichTextConfig = () =>
+  defineComponentTool({
+    name: 'rich_text_component_tools',
+    description: t('ai.richText.description'),
+    tools: {
+      getContent: {
+        paramsSchema: z.enum(['html', 'text']).optional().describe(t('ai.richText.getContent')),
+        cb: (instance, params) => {
+          const format = params || 'html'
+          const content = instance.content || ''
+          return { type: 'text', text: JSON.stringify({ content, format }) }
+        }
+      },
+      setContent: {
+        paramsSchema: z.string().describe(t('ai.richText.setContent')),
+        cb: (instance, params) => {
+          instance.content = params
+          return { type: 'text', text: 'Content updated' }
+        }
+      },
+      getText: {
+        paramsSchema: z.boolean().optional().describe(t('ai.richText.getText')),
+        cb: (instance) => {
+          const text = instance.text || ''
+          return { type: 'text', text: JSON.stringify({ text }) }
+        }
+      },
+      getLength: {
+        paramsSchema: z.boolean().optional().describe(t('ai.richText.getLength')),
+        cb: (instance) => {
+          const content = instance.content || ''
+          return { type: 'text', text: JSON.stringify({ length: content.length }) }
+        }
+      }
+    }
+  })

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

@@ -0,0 +1,50 @@
+# RichText Component Tools
+
+## Description
+RichText component tools provide operation functions for rich text editors.
+
+## Available Tools
+
+### 1. getContent
+Get the content
+
+**Parameters:** 'html' | 'text' (optional)
+
+**Returns:** `{ type: 'text', text: '{"content": string, "format": string}' }`
+
+### 2. setContent
+Set the content
+
+**Parameters:** HTML string
+
+**Returns:** `{ type: 'text', text: 'Content updated' }`
+
+### 3. getText
+Get plain text
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"text": string}' }`
+
+### 4. getLength
+Get the content length
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"length": number}' }`
+
+## Usage Example
+
+```javascript
+// Get HTML content
+const content = component.getContent('html')
+
+// Set content
+component.setContent('<p>Hello World</p>')
+
+// Get plain text
+const text = component.getText()
+
+// Get length
+const length = component.getLength()
+```

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

@@ -0,0 +1,50 @@
+# RichText 组件工具
+
+## 功能描述
+RichText 组件工具提供了富文本编辑器的操作功能。
+
+## 可用工具
+
+### 1. getContent
+获取内容
+
+**参数：** 'html' | 'text' （可选）
+
+**返回值：** `{ type: 'text', text: '{"content": string, "format": string}' }`
+
+### 2. setContent
+设置内容
+
+**参数：** HTML 字符串
+
+**返回值：** `{ type: 'text', text: 'Content updated' }`
+
+### 3. getText
+获取纯文本
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"text": string}' }`
+
+### 4. getLength
+获取内容长度
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"length": number}' }`
+
+## 使用示例
+
+```javascript
+// 获取HTML内容
+const content = component.getContent('html')
+
+// 设置内容
+component.setContent('<p>Hello World</p>')
+
+// 获取纯文本
+const text = component.getText()
+
+// 获取长度
+const length = component.getLength()
+```

package/src/rich-text-editor/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 getRichTextEditorConfig = () =>
+  defineComponentTool({
+    name: 'rich_text_editor_component_tools',
+    description: t('ai.richTextEditor.description'),
+    tools: {
+      getContent: {
+        paramsSchema: z.enum(['html', 'text', 'markdown']).optional().describe(t('ai.richTextEditor.getContent')),
+        cb: (instance, params) => {
+          const format = params || 'html'
+          const content = instance.modelValue || instance.content || ''
+          return { type: 'text', text: JSON.stringify({ content, format }) }
+        }
+      },
+      setContent: {
+        paramsSchema: z.string().describe(t('ai.richTextEditor.setContent')),
+        cb: (instance, params) => {
+          instance.modelValue = params
+          return { type: 'text', text: 'Content updated' }
+        }
+      },
+      insertText: {
+        paramsSchema: z.string().describe(t('ai.richTextEditor.insertText')),
+        cb: (instance, params) => {
+          return { type: 'text', text: 'Text inserted successfully' }
+        }
+      },
+      clearContent: {
+        paramsSchema: z.boolean().optional().describe(t('ai.richTextEditor.clearContent')),
+        cb: (instance) => {
+          instance.modelValue = ''
+          return { type: 'text', text: 'Content cleared' }
+        }
+      }
+    }
+  })

package/src/rich-text-editor/resouces.en.md

@@ -0,0 +1,49 @@
+# RichTextEditor Component MCP Tools
+
+## Description
+
+RichTextEditor is a rich text editing component supporting HTML, plain text and Markdown formats.
+
+## Main Tools
+
+### getContent
+Get editor content
+
+**Parameters**: Format - 'html' | 'text' | 'markdown'
+
+**Returns**: 
+```json
+{
+  "content": "",
+  "format": "html"
+}
+```
+
+### setContent
+Set editor content
+
+**Parameters**: Content string
+
+**Returns**: Content updated message
+
+### insertText
+Insert text into the editor
+
+**Parameters**: Text string
+
+**Returns**: Text inserted successfully message
+
+### clearContent
+Clear editor content
+
+**Parameters**: None
+
+**Returns**: Content cleared message
+
+### Usage
+
+```typescript
+const editor = ref(null)
+const config = getRichTextEditorConfig()
+const content = await config.tools.getContent.cb(editor.value, 'html')
+```

package/src/rich-text-editor/resouces.zh.md

@@ -0,0 +1,49 @@
+# RichTextEditor 组件 MCP 工具
+
+## 功能描述
+
+RichTextEditor 是一个富文本编辑器组件，支持HTML、纯文本和Markdown格式。
+
+## 主要工具
+
+### getContent
+获取编辑器内容
+
+**参数**: 格式 - 'html' | 'text' | 'markdown'
+
+**返回**: 
+```json
+{
+  "content": "",
+  "format": "html"
+}
+```
+
+### setContent
+设置编辑器内容
+
+**参数**: 内容字符串
+
+**返回**: 内容已更新消息
+
+### insertText
+在编辑器中插入文本
+
+**参数**: 文本字符串
+
+**返回**: 文本插入成功消息
+
+### clearContent
+清除编辑器内容
+
+**参数**: 无
+
+**返回**: 内容已清除消息
+
+### Usage
+
+```typescript
+const editor = ref(null)
+const config = getRichTextEditorConfig()
+const content = await config.tools.getContent.cb(editor.value, 'html')
+```

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

package/src/roles/resouces.en.md

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

package/src/roles/resouces.zh.md

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

package/src/scroll-bar/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 getScrollBarConfig = () =>
+  defineComponentTool({
+    name: 'scroll_bar_component_tools',
+    description: t('ai.scrollBar.description'),
+    tools: {
+      getPosition: {
+        paramsSchema: z.boolean().optional().describe(t('ai.scrollBar.getPosition')),
+        cb: (instance) => {
+          const position = instance.position || 0
+          return { type: 'text', text: JSON.stringify({ position }) }
+        }
+      },
+      setPosition: {
+        paramsSchema: z.number().min(0).max(100).describe(t('ai.scrollBar.setPosition')),
+        cb: (instance, params) => {
+          instance.position = params
+          return { type: 'text', text: `Position set to ${params}%` }
+        }
+      },
+      getSize: {
+        paramsSchema: z.boolean().optional().describe(t('ai.scrollBar.getSize')),
+        cb: (instance) => {
+          const size = instance.size || 0
+          return { type: 'text', text: JSON.stringify({ size }) }
+        }
+      },
+      scroll: {
+        paramsSchema: z.object({ direction: z.enum(['up', 'down']), distance: z.number() }).describe(t('ai.scrollBar.scroll')),
+        cb: (instance, params) => {
+          return { type: 'text', text: `Scrolled ${params.direction} by ${params.distance}px` }
+        }
+      }
+    }
+  })

package/src/scroll-bar/resouces.en.md

@@ -0,0 +1,50 @@
+# ScrollBar Component Tools
+
+## Description
+ScrollBar component tools provide operation functions for scrollbars.
+
+## Available Tools
+
+### 1. getPosition
+Get the scroll position
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"position": number}' }`
+
+### 2. setPosition
+Set the scroll position
+
+**Parameters:** Position percentage (0-100)
+
+**Returns:** `{ type: 'text', text: 'Position set to ...%' }`
+
+### 3. getSize
+Get the scrollbar size
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"size": number}' }`
+
+### 4. scroll
+Scroll a specified distance
+
+**Parameters:** `{ direction: 'up' | 'down', distance: number }`
+
+**Returns:** `{ type: 'text', text: 'Scrolled ... by ...px' }`
+
+## Usage Example
+
+```javascript
+// Get position
+const position = component.getPosition()
+
+// Set position
+component.setPosition(50)
+
+// Get size
+const size = component.getSize()
+
+// Scroll down
+component.scroll({ direction: 'down', distance: 50 })
+```

package/src/scroll-bar/resouces.zh.md

@@ -0,0 +1,50 @@
+# ScrollBar 组件工具
+
+## 功能描述
+ScrollBar 组件工具提供了滚动条的操作功能。
+
+## 可用工具
+
+### 1. getPosition
+获取滚动位置
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"position": number}' }`
+
+### 2. setPosition
+设置滚动位置
+
+**参数：** 位置百分比（0-100）
+
+**返回值：** `{ type: 'text', text: 'Position set to ...%' }`
+
+### 3. getSize
+获取滚动条大小
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"size": number}' }`
+
+### 4. scroll
+滚动指定距离
+
+**参数：** `{ direction: 'up' | 'down', distance: number }`
+
+**返回值：** `{ type: 'text', text: 'Scrolled ... by ...px' }`
+
+## 使用示例
+
+```javascript
+// 获取位置
+const position = component.getPosition()
+
+// 设置位置
+component.setPosition(50)
+
+// 获取大小
+const size = component.getSize()
+
+// 向下滚动
+component.scroll({ direction: 'down', distance: 50 })
+```

package/src/scroll-text/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 getScrollTextConfig = () =>
+  defineComponentTool({
+    name: 'scroll_text_component_tools',
+    description: t('ai.scrollText.description'),
+    tools: {
+      getText: {
+        paramsSchema: z.boolean().optional().describe(t('ai.scrollText.getText')),
+        cb: (instance) => {
+          const text = instance.text || ''
+          return { type: 'text', text: JSON.stringify({ text }) }
+        }
+      },
+      setText: {
+        paramsSchema: z.string().describe(t('ai.scrollText.setText')),
+        cb: (instance, params) => {
+          instance.text = params
+          return { type: 'text', text: 'Text updated' }
+        }
+      },
+      start: {
+        paramsSchema: z.boolean().optional().describe(t('ai.scrollText.start')),
+        cb: (instance) => {
+          instance.isScrolling = true
+          return { type: 'text', text: 'Text scrolling started' }
+        }
+      },
+      stop: {
+        paramsSchema: z.boolean().optional().describe(t('ai.scrollText.stop')),
+        cb: (instance) => {
+          instance.isScrolling = false
+          return { type: 'text', text: 'Text scrolling stopped' }
+        }
+      }
+    }
+  })

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

@@ -0,0 +1,50 @@
+# ScrollText Component Tools
+
+## Description
+ScrollText component tools provide operation functions for scrolling text.
+
+## Available Tools
+
+### 1. getText
+Get the text
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"text": string}' }`
+
+### 2. setText
+Set the text
+
+**Parameters:** Text string
+
+**Returns:** `{ type: 'text', text: 'Text updated' }`
+
+### 3. start
+Start scrolling
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: 'Text scrolling started' }`
+
+### 4. stop
+Stop scrolling
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: 'Text scrolling stopped' }`
+
+## Usage Example
+
+```javascript
+// Get text
+const text = component.getText()
+
+// Set text
+component.setText('Scrolling text...')
+
+// Start scrolling
+component.start()
+
+// Stop scrolling
+component.stop()
+```

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

@@ -0,0 +1,50 @@
+# ScrollText 组件工具
+
+## 功能描述
+ScrollText 组件工具提供了滚动文本的操作功能。
+
+## 可用工具
+
+### 1. getText
+获取文本
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"text": string}' }`
+
+### 2. setText
+设置文本
+
+**参数：** 文本字符串
+
+**返回值：** `{ type: 'text', text: 'Text updated' }`
+
+### 3. start
+开始滚动
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: 'Text scrolling started' }`
+
+### 4. stop
+停止滚动
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: 'Text scrolling stopped' }`
+
+## 使用示例
+
+```javascript
+// 获取文本
+const text = component.getText()
+
+// 设置文本
+component.setText('Scrolling text...')
+
+// 开始滚动
+component.start()
+
+// 停止滚动
+component.stop()
+```