@opentiny/tiny-vue-mcp 0.0.2 → 0.0.4

package/src/slider/resouces.zh.md

@@ -0,0 +1,33 @@
+# Slider 组件工具
+
+## 描述
+Slider（滑块）组件的 MCP 工具集合。用于获取和设置滑块值。
+
+## 工具列表
+
+### getValue
+获取当前滑块值。
+
+**参数**: 无
+
+**返回值**: 
+```json
+{
+  "value": number
+}
+```
+
+### setValue
+设置滑块值。
+
+**参数**:
+- `value` (number): 要设置的滑块值
+
+**返回值**: `success`
+
+### reset
+重置滑块值到最小值。
+
+**参数**: 无
+
+**返回值**: `success`

package/src/space/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 getSpaceConfig = () =>
+  defineComponentTool({
+    name: 'space_component_tools',
+    description: t('ai.space.description'),
+    tools: {
+      getDirection: {
+        paramsSchema: z.boolean().optional().describe(t('ai.space.getDirection')),
+        cb: (instance) => {
+          const direction = instance.direction || 'horizontal'
+          return { type: 'text', text: JSON.stringify({ direction }) }
+        }
+      },
+      setDirection: {
+        paramsSchema: z.enum(['horizontal', 'vertical']).describe(t('ai.space.setDirection')),
+        cb: (instance, params) => {
+          instance.direction = params
+          return { type: 'text', text: `Direction set to ${params}` }
+        }
+      },
+      getSize: {
+        paramsSchema: z.boolean().optional().describe(t('ai.space.getSize')),
+        cb: (instance) => {
+          const size = instance.size || 'medium'
+          return { type: 'text', text: JSON.stringify({ size }) }
+        }
+      },
+      setSize: {
+        paramsSchema: z.enum(['small', 'medium', 'large']).describe(t('ai.space.setSize')),
+        cb: (instance, params) => {
+          instance.size = params
+          return { type: 'text', text: `Size set to ${params}` }
+        }
+      }
+    }
+  })

package/src/space/resouces.en.md

@@ -0,0 +1,50 @@
+# Space Component Tools
+
+## Description
+Space component tools provide operation functions for spatial spacing layout.
+
+## Available Tools
+
+### 1. getDirection
+Get the direction
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"direction": "horizontal" | "vertical"}' }`
+
+### 2. setDirection
+Set the direction
+
+**Parameters:** 'horizontal' | 'vertical'
+
+**Returns:** `{ type: 'text', text: 'Direction set to ...' }`
+
+### 3. getSize
+Get the spacing size
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"size": "small" | "medium" | "large"}' }`
+
+### 4. setSize
+Set the spacing size
+
+**Parameters:** 'small' | 'medium' | 'large'
+
+**Returns:** `{ type: 'text', text: 'Size set to ...' }`
+
+## Usage Example
+
+```javascript
+// Get direction
+const direction = component.getDirection()
+
+// Set to vertical direction
+component.setDirection('vertical')
+
+// Get size
+const size = component.getSize()
+
+// Set size to large
+component.setSize('large')
+```

package/src/space/resouces.zh.md

@@ -0,0 +1,50 @@
+# Space 组件工具
+
+## 功能描述
+Space 组件工具提供了空间间隔布局的操作功能。
+
+## 可用工具
+
+### 1. getDirection
+获取方向
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"direction": "horizontal" | "vertical"}' }`
+
+### 2. setDirection
+设置方向
+
+**参数：** 'horizontal' | 'vertical'
+
+**返回值：** `{ type: 'text', text: 'Direction set to ...' }`
+
+### 3. getSize
+获取间隔大小
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"size": "small" | "medium" | "large"}' }`
+
+### 4. setSize
+设置间隔大小
+
+**参数：** 'small' | 'medium' | 'large'
+
+**返回值：** `{ type: 'text', text: 'Size set to ...' }`
+
+## 使用示例
+
+```javascript
+// 获取方向
+const direction = component.getDirection()
+
+// 设置为垂直方向
+component.setDirection('vertical')
+
+// 获取大小
+const size = component.getSize()
+
+// 设置大小为大
+component.setSize('large')
+```

