feat: add component mcp tools

Author: kagol

packages/mcp/index.ts

@@ -101,6 +101,50 @@ import { getSplitConfig } from './src/split'
 import { getStickyConfig } from './src/sticky'
 import { getCheckboxButtonConfig } from './src/checkbox-button'
 import { getCheckboxGroupConfig } from './src/checkbox-group'
+import { getColorSelectPanelConfig } from './src/color-select-panel'
+import { getCompanyConfig } from './src/company'
+import { getCountryConfig } from './src/country'
+import { getCropConfig } from './src/crop'
+import { getCurrencyConfig } from './src/currency'
+import { getDeptConfig } from './src/dept'
+import { getDialogSelectConfig } from './src/dialog-select'
+import { getDropRolesConfig } from './src/drop-roles'
+import { getDropTimesConfig } from './src/drop-times'
+import { getEspaceConfig } from './src/espace'
+import { getExceptionConfig } from './src/exception'
+import { getFallMenuConfig } from './src/fall-menu'
+import { getFloatButtonConfig } from './src/float-button'
+import { getFloatbarConfig } from './src/floatbar'
+import { getFluentEditorConfig } from './src/fluent-editor'
+import { getFullscreenConfig } from './src/fullscreen'
+import { getGridSelectConfig } from './src/grid-select'
+import { getGuideConfig } from './src/guide'
+import { getHrapproverConfig } from './src/hrapprover'
+import { getInfiniteScrollConfig } from './src/infinite-scroll'
+import { getIpAddressConfig } from './src/ip-address'
+import { getLinkMenuConfig } from './src/link-menu'
+import { getLocalesConfig } from './src/locales'
+import { getLogonUserConfig } from './src/logon-user'
+import { getLogoutConfig } from './src/logout'
+import { getMilestoneConfig } from './src/milestone'
+import { getNotifyConfig } from './src/notify'
+import { getNumberAnimationConfig } from './src/number-animation'
+import { getNumericConfig } from './src/numeric'
+import { getPopUploadConfig } from './src/pop-upload'
+import { getPopeditorConfig } from './src/popeditor'
+import { getQrCodeConfig } from './src/qr-code'
+import { getRolesConfig } from './src/roles'
+import { getSelectWrapperConfig } from './src/select-wrapper'
+import { getTagGroupConfig } from './src/tag-group'
+import { getTextPopupConfig } from './src/text-popup'
+import { getTimeLineConfig } from './src/time-line'
+import { getToggleMenuConfig } from './src/toggle-menu'
+import { getUserConfig } from './src/user'
+import { getUserAccountConfig } from './src/user-account'
+import { getUserContactConfig } from './src/user-contact'
+import { getUserHeadConfig } from './src/user-head'
+import { getUserLinkConfig } from './src/user-link'
+import { getWizardConfig } from './src/wizard'
 
 export const createMcpTools = (
   instance: any,
@@ -215,7 +259,51 @@ export const getTinyVueMcpConfig = ({ t }: { t?: ((path: string) => string) | nu
       Split: getSplitConfig(),
       Sticky: getStickyConfig(),
       CheckboxButton: getCheckboxButtonConfig(),
-      CheckboxGroup: getCheckboxGroupConfig()
+      CheckboxGroup: getCheckboxGroupConfig(),
+      ColorSelectPanel: getColorSelectPanelConfig(),
+      Company: getCompanyConfig(),
+      Country: getCountryConfig(),
+      Crop: getCropConfig(),
+      Currency: getCurrencyConfig(),
+      Dept: getDeptConfig(),
+      DialogSelect: getDialogSelectConfig(),
+      DropRoles: getDropRolesConfig(),
+      DropTimes: getDropTimesConfig(),
+      Espace: getEspaceConfig(),
+      Exception: getExceptionConfig(),
+      FallMenu: getFallMenuConfig(),
+      FloatButton: getFloatButtonConfig(),
+      Floatbar: getFloatbarConfig(),
+      FluentEditor: getFluentEditorConfig(),
+      Fullscreen: getFullscreenConfig(),
+      GridSelect: getGridSelectConfig(),
+      Guide: getGuideConfig(),
+      Hrapprover: getHrapproverConfig(),
+      InfiniteScroll: getInfiniteScrollConfig(),
+      IpAddress: getIpAddressConfig(),
+      LinkMenu: getLinkMenuConfig(),
+      Locales: getLocalesConfig(),
+      LogonUser: getLogonUserConfig(),
+      Logout: getLogoutConfig(),
+      Milestone: getMilestoneConfig(),
+      Notify: getNotifyConfig(),
+      NumberAnimation: getNumberAnimationConfig(),
+      Numeric: getNumericConfig(),
+      PopUpload: getPopUploadConfig(),
+      Popeditor: getPopeditorConfig(),
+      QrCode: getQrCodeConfig(),
+      Roles: getRolesConfig(),
+      SelectWrapper: getSelectWrapperConfig(),
+      TagGroup: getTagGroupConfig(),
+      TextPopup: getTextPopupConfig(),
+      TimeLine: getTimeLineConfig(),
+      ToggleMenu: getToggleMenuConfig(),
+      User: getUserConfig(),
+      UserAccount: getUserAccountConfig(),
+      UserContact: getUserContactConfig(),
+      UserHead: getUserHeadConfig(),
+      UserLink: getUserLinkConfig(),
+      Wizard: getWizardConfig()
     }
   }
 }

