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

package/assets/templates/single_table_dialog/index.tpl

@@ -84,13 +84,14 @@ const toolbarProps = computed(() => ({
   keyword: state.queryForm.smartVal,
   searchPlaceholder: searchKeywordTooltip.value,
   queryModel: state.queryForm,
-  customQueryFields: queryableDictOptions.value,
+  customQueryFields: {{CUSTOM_QUERY_FIELDS_EXPR}},
   selectedIds: selectObjs.value,
   deleteDisabled: multiple.value,
   addPermission: '{{PERMISSION_PREFIX}}_add',
   importPermission: '{{PERMISSION_PREFIX}}_add',
   deletePermission: '{{PERMISSION_PREFIX}}_del',
   exportPermission: '{{PERMISSION_PREFIX}}_export',
+  showRightTools: {{SHOW_RIGHT_TOOLS}},
 }));
 
 const tableProps = computed(() => ({

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.45';
 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,40 @@ 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)"`,
+    `                @update:keyword="handlePanelKeywordChange(${activeModuleVarName}.key, $event)"`,
+    `                @add="openCreate(${activeModuleVarName}.key)"`,
+    `                @query="handlePanelQuery(${activeModuleVarName}.key)"`,
+    `                @reset="handlePanelReset(${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 +2451,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 +2510,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 +2531,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,13 +2582,18 @@ const showModuleAction = (moduleKey: string, action: 'edit' | 'delete' | 'enable
 
 const {
   moduleStateMap,
-  getParentIdForModule,
-  getListFields,
-  isAddDisabled,
-  loadModuleData,
-  handleSelectRow,
-  handleCurrentPageChange,
-  handlePageSizeChange,
+  tableStyle,
+  getParentIdForModule,
+  getListFields,
+  getSmartFields,
+  isAddDisabled,
+  loadModuleData,
+  handleKeywordChange,
+  handleQuery,
+  handleResetQuery,
+  handleSelectRow,
+  handleCurrentPageChange,
+  handlePageSizeChange,
   handleFormRefresh,
 } = useMultiLevelDictPage(
   levelConfigs,
@@ -2564,8 +2605,55 @@ 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 getPanelSearchPlaceholder = (moduleKey: string) => {
+  const labels = getSmartFields(moduleKey)
+    .map((field: any) => resolveLabel(field.labelKey, field.key || ''))
+    .filter(Boolean);
+  return t('common.placeholders.searchKeywords', {
+    label: labels.join(' / ') || 'keyword',
+  });
+};
+
+const getPanelToolbarProps = (moduleKey: string) => ({
+  keyword: moduleStateMap[moduleKey].queryForm.smartVal,
+  searchPlaceholder: getPanelSearchPlaceholder(moduleKey),
+  queryModel: moduleStateMap[moduleKey].queryForm,
+  selectedIds: [],
+  showImport: false,
+  showDelete: false,
+  showQueryTools: true,
+  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));
@@ -2580,6 +2668,18 @@ const handlePanelCurrentChange = (moduleKey: string, row: any) => {
   if (row) handleSelectRow(moduleKey, row);
 };
 
+const handlePanelKeywordChange = (moduleKey: string, keyword: string) => {
+  handleKeywordChange(moduleKey, keyword);
+};
+
+const handlePanelQuery = (moduleKey: string) => {
+  handleQuery(moduleKey);
+};
+
+const handlePanelReset = (moduleKey: string) => {
+  handleResetQuery(moduleKey);
+};
+
 const handleDelete = async (moduleKey: string, row: any) => {
   try {
     await useMessageBox().confirm(t('common.delConfirmText'));
@@ -2669,8 +2769,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');
 }
@@ -2763,6 +2863,8 @@ function buildReplacements(model, sharedSupport) {
     DICT_API_IMPORTS: model.pageType === 'dict' && model.statusField ? ', enableObj, disableObj' : '',
     DICT_LIST_HELPERS: renderSingleTableDialogDictHelpers(model),
     DICT_API_FUNCTIONS: renderSingleTableDialogDictApiFunctions(model),
+    CUSTOM_QUERY_FIELDS_EXPR: model.pageType === 'dict' ? '[]' : 'queryableDictOptions.value',
+    SHOW_RIGHT_TOOLS: model.pageType === 'dict' ? 'false' : 'true',
     MENU_BASE_ID: menuBaseId,
     MENU_BASE_ID_PLUS_1: menuBaseId + 1,
     MENU_BASE_ID_PLUS_2: menuBaseId + 2,

package/package.json

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