package/src/spin/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 getSpinConfig = () =>
+  defineComponentTool({
+    name: 'spin_component_tools',
+    description: t('ai.spin.description'),
+    tools: {
+      getSpinning: {
+        paramsSchema: z.boolean().optional().describe(t('ai.spin.getSpinning')),
+        cb: (instance) => {
+          const spinning = instance.spinning || false
+          return { type: 'text', text: JSON.stringify({ spinning }) }
+        }
+      },
+      setSpinning: {
+        paramsSchema: z.boolean().optional().describe(t('ai.spin.setSpinning')),
+        cb: (instance, value) => {
+          if (value !== undefined) {
+            instance.spinning = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/spin/resouces.en.md

@@ -0,0 +1,26 @@
+# Spin Component Tools
+
+## Description
+MCP tools for the Spin component. Used to manage spinning loading state.
+
+## Tools List
+
+### getSpinning
+Get the spinning loading state.
+
+**Parameters**: None
+
+**Return Value**: 
+```json
+{
+  "spinning": false
+}
+```
+
+### setSpinning
+Set the spinning loading state.
+
+**Parameters**:
+- `spinning` (boolean): Whether to spin
+
+**Return Value**: `success`

package/src/spin/resouces.zh.md

@@ -0,0 +1,26 @@
+# Spin 组件工具
+
+## 描述
+Spin（旋转加载）组件的 MCP 工具集合。用于管理旋转加载状态。
+
+## 工具列表
+
+### getSpinning
+获取旋转加载状态。
+
+**参数**: 无
+
+**返回值**: 
+```json
+{
+  "spinning": false
+}
+```
+
+### setSpinning
+设置旋转加载状态。
+
+**参数**:
+- `spinning` (boolean): 是否旋转
+
+**返回值**: `success`

package/src/split/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 getSplitConfig = () =>
+  defineComponentTool({
+    name: 'split_component_tools',
+    description: t('ai.split.description'),
+    tools: {
+      getDividerPosition: {
+        paramsSchema: z.boolean().optional().describe(t('ai.split.getDividerPosition')),
+        cb: (instance) => {
+          const position = instance.dividerPosition || 50
+          return { type: 'text', text: JSON.stringify({ position }) }
+        }
+      },
+      setDividerPosition: {
+        paramsSchema: z.number().min(0).max(100).describe(t('ai.split.setDividerPosition')),
+        cb: (instance, params) => {
+          instance.dividerPosition = params
+          return { type: 'text', text: `Divider position set to ${params}%` }
+        }
+      },
+      getMode: {
+        paramsSchema: z.boolean().optional().describe(t('ai.split.getMode')),
+        cb: (instance) => {
+          const mode = instance.mode || 'horizontal'
+          return { type: 'text', text: JSON.stringify({ mode }) }
+        }
+      },
+      setMode: {
+        paramsSchema: z.enum(['horizontal', 'vertical']).describe(t('ai.split.setMode')),
+        cb: (instance, params) => {
+          instance.mode = params
+          return { type: 'text', text: `Mode set to ${params}` }
+        }
+      }
+    }
+  })

package/src/split/resouces.en.md

@@ -0,0 +1,50 @@
+# Split Component Tools
+
+## Description
+Split component tools provide operation functions for split panels.
+
+## Available Tools
+
+### 1. getDividerPosition
+Get the divider position
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"position": number}' }`
+
+### 2. setDividerPosition
+Set the divider position
+
+**Parameters:** Position percentage (0-100)
+
+**Returns:** `{ type: 'text', text: 'Divider position set to ...%' }`
+
+### 3. getMode
+Get the split mode
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"mode": "horizontal" | "vertical"}' }`
+
+### 4. setMode
+Set the split mode
+
+**Parameters:** 'horizontal' | 'vertical'
+
+**Returns:** `{ type: 'text', text: 'Mode set to ...' }`
+
+## Usage Example
+
+```javascript
+// Get position
+const position = component.getDividerPosition()
+
+// Set position
+component.setDividerPosition(50)
+
+// Get mode
+const mode = component.getMode()
+
+// Set to vertical split
+component.setMode('vertical')
+```

package/src/split/resouces.zh.md

@@ -0,0 +1,50 @@
+# Split 组件工具
+
+## 功能描述
+Split 组件工具提供了分割面板的操作功能。
+
+## 可用工具
+
+### 1. getDividerPosition
+获取分割线位置
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"position": number}' }`
+
+### 2. setDividerPosition
+设置分割线位置
+
+**参数：** 位置百分比（0-100）
+
+**返回值：** `{ type: 'text', text: 'Divider position set to ...%' }`
+
+### 3. getMode
+获取分割模式
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"mode": "horizontal" | "vertical"}' }`
+
+### 4. setMode
+设置分割模式
+
+**参数：** 'horizontal' | 'vertical'
+
+**返回值：** `{ type: 'text', text: 'Mode set to ...' }`
+
+## 使用示例
+
+```javascript
+// 获取位置
+const position = component.getDividerPosition()
+
+// 设置位置
+component.setDividerPosition(50)
+
+// 获取模式
+const mode = component.getMode()
+
+// 设置为垂直分割
+component.setMode('vertical')
+```

package/src/statistic/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 getStatisticConfig = () =>
+  defineComponentTool({
+    name: 'statistic_component_tools',
+    description: t('ai.statistic.description'),
+    tools: {
+      getValue: {
+        paramsSchema: z.boolean().optional().describe(t('ai.statistic.getValue')),
+        cb: (instance) => {
+          const value = instance.value || 0
+          return { type: 'text', text: JSON.stringify({ value }) }
+        }
+      },
+      setValue: {
+        paramsSchema: z.number().describe(t('ai.statistic.setValue')),
+        cb: (instance, params) => {
+          instance.value = params
+          return { type: 'text', text: `Value set to ${params}` }
+        }
+      },
+      getTitle: {
+        paramsSchema: z.boolean().optional().describe(t('ai.statistic.getTitle')),
+        cb: (instance) => {
+          const title = instance.title || ''
+          return { type: 'text', text: JSON.stringify({ title }) }
+        }
+      },
+      getPrefix: {
+        paramsSchema: z.boolean().optional().describe(t('ai.statistic.getPrefix')),
+        cb: (instance) => {
+          const prefix = instance.prefix || ''
+          return { type: 'text', text: JSON.stringify({ prefix }) }
+        }
+      }
+    }
+  })

package/src/statistic/resouces.en.md

@@ -0,0 +1,50 @@
+# Statistic Component Tools
+
+## Description
+Statistic component tools provide operation functions for statistics information.
+
+## Available Tools
+
+### 1. getValue
+Get the statistic value
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"value": number}' }`
+
+### 2. setValue
+Set the statistic value
+
+**Parameters:** Numeric value
+
+**Returns:** `{ type: 'text', text: 'Value set to ...' }`
+
+### 3. getTitle
+Get the title
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"title": string}' }`
+
+### 4. getPrefix
+Get the prefix
+
+**Parameters:** None
+
+**Returns:** `{ type: 'text', text: '{"prefix": string}' }`
+
+## Usage Example
+
+```javascript
+// Get value
+const value = component.getValue()
+
+// Set value
+component.setValue(100)
+
+// Get title
+const title = component.getTitle()
+
+// Get prefix
+const prefix = component.getPrefix()
+```