packages/mcp/src/chart/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 getChartConfig = () =>
+  defineComponentTool({
+    name: 'chart_component_tools',
+    description: t('ai.chart.description'),
+    tools: {
+      getData: {
+        paramsSchema: z.boolean().optional().describe(t('ai.chart.getData')),
+        cb: (instance) => ({ type: 'text', text: JSON.stringify(instance.data || {}) })
+      },
+      refresh: {
+        paramsSchema: z.boolean().optional().describe(t('ai.chart.refresh')),
+        cb: (instance) => ({ type: 'text', text: 'Chart refreshed' })
+      }
+    }
+  })

packages/mcp/src/color-select-panel/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 getColorSelectPanelConfig = () =>
+  defineComponentTool({
+    name: 'color_select_panel_component_tools',
+    description: t('ai.colorSelectPanel.description'),
+    tools: {
+      getColor: {
+        paramsSchema: z.boolean().optional().describe(t('ai.colorSelectPanel.getColor')),
+        cb: (instance) => ({ type: 'text', text: instance.color || '' })
+      },
+      setColor: {
+        paramsSchema: z.string().describe(t('ai.colorSelectPanel.setColor')),
+        cb: (instance, params: string) => {
+          instance.color = params
+          return { type: 'text', text: 'Color updated' }
+        }
+      },
+      open: {
+        paramsSchema: z.boolean().optional().describe(t('ai.colorSelectPanel.open')),
+        cb: (instance) => {
+          instance.visible = true
+          return { type: 'text', text: 'Panel opened' }
+        }
+      }
+    }
+  })

packages/mcp/src/color-select-panel/resouces.en.md

@@ -0,0 +1,7 @@
+# Color Select Panel Component
+
+MCP tools for color select panel.
+
+- getColor: Get selected color
+- setColor: Set color
+- open: Open panel

packages/mcp/src/color-select-panel/resouces.zh.md

@@ -0,0 +1,7 @@
+# Color Select Panel 颜色选择面板
+
+颜色选择面板相关 MCP 工具。
+
+- getColor: 获取选中颜色
+- setColor: 设置颜色
+- open: 打开面板

packages/mcp/src/company/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 getCompanyConfig = () =>
+  defineComponentTool({
+    name: 'company_component_tools',
+    description: t('ai.company.description'),
+    tools: {
+      getCompany: {
+        paramsSchema: z.boolean().optional().describe(t('ai.company.getCompany')),
+        cb: (instance) => ({ type: 'text', text: JSON.stringify(instance.company || {}) })
+      },
+      setCompany: {
+        paramsSchema: z.object({ id: z.string(), name: z.string() }).describe(t('ai.company.setCompany')),
+        cb: (instance, params) => {
+          instance.company = params
+          return { type: 'text', text: 'Company set' }
+        }
+      }
+    }
+  })

packages/mcp/src/company/resouces.en.md

@@ -0,0 +1,6 @@
+# Company Component
+
+MCP tools for company selector.
+
+- getCompany: Get current company
+- setCompany: Set company

packages/mcp/src/company/resouces.zh.md

@@ -0,0 +1,6 @@
+# Company 公司选择
+
+公司选择相关 MCP 工具。
+
+- getCompany: 获取当前公司
+- setCompany: 设置公司

packages/mcp/src/country/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 getCountryConfig = () =>
+  defineComponentTool({
+    name: 'country_component_tools',
+    description: t('ai.country.description'),
+    tools: {
+      getCountry: {
+        paramsSchema: z.boolean().optional().describe(t('ai.country.getCountry')),
+        cb: (instance) => ({ type: 'text', text: instance.country || '' })
+      },
+      setCountry: {
+        paramsSchema: z.string().describe(t('ai.country.setCountry')),
+        cb: (instance, params: string) => {
+          instance.country = params
+          return { type: 'text', text: 'Country set' }
+        }
+      }
+    }
+  })

packages/mcp/src/country/resouces.en.md

@@ -0,0 +1,6 @@
+# Country Component
+
+MCP tools for country selector.
+
+- getCountry: Get selected country
+- setCountry: Set country