@opentiny/tiny-vue-mcp 0.0.2 → 0.0.4

package/src/file-upload/resouces.en.md

@@ -0,0 +1,36 @@
+# FileUpload Component Tools
+
+## Description
+MCP tools for the FileUpload component. Used to manage file lists and upload operations.
+
+## Tools List
+
+### getFileList
+Get the file list.
+
+**Parameters**: None
+
+**Return Value**: 
+```json
+[
+  {
+    "name": "filename",
+    "size": "filesize"
+  }
+]
+```
+
+### clearFileList
+Clear the file list.
+
+**Parameters**: None
+
+**Return Value**: `success`
+
+### removeFile
+Remove a specified file.
+
+**Parameters**:
+- `filename` (string): Name of the file to remove
+
+**Return Value**: `success`

package/src/file-upload/resouces.zh.md

@@ -0,0 +1,36 @@
+# FileUpload 组件工具
+
+## 描述
+FileUpload（文件上传）组件的 MCP 工具集合。用于管理文件列表和上传操作。
+
+## 工具列表
+
+### getFileList
+获取文件列表。
+
+**参数**: 无
+
+**返回值**: 
+```json
+[
+  {
+    "name": "filename",
+    "size": "filesize"
+  }
+]
+```
+
+### clearFileList
+清空文件列表。
+
+**参数**: 无
+
+**返回值**: `success`
+
+### removeFile
+删除指定文件。
+
+**参数**:
+- `filename` (string): 要删除的文件名
+
+**返回值**: `success`

package/src/filter-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 getFilterPanelConfig = () =>
+  defineComponentTool({
+    name: 'filter_panel_component_tools',
+    description: t('ai.filterPanel.description'),
+    tools: {
+      getFilters: {
+        paramsSchema: z.boolean().optional().describe(t('ai.filterPanel.getFilters')),
+        cb: (instance) => {
+          const filters = instance.filters || []
+          return { type: 'text', text: JSON.stringify({ filters, count: filters.length }) }
+        }
+      },
+      addFilter: {
+        paramsSchema: z.object({ field: z.string(), operator: z.string(), value: z.unknown() }).describe(t('ai.filterPanel.addFilter')),
+        cb: (instance, params) => {
+          return { type: 'text', text: `Filter added: ${params.field} ${params.operator}` }
+        }
+      },
+      removeFilter: {
+        paramsSchema: z.number().describe(t('ai.filterPanel.removeFilter')),
+        cb: (instance, params) => {
+          return { type: 'text', text: `Filter removed at index ${params}` }
+        }
+      },
+      clearFilters: {
+        paramsSchema: z.boolean().optional().describe(t('ai.filterPanel.clearFilters')),
+        cb: (instance) => {
+          instance.filters = []
+          return { type: 'text', text: 'All filters cleared' }
+        }
+      }
+    }
+  })

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

@@ -0,0 +1,52 @@
+# FilterPanel Component MCP Tools
+
+## Description
+
+FilterPanel is a filter panel component for creating and managing complex filter conditions.
+
+## Main Tools
+
+### getFilters
+Get all filter conditions
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "filters": [...],
+  "count": 0
+}
+```
+
+### addFilter
+Add a filter condition
+
+**Parameters**:
+- `field`: Field name
+- `operator`: Operator
+- `value`: Value
+
+**Returns**: Filter condition added message
+
+### removeFilter
+Remove a filter condition
+
+**Parameters**: Condition index
+
+**Returns**: Filter condition removed message
+
+### clearFilters
+Clear all filter conditions
+
+**Parameters**: None
+
+**Returns**: All filters cleared message
+
+### Usage
+
+```typescript
+const panel = ref(null)
+const config = getFilterPanelConfig()
+const filters = await config.tools.getFilters.cb(panel.value)
+```

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

@@ -0,0 +1,52 @@
+# FilterPanel 组件 MCP 工具
+
+## 功能描述
+
+FilterPanel 是一个过滤器面板组件，用于创建和管理复杂的过滤条件。
+
+## 主要工具
+
+### getFilters
+获取所有过滤条件
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "filters": [...],
+  "count": 0
+}
+```
+
+### addFilter
+添加过滤条件
+
+**参数**:
+- `field`: 字段名
+- `operator`: 操作符
+- `value`: 值
+
+**返回**: 过滤条件已添加消息
+
+### removeFilter
+移除过滤条件
+
+**参数**: 条件索引
+
+**返回**: 过滤条件已移除消息
+
+### clearFilters
+清除所有过滤条件
+
+**参数**: 无
+
+**返回**: 所有过滤条件已清除消息
+
+### Usage
+
+```typescript
+const panel = ref(null)
+const config = getFilterPanelConfig()
+const filters = await config.tools.getFilters.cb(panel.value)
+```