package/src/statistic/resouces.zh.md

@@ -0,0 +1,50 @@
+# Statistic 组件工具
+
+## 功能描述
+Statistic 组件工具提供了统计信息的操作功能。
+
+## 可用工具
+
+### 1. getValue
+获取统计值
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"value": number}' }`
+
+### 2. setValue
+设置统计值
+
+**参数：** 数值
+
+**返回值：** `{ type: 'text', text: 'Value set to ...' }`
+
+### 3. getTitle
+获取标题
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"title": string}' }`
+
+### 4. getPrefix
+获取前缀
+
+**参数：** 无
+
+**返回值：** `{ type: 'text', text: '{"prefix": string}' }`
+
+## 使用示例
+
+```javascript
+// 获取值
+const value = component.getValue()
+
+// 设置值
+component.setValue(100)
+
+// 获取标题
+const title = component.getTitle()
+
+// 获取前缀
+const prefix = component.getPrefix()
+```

package/src/steps/index.ts

@@ -0,0 +1,50 @@
+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 getStepsConfig = () =>
+  defineComponentTool({
+    name: 'steps_component_tools',
+    description: t('ai.steps.description'),
+    tools: {
+      getCurrentStep: {
+        paramsSchema: z.boolean().optional().describe(t('ai.steps.getCurrentStep')),
+        cb: (instance) => {
+          const currentStep = instance.active || instance.modelValue || 0
+          return { type: 'text', text: JSON.stringify({ currentStep }) }
+        }
+      },
+      setCurrentStep: {
+        paramsSchema: z.number().optional().describe(t('ai.steps.setCurrentStep')),
+        cb: (instance, value) => {
+          if (value !== undefined) {
+            instance.active = value
+          }
+          return { type: 'text', text: 'success' }
+        }
+      },
+      nextStep: {
+        paramsSchema: z.boolean().optional().describe(t('ai.steps.nextStep')),
+        cb: (instance) => {
+          const current = instance.active || 0
+          instance.active = current + 1
+          return { type: 'text', text: 'success' }
+        }
+      },
+      prevStep: {
+        paramsSchema: z.boolean().optional().describe(t('ai.steps.prevStep')),
+        cb: (instance) => {
+          const current = instance.active || 0
+          instance.active = Math.max(current - 1, 0)
+          return { type: 'text', text: 'success' }
+        }
+      }
+    }
+  })

