worsoft-frontend-codegen-local-mcp 0.1.22 → 0.1.23

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.22';
+const SERVER_VERSION = '0.1.23';
 const PROTOCOL_VERSION = '2024-11-05';
 const TOOL_NAME = 'worsoft_codegen_local_generate_frontend';
 const TEMPLATE_LIBRARY_ROOT = path.resolve(__dirname, '..', 'template');
@@ -1249,21 +1249,32 @@ function renderTextareaMaxlengthAttrsV2(field) {
   if (!field.length) return '';
   return ` :maxlength="${field.length}" show-word-limit`;
 }
-
+
+function renderDisabledAttrV2(field) {
+  return field.readonly ? ' disabled' : '';
+}
+
+function renderFieldCommentV2(field, indent = '          ') {
+  const label = stripDictAnnotation(field.comment || field.attrName).replace(/-->/g, '').trim() || field.attrName;
+  return `${indent}<!-- 字段：${label} -->`;
+}
+
 function renderFormFieldV2(field) {
   const prop = field.attrName;
   const labelExpr = `getMasterFieldLabel('${prop}')`;
   const dictExpr = `getMasterFieldMeta('${prop}')?.dictType`;
+  const disabledAttr = renderDisabledAttrV2(field);
 
   if (field.formType === 'select') {
     return [
+      renderFieldCommentV2(field),
       `          <el-col :span="12" class="mb20">`,
       `            <el-form-item :label="${labelExpr}" prop="${prop}">`,
-      `              <el-select v-model="form.${prop}" :placeholder="selectPlaceholder(${labelExpr})" style="width: 100%">`,
+      `              <el-select v-model="form.${prop}" :placeholder="selectPlaceholder(${labelExpr})" style="width: 100%"${disabledAttr}>`,
       `                <el-option v-for="item in getDictOptions(${dictExpr})" :key="item.value" :label="item.label" :value="Number(item.value)" />`,
-      '              </el-select>',
-      '            </el-form-item>',
-      '          </el-col>',
+      '              </el-select>',
+      '            </el-form-item>',
+      '          </el-col>',
     ].join('\n');
   }
 
@@ -1271,46 +1282,50 @@ function renderFormFieldV2(field) {
     const max = field.comment.includes('%') || /\u6BD4\u4F8B/.test(field.comment) ? ' :max="100"' : '';
     const precision = field.sqlType === 'DECIMAL' && field.scale ? ` :precision="${field.scale}" :step="0.01"` : '';
     return [
+      renderFieldCommentV2(field),
       `          <el-col :span="12" class="mb20">`,
       `            <el-form-item :label="${labelExpr}" prop="${prop}">`,
-      `              <el-input-number v-model="form.${prop}" :min="0"${max}${precision} :placeholder="inputPlaceholder(${labelExpr})" style="width: 100%" />`,
+      `              <el-input-number v-model="form.${prop}" :min="0"${max}${precision} :placeholder="inputPlaceholder(${labelExpr})" style="width: 100%"${disabledAttr} />`,
       '            </el-form-item>',
-      '          </el-col>',
-    ].join('\n');
-  }
-
+      '          </el-col>',
+    ].join('\n');
+  }
+
   if (field.formType === 'datetime' || field.formType === 'date') {
     const pickerType = field.formType === 'datetime' ? 'datetime' : 'date';
     const formatName = field.formType === 'datetime' ? 'dateTimeStr' : 'dateStr';
     return [
+      renderFieldCommentV2(field),
       `          <el-col :span="12" class="mb20">`,
       `            <el-form-item :label="${labelExpr}" prop="${prop}">`,
-      `              <el-date-picker type="${pickerType}" :placeholder="inputPlaceholder(${labelExpr})" v-model="form.${prop}" :value-format="${formatName}" style="width: 100%"></el-date-picker>`,
+      `              <el-date-picker type="${pickerType}" :placeholder="inputPlaceholder(${labelExpr})" v-model="form.${prop}" :value-format="${formatName}" style="width: 100%"${disabledAttr}></el-date-picker>`,
       '            </el-form-item>',
-      '          </el-col>',
-    ].join('\n');
-  }
-
+      '          </el-col>',
+    ].join('\n');
+  }
+
   if (field.formType === 'textarea') {
     const textareaAttrs = renderTextareaMaxlengthAttrsV2(field);
     return [
+      renderFieldCommentV2(field),
       `          <el-col :span="24" class="mb20">`,
       `            <el-form-item :label="${labelExpr}" prop="${prop}">`,
-      `              <el-input type="textarea" v-model="form.${prop}" :placeholder="inputPlaceholder(${labelExpr})"${textareaAttrs} />`,
+      `              <el-input type="textarea" v-model="form.${prop}" :placeholder="inputPlaceholder(${labelExpr})"${textareaAttrs}${disabledAttr} />`,
       '            </el-form-item>',
-      '          </el-col>',
-    ].join('\n');
-  }
-
+      '          </el-col>',
+    ].join('\n');
+  }
+
   const maxlengthAttr = renderInputMaxlengthAttr(field);
   return [
+    renderFieldCommentV2(field),
     `          <el-col :span="12" class="mb20">`,
     `            <el-form-item :label="${labelExpr}" prop="${prop}">`,
-    `              <el-input v-model="form.${prop}" :placeholder="inputPlaceholder(${labelExpr})"${maxlengthAttr} />`,
+    `              <el-input v-model="form.${prop}" :placeholder="inputPlaceholder(${labelExpr})"${maxlengthAttr}${disabledAttr} />`,
     '            </el-form-item>',
-    '          </el-col>',
-  ].join('\n');
-}
+    '          </el-col>',
+  ].join('\n');
+}
 
 function renderTableColumnV2(field, dictRegistryRefs) {
   const label = stripDictAnnotation(field.comment).replace(/'/g, "\\'");
@@ -1328,34 +1343,36 @@ function renderTableColumnV2(field, dictRegistryRefs) {
   return `  { ${parts.join(', ')} },`;
 }
 
-function renderChildTableColumnV2(field, childListName) {
-  const rules = field.notNull ? ` :rules="[{ required: true, trigger: 'blur' }]"` : '';
-  const labelExpr = `getChildFieldLabel('${childListName}', '${field.attrName}')`;
-  const dictExpr = `getChildFieldMeta('${childListName}', '${field.attrName}')?.dictType`;
-
-  let control = `                  <el-input v-model="row.${field.attrName}" :placeholder="inputPlaceholder(${labelExpr})"${renderTextMaxlengthAttrV2(field)} />`;
-  if (field.formType === 'select' && field.dictType) {
-    control = [
-      `                  <el-select v-model="row.${field.attrName}" :placeholder="selectPlaceholder(${labelExpr})" style="width: 100%">`,
-      `                    <el-option v-for="item in getDictOptions(${dictExpr})" :key="item.value" :label="item.label" :value="Number(item.value)" />`,
-      '                  </el-select>',
-    ].join('\n');
-  } else if (field.formType === 'number') {
-    const max = field.comment.includes('%') || /\u6BD4\u4F8B/.test(field.comment) ? ' :max="100"' : '';
-    const precision = field.sqlType === 'DECIMAL' && field.scale ? ` :precision="${field.scale}" :step="0.01"` : '';
-    control = `                  <el-input-number v-model="row.${field.attrName}" :min="0"${max}${precision} style="width: 100%" />`;
-  } else if (field.formType === 'datetime' || field.formType === 'date') {
-    const pickerType = field.formType === 'datetime' ? 'datetime' : 'date';
-    const formatName = field.formType === 'datetime' ? 'dateTimeStr' : 'dateStr';
-    control = `                  <el-date-picker type="${pickerType}" v-model="row.${field.attrName}" :value-format="${formatName}" :placeholder="inputPlaceholder(${labelExpr})" style="width: 100%"></el-date-picker>`;
-  } else if (field.formType === 'textarea') {
-    control = `                  <el-input type="textarea" v-model="row.${field.attrName}" :placeholder="inputPlaceholder(${labelExpr})"${renderTextareaMaxlengthAttrsV2(field)} />`;
-  }
-
-  return [
-    `            <el-table-column :label="${labelExpr}" prop="${field.attrName}">`,
-    '              <template #default="{ row, $index }">',
-    `                <el-form-item :prop="\`${childListName}.\${$index}.${field.attrName}\`"${rules}>`,
+function renderChildTableColumnV2(field, childListName) {
+  const rules = field.notNull ? ` :rules="[{ required: true, trigger: 'blur' }]"` : '';
+  const labelExpr = `getChildFieldLabel('${childListName}', '${field.attrName}')`;
+  const dictExpr = `getChildFieldMeta('${childListName}', '${field.attrName}')?.dictType`;
+  const disabledAttr = renderDisabledAttrV2(field);
+
+  let control = `                  <el-input v-model="row.${field.attrName}" :placeholder="inputPlaceholder(${labelExpr})"${renderTextMaxlengthAttrV2(field)}${disabledAttr} />`;
+  if (field.formType === 'select' && field.dictType) {
+    control = [
+      `                  <el-select v-model="row.${field.attrName}" :placeholder="selectPlaceholder(${labelExpr})" style="width: 100%"${disabledAttr}>`,
+      `                    <el-option v-for="item in getDictOptions(${dictExpr})" :key="item.value" :label="item.label" :value="Number(item.value)" />`,
+      '                  </el-select>',
+    ].join('\n');
+  } else if (field.formType === 'number') {
+    const max = field.comment.includes('%') || /\u6BD4\u4F8B/.test(field.comment) ? ' :max="100"' : '';
+    const precision = field.sqlType === 'DECIMAL' && field.scale ? ` :precision="${field.scale}" :step="0.01"` : '';
+    control = `                  <el-input-number v-model="row.${field.attrName}" :min="0"${max}${precision} style="width: 100%"${disabledAttr} />`;
+  } else if (field.formType === 'datetime' || field.formType === 'date') {
+    const pickerType = field.formType === 'datetime' ? 'datetime' : 'date';
+    const formatName = field.formType === 'datetime' ? 'dateTimeStr' : 'dateStr';
+    control = `                  <el-date-picker type="${pickerType}" v-model="row.${field.attrName}" :value-format="${formatName}" :placeholder="inputPlaceholder(${labelExpr})" style="width: 100%"${disabledAttr}></el-date-picker>`;
+  } else if (field.formType === 'textarea') {
+    control = `                  <el-input type="textarea" v-model="row.${field.attrName}" :placeholder="inputPlaceholder(${labelExpr})"${renderTextareaMaxlengthAttrsV2(field)}${disabledAttr} />`;
+  }
+
+  return [
+    renderFieldCommentV2(field, '            '),
+    `            <el-table-column :label="${labelExpr}" prop="${field.attrName}">`,
+    '              <template #default="{ row, $index }">',
+    `                <el-form-item :prop="\`${childListName}.\${$index}.${field.attrName}\`"${rules}>`,
     control,
     '                </el-form-item>',
     '              </template>',

package/package.json

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