package/src/float-button/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 getFloatButtonConfig = () =>
+  defineComponentTool({
+    name: 'float_button_component_tools',
+    description: t('ai.floatButton.description'),
+    tools: {
+      show: {
+        paramsSchema: z.boolean().optional().describe(t('ai.floatButton.show')),
+        cb: (instance) => {
+          instance.visible = true
+          return { type: 'text', text: 'Button shown' }
+        }
+      },
+      hide: {
+        paramsSchema: z.boolean().optional().describe(t('ai.floatButton.hide')),
+        cb: (instance) => {
+          instance.visible = false
+          return { type: 'text', text: 'Button hidden' }
+        }
+      },
+      click: {
+        paramsSchema: z.boolean().optional().describe(t('ai.floatButton.click')),
+        cb: (instance) => ({ type: 'text', text: 'Button clicked' })
+      }
+    }
+  })

package/src/float-button/resouces.en.md

@@ -0,0 +1,7 @@
+# Float Button Component
+
+MCP tools for floating button.
+
+- show: Show button
+- hide: Hide button
+- click: Click button

package/src/float-button/resouces.zh.md

@@ -0,0 +1,7 @@
+# Float Button 浮动按钮
+
+浮动按钮相关 MCP 工具。
+
+- show: 显示按钮
+- hide: 隐藏按钮
+- click: 点击按钮

package/src/floatbar/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 getFloatbarConfig = () =>
+  defineComponentTool({
+    name: 'floatbar_component_tools',
+    description: t('ai.floatbar.description'),
+    tools: {
+      position: {
+        paramsSchema: z.object({ x: z.number(), y: z.number() }).describe(t('ai.floatbar.position')),
+        cb: (instance, params) => {
+          instance.x = params.x
+          instance.y = params.y
+          return { type: 'text', text: 'Position updated' }
+        }
+      },
+      getPosition: {
+        paramsSchema: z.boolean().optional().describe(t('ai.floatbar.getPosition')),
+        cb: (instance) => ({ type: 'text', text: JSON.stringify({ x: instance.x || 0, y: instance.y || 0 }) })
+      }
+    }
+  })

package/src/floatbar/resouces.en.md

@@ -0,0 +1,6 @@
+# Floatbar Component
+
+MCP tools for floatbar.
+
+- position: Set position
+- getPosition: Get current position

package/src/floatbar/resouces.zh.md

@@ -0,0 +1,6 @@
+# Floatbar 浮动条
+
+浮动条相关 MCP 工具。
+
+- position: 设置位置
+- getPosition: 获取当前位置

package/src/flowchart/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 getFlowchartConfig = () =>
+  defineComponentTool({
+    name: 'flowchart_component_tools',
+    description: t('ai.flowchart.description'),
+    tools: {
+      getNodes: {
+        paramsSchema: z.boolean().optional().describe(t('ai.flowchart.getNodes')),
+        cb: (instance) => {
+          const nodes = instance.nodes || []
+          return { type: 'text', text: JSON.stringify({ nodes, count: nodes.length }) }
+        }
+      },
+      addNode: {
+        paramsSchema: z.object({ id: z.string(), label: z.string() }).describe(t('ai.flowchart.addNode')),
+        cb: (instance, params) => {
+          return { type: 'text', text: `Node added: ${params.label}` }
+        }
+      },
+      connectNodes: {
+        paramsSchema: z.object({ from: z.string(), to: z.string() }).describe(t('ai.flowchart.connectNodes')),
+        cb: (instance, params) => {
+          return { type: 'text', text: `Nodes connected: ${params.from} -> ${params.to}` }
+        }
+      },
+      getLayout: {
+        paramsSchema: z.boolean().optional().describe(t('ai.flowchart.getLayout')),
+        cb: (instance) => {
+          const layout = instance.layout || 'hierarchical'
+          return { type: 'text', text: JSON.stringify({ layout }) }
+        }
+      }
+    }
+  })

package/src/flowchart/resouces.en.md