package/src/steps/resouces.en.md

@@ -0,0 +1,6 @@
+# Steps Component Tools
+Provides interactive tools for Steps (Steps) components.
+- **getCurrentStep**: Get the current step
+- **setCurrentStep**: Set the current step
+- **nextStep**: Next step
+- **prevStep**: Previous step

package/src/steps/resouces.zh.md

@@ -0,0 +1,6 @@
+# Steps 组件工具集合
+提供 Steps（步骤条）组件的交互工具集合。
+- **getCurrentStep**: 获取当前步骤
+- **setCurrentStep**: 设置当前步骤
+- **nextStep**: 下一步
+- **prevStep**: 上一步

package/src/sticky/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 getStickyConfig = () =>
+  defineComponentTool({
+    name: 'sticky_component_tools',
+    description: t('ai.sticky.description'),
+    tools: {
+      getOffset: {
+        paramsSchema: z.boolean().optional().describe(t('ai.sticky.getOffset')),
+        cb: (instance) => {
+          const offset = instance.offset || 0
+          return { type: 'text', text: JSON.stringify({ offset }) }
+        }
+      },
+      setOffset: {
+        paramsSchema: z.number().describe(t('ai.sticky.setOffset')),
+        cb: (instance, params) => {
+          instance.offset = params
+          return { type: 'text', text: `Offset set to ${params}px` }
+        }
+      },
+      isSticky: {
+        paramsSchema: z.boolean().optional().describe(t('ai.sticky.isSticky')),
+        cb: (instance) => {
+          const sticky = instance.isSticky || false
+          return { type: 'text', text: JSON.stringify({ sticky }) }
+        }
+      },
+      getZIndex: {
+        paramsSchema: z.boolean().optional().describe(t('ai.sticky.getZIndex')),
+        cb: (instance) => {
+          const zIndex = instance.zIndex || 1000
+          return { type: 'text', text: JSON.stringify({ zIndex }) }
+        }
+      }
+    }
+  })