worsoft-frontend-codegen-local-mcp 0.1.43 → 0.1.44

package/mcp_server.js

@@ -5,7 +5,7 @@ const fs = require('fs');
 const path = require('path');
 
 const SERVER_NAME = 'worsoft-codegen-local';
-const SERVER_VERSION = '0.1.43';
+const SERVER_VERSION = '0.1.44';
 const PROTOCOL_VERSION = '2024-11-05';
 const TOOL_NAME = 'worsoft_codegen_local_generate_frontend';
 const STYLE_CATALOG_PATH = path.join(__dirname, 'assets', 'style-catalog.json');
@@ -2380,6 +2380,34 @@ const handleCurrentChange = (row: any) => {
 `;
 }
 
+function renderMultiLevelSchemaListSlot(levelVarName, activeKeyVarName, activeModuleVarName) {
+  return [
+    `        <div class="multi-level-slot" v-if="${levelVarName}">`,
+    '          <el-tabs class="multi-level-tabs" v-if="' + `${levelVarName}.moduleKeys.length > 1` + `" v-model="${activeKeyVarName}">`,
+    `            <el-tab-pane v-for="moduleKey in ${levelVarName}.moduleKeys" :key="moduleKey" :label="resolveModuleTitle(moduleConfigs[moduleKey])" :name="moduleKey" />`,
+    '          </el-tabs>',
+    '          <div class="multi-level-panel" v-if="' + `${activeModuleVarName}` + `">`,
+    '            <div class="layout-padding-auto layout-padding-view flex h-full flex-col">',
+    `              <SchemaListToolbar v-bind="getPanelToolbarProps(${activeModuleVarName}.key)" @add="openCreate(${activeModuleVarName}.key)" />`,
+    `              <SchemaListTable`,
+    `                v-bind="getPanelTableProps(${activeModuleVarName}.key)"`,
+    `                @row-current-change="handlePanelCurrentChange(${activeModuleVarName}.key, $event.row)"`,
+    `                @current-change="handleCurrentPageChange(${activeModuleVarName}.key, $event.current)"`,
+    `                @size-change="handlePageSizeChange(${activeModuleVarName}.key, $event.size)"`,
+    `              >`,
+    `                <template #actions="{ row }">`,
+    `                  <el-button v-if="showModuleAction(${activeModuleVarName}.key, 'edit', row)" icon="edit-pen" text type="primary" @click="openEdit(${activeModuleVarName}.key, row)">{{ t('common.editBtn') }}</el-button>`,
+    `                  <el-button v-if="showModuleAction(${activeModuleVarName}.key, 'delete', row)" icon="delete" text type="primary" @click="handleDelete(${activeModuleVarName}.key, row)">{{ t('common.delBtn') }}</el-button>`,
+    `                  <el-button v-if="showModuleAction(${activeModuleVarName}.key, 'enable', row)" icon="circle-check" text type="primary" @click="handleEnable(${activeModuleVarName}.key, row)">鍚敤</el-button>`,
+    `                  <el-button v-if="showModuleAction(${activeModuleVarName}.key, 'disable', row)" icon="remove" text type="primary" @click="handleDisable(${activeModuleVarName}.key, row)">绂佺敤</el-button>`,
+    `                </template>`,
+    `              </SchemaListTable>`,
+    '            </div>',
+    '          </div>',
+    `        </div>`,
+  ].join('\n');
+}
+
 function renderMultiLevelLevelSlot(levelVarName, activeKeyVarName, activeModuleVarName) {
   return [
     `        <div class="multi-level-slot" v-if="${levelVarName}">`,
@@ -2417,8 +2445,8 @@ function renderMultiLevelLevelSlot(levelVarName, activeKeyVarName, activeModuleV
     '                  <template #default="{ row }">',
     `                    <el-button v-if="showModuleAction(${activeModuleVarName}.key, 'edit', row)" icon="edit-pen" text type="primary" @click="openEdit(${activeModuleVarName}.key, row)">{{ t('common.editBtn') }}</el-button>`,
     `                    <el-button v-if="showModuleAction(${activeModuleVarName}.key, 'delete', row)" icon="delete" text type="primary" @click="handleDelete(${activeModuleVarName}.key, row)">{{ t('common.delBtn') }}</el-button>`,
-    `                    <el-button v-if="showModuleAction(${activeModuleVarName}.key, 'enable', row)" icon="circle-check" text type="primary" @click="handleEnable(${activeModuleVarName}.key, row)">启用</el-button>`,
-    `                    <el-button v-if="showModuleAction(${activeModuleVarName}.key, 'disable', row)" icon="remove" text type="primary" @click="handleDisable(${activeModuleVarName}.key, row)">禁用</el-button>`,
+    `                    <el-button v-if="showModuleAction(${activeModuleVarName}.key, 'enable', row)" icon="circle-check" text type="primary" @click="handleEnable(${activeModuleVarName}.key, row)">{{ t('common.actions.enable') }}</el-button>`,
+    `                    <el-button v-if="showModuleAction(${activeModuleVarName}.key, 'disable', row)" icon="remove" text type="primary" @click="handleDisable(${activeModuleVarName}.key, row)">{{ t('common.actions.disable') }}</el-button>`,
     '                  </template>',
     '                </el-table-column>',
     '              </el-table>',
@@ -2476,14 +2504,14 @@ function renderMultiLevelIndexVue(model) {
     <!-- \u529f\u80fd\u540d\u79f0\uFF1A${model.featureTitle.replace(/--/g, '')} -->
     <div class="multi-level-dict-layout">
       <div class="multi-level-left">
-${renderMultiLevelLevelSlot('level1Config', 'activeLevel1Key', 'activeLevel1Module')}
+${renderMultiLevelSchemaListSlot('level1Config', 'activeLevel1Key', 'activeLevel1Module')}
       </div>
       <div class="multi-level-right">
         <div class="multi-level-right-top">
-${level2 ? renderMultiLevelLevelSlot('level2Config', 'activeLevel2Key', 'activeLevel2Module') : ''}
+${level2 ? renderMultiLevelSchemaListSlot('level2Config', 'activeLevel2Key', 'activeLevel2Module') : ''}
         </div>
         <div v-if="level3Config" class="multi-level-right-bottom">
-${level3 ? renderMultiLevelLevelSlot('level3Config', 'activeLevel3Key', 'activeLevel3Module') : ''}
+${level3 ? renderMultiLevelSchemaListSlot('level3Config', 'activeLevel3Key', 'activeLevel3Module') : ''}
         </div>
       </div>
     </div>
@@ -2497,6 +2525,8 @@ import { useMessage, useMessageBox } from '/@/hooks/message';
 import { useDict } from '/@/hooks/dict';
 import { useMultiLevelDictMeta } from '/@/hooks/useMultiLevelDictMeta';
 import { useMultiLevelDictPage } from '/@/hooks/useMultiLevelDictPage';
+import SchemaListToolbar from '/@/components/schema-list/SchemaListToolbar.vue';
+import SchemaListTable from '/@/components/schema-list/SchemaListTable.vue';
 import { useI18n } from 'vue-i18n';
 import { allDictTypes, levelConfigs, moduleConfigs } from './options';
 import { ${apiImports} } from '/@/api/${model.moduleName}/${model.functionName}';
@@ -2546,8 +2576,9 @@ const showModuleAction = (moduleKey: string, action: 'edit' | 'delete' | 'enable
 
 const {
   moduleStateMap,
-  getParentIdForModule,
-  getListFields,
+  tableStyle,
+  getParentIdForModule,
+  getListFields,
   isAddDisabled,
   loadModuleData,
   handleSelectRow,
@@ -2564,8 +2595,46 @@ const {
   activeLevel2Module,
   activeLevel3Module,
   getModuleLevel,
-  apiHandlerMap
-);
+  apiHandlerMap
+);
+
+const getPanelColumns = (moduleKey: string) =>
+  getListFields(moduleKey).map((column: any) => ({
+    prop: column.key,
+    label: resolveLabel(column.labelKey, column.key || ''),
+    width: column.width || '120',
+    dictType: column.dictType,
+    options: column.dictType ? getDictOptions(column.dictType) : [],
+  }));
+
+const getPanelToolbarProps = (moduleKey: string) => ({
+  keyword: '',
+  searchPlaceholder: '',
+  queryModel: {},
+  selectedIds: [],
+  showImport: false,
+  showDelete: false,
+  showQueryTools: false,
+  showRightTools: false,
+  deleteDisabled: true,
+  addText: t('common.addBtn'),
+});
+
+const getPanelTableProps = (moduleKey: string) => ({
+  data: moduleStateMap[moduleKey].dataList,
+  loading: !!moduleStateMap[moduleKey].loading,
+  columns: getPanelColumns(moduleKey),
+  pagination: {
+    current: moduleStateMap[moduleKey].currentPage,
+    size: moduleStateMap[moduleKey].pageSize,
+    total: moduleStateMap[moduleKey].total,
+  },
+  tableStyle,
+  rowIdKey: moduleConfigs[moduleKey].primaryKey,
+  showSelection: false,
+  highlightCurrentRow: true,
+  actionColumnWidth: 260,
+});
 
 const openCreate = (moduleKey: string) => {
   formRefMap[moduleKey]?.value?.openDialog(undefined, getParentIdForModule(moduleKey));
@@ -2669,8 +2738,8 @@ function renderSingleTableDialogActions(model, permissionPrefix) {
     `          <el-button${isDictWithStatus ? ` v-if="showDictAction('delete', row)"` : ''} icon="delete" text type="primary" v-auth="'${permissionPrefix}_del'" @click="handleDelete([row.${pkAttr}])">{{ t('common.delBtn') }}</el-button>`,
   ];
   if (isDictWithStatus) {
-    lines.push(`          <el-button v-if="showDictAction('enable', row)" icon="circle-check" text type="primary" @click="handleEnable(row.${pkAttr})">启用</el-button>`);
-    lines.push(`          <el-button v-if="showDictAction('disable', row)" icon="remove" text type="primary" @click="handleDisable(row.${pkAttr})">禁用</el-button>`);
+    lines.push(`          <el-button v-if="showDictAction('enable', row)" icon="circle-check" text type="primary" @click="handleEnable(row.${pkAttr})">{{ t('common.actions.enable') }}</el-button>`);
+    lines.push(`          <el-button v-if="showDictAction('disable', row)" icon="remove" text type="primary" @click="handleDisable(row.${pkAttr})">{{ t('common.actions.disable') }}</el-button>`);
   }
   return lines.join('\n');
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "worsoft-frontend-codegen-local-mcp",
-  "version": "0.1.43",
+  "version": "0.1.44",
   "description": "Worsoft frontend local-template code generation MCP server.",
   "license": "UNLICENSED",
   "author": "worsoft <sw@worsoft.vip>",