@@ -0,0 +1,58 @@
+# Flowchart Component MCP Tools
+
+## Description
+
+Flowchart is a flowchart component for displaying and editing flowcharts.
+
+## Main Tools
+
+### getNodes
+Get all nodes
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "nodes": [...],
+  "count": 0
+}
+```
+
+### addNode
+Add a node
+
+**Parameters**:
+- `id`: Node ID
+- `label`: Node label
+
+**Returns**: Node added message
+
+### connectNodes
+Connect nodes
+
+**Parameters**:
+- `from`: Source node ID
+- `to`: Target node ID
+
+**Returns**: Nodes connected message
+
+### getLayout
+Get the layout type
+
+**Parameters**: None
+
+**Returns**: 
+```json
+{
+  "layout": "hierarchical"
+}
+```
+
+### Usage
+
+```typescript
+const chart = ref(null)
+const config = getFlowchartConfig()
+const nodes = await config.tools.getNodes.cb(chart.value)
+```

package/src/flowchart/resouces.zh.md

@@ -0,0 +1,58 @@
+# Flowchart 组件 MCP 工具
+
+## 功能描述
+
+Flowchart 是一个流程图组件，用于展示和编辑流程图。
+
+## 主要工具
+
+### getNodes
+获取所有节点
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "nodes": [...],
+  "count": 0
+}
+```
+
+### addNode
+添加节点
+
+**参数**:
+- `id`: 节点ID
+- `label`: 节点标签
+
+**返回**: 节点已添加消息
+
+### connectNodes
+连接节点
+
+**参数**:
+- `from`: 源节点ID
+- `to`: 目标节点ID
+
+**返回**: 节点已连接消息
+
+### getLayout
+获取布局类型
+
+**参数**: 无
+
+**返回**: 
+```json
+{
+  "layout": "hierarchical"
+}
+```
+
+### Usage
+
+```typescript
+const chart = ref(null)
+const config = getFlowchartConfig()
+const nodes = await config.tools.getNodes.cb(chart.value)
+```

package/src/fluent-editor/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 getFluentEditorConfig = () =>
+  defineComponentTool({
+    name: 'fluent_editor_component_tools',
+    description: t('ai.fluentEditor.description'),
+    tools: {
+      getContent: {
+        paramsSchema: z.boolean().optional().describe(t('ai.fluentEditor.getContent')),
+        cb: (instance) => ({ type: 'text', text: instance.content || '' })
+      },
+      setContent: {
+        paramsSchema: z.string().describe(t('ai.fluentEditor.setContent')),
+        cb: (instance, params: string) => {
+          instance.content = params
+          return { type: 'text', text: 'Content updated' }
+        }
+      }
+    }
+  })

package/src/fluent-editor/resouces.en.md

@@ -0,0 +1,6 @@
+# Fluent Editor Component
+
+MCP tools for Fluent editor.
+
+- getContent: Get editor content
+- setContent: Set editor content

package/src/fluent-editor/resouces.zh.md

@@ -0,0 +1,6 @@
+# Fluent Editor Fluent编辑器
+
+Fluent编辑器相关 MCP 工具。
+
+- getContent: 获取编辑器内容
+- setContent: 设置编辑器内容

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

package/src/footer/resouces.en.md

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

package/src/footer/resouces.zh.md

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

package/src/form/index.ts

@@ -0,0 +1,67 @@
+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 getFormConfig = () =>
+  defineComponentTool({
+    name: 'form_component_tools',
+    description: t('ai.form.description'),
+    tools: {
+      resetFields: {
+        paramsSchema: z.boolean().optional().describe(t('ai.form.resetFields')),
+        cb: (instance) => {
+          instance.resetFields()
+          return { type: 'text', text: 'success' }
+        }
+      },
+      clearValidate: {
+        paramsSchema: z.string().optional().describe(t('ai.form.clearValidate')),
+        cb: (instance, value) => {
+          if (typeof value === 'string' && value) {
+            const arr = value.split(',')
+            if(arr.length > 0) {
+             instance.clearValidate(arr)
+            }else {
+              instance.clearValidate(value)
+            }
+          } 
+          return { type: 'text', text: 'success' }
+        }
+      },
+      clearValidateAll: {
+        paramsSchema: z.boolean().optional().describe(t('ai.form.clearValidateAll')),
+        cb: (instance) => {
+          instance.clearValidate()
+          return { type: 'text', text: 'success' }
+        }
+      },
+      validate: {
+        paramsSchema: z.boolean().optional().describe(t('ai.form.validate')),
+        cb: async (instance) => {
+          const result = await instance.validate()
+          return { type: 'text', text: result ? 'success' : 'fail' }
+        }
+      },
+      validateField: {
+        paramsSchema: z.string().optional().describe(t('ai.form.validateField')),
+        cb: (instance, value) => {
+          if (typeof value === 'string' && value) {
+            const arr = value.split(',')
+            if(arr.length > 0) {
+             instance.validateField(arr)
+            }else {
+              instance.validateField(value)
+            }
+          } 
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/form/resouces.en.md

@@ -0,0 +1,3 @@
+# Form Component
+
+Composed of buttons, input boxes, selectors, radio buttons, multiple-choice boxes, and other controls, used for collecting, verifying, and submitting data.

package/src/form/resouces.zh.md

@@ -0,0 +1,3 @@
+# Form 表单
+
+由按钮、输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据。