worsoft-frontend-codegen-local-mcp 0.1.54 → 0.1.55

package/assets/templates/master_child_jump/form.tpl

@@ -79,6 +79,9 @@ const {
   commonActionLabel,
 } = useCrudPageMeta(dataMasterEntity, dictRefs, childFieldGroups);
 
+const formInputPlaceholder = (label: string, disabled = false) => (detail.value || disabled ? '' : inputPlaceholder(label));
+const formSelectPlaceholder = (label: string, disabled = false) => (detail.value || disabled ? '' : selectPlaceholder(label));
+
 // 子表分组标题从功能级词条中读取
 const childSectionTitle = (groupName: string) => t(`${pageI18nKey}.children.${groupName}.title`);
 

package/assets/templates/single_table_dialog/form.tpl

@@ -54,6 +54,9 @@ const {
   fieldRequiredMessage,
 } = useCrudPageMeta(dataMasterEntity, dictRefs);
 
+const formInputPlaceholder = (label: string, disabled = false) => (disabled ? '' : inputPlaceholder(label));
+const formSelectPlaceholder = (label: string, disabled = false) => (disabled ? '' : selectPlaceholder(label));
+
 // 统一维护表单默认值
 const createDefaultFormState = () => ({
 {{FORM_DEFAULTS}}

package/assets/templates/single_table_jump/form.tpl

@@ -70,6 +70,9 @@ const {
   commonActionLabel,
 } = useCrudPageMeta(dataMasterEntity, dictRefs);
 
+const formInputPlaceholder = (label: string, disabled = false) => (detail.value || disabled ? '' : inputPlaceholder(label));
+const formSelectPlaceholder = (label: string, disabled = false) => (detail.value || disabled ? '' : selectPlaceholder(label));
+
 // 统一维护表单默认值
 const createDefaultFormState = () => ({
 {{FORM_DEFAULTS}}

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.54';
+const SERVER_VERSION = '0.1.55';
 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');
@@ -1712,23 +1712,24 @@ function renderTableColumn(field) {
 function renderChildTableColumn(field, childListName) {
   const rules = field.notNull ? ` :rules="[{ required: true, trigger: 'blur' }]"` : '';
   const labelExpr = `getChildFieldLabel('${childListName}', '${field.attrName}')`;
-  const inputPlaceholderExpr = `inputPlaceholder(getChildFieldLabel('${childListName}', '${field.attrName}'))`;
-  const selectPlaceholderExpr = `selectPlaceholder(getChildFieldLabel('${childListName}', '${field.attrName}'))`;
+  const inputPlaceholderExpr = `formInputPlaceholder(${labelExpr}, ${renderDisabledBoolV2(field)})`;
+  const selectPlaceholderExpr = `formSelectPlaceholder(${labelExpr}, ${renderDisabledBoolV2(field)})`;
+  const disabledAttr = renderDisabledAttrV2(field);
 
-  let control = `                  <el-input v-model="row.${field.attrName}" :placeholder="${inputPlaceholderExpr}" />`;
+  let control = `                  <el-input v-model="row.${field.attrName}" :placeholder="${inputPlaceholderExpr}"${disabledAttr} />`;
   if (field.formType === 'upload') {
-    control = `                  <UploadFile v-model="row.${field.attrName}" />`;
+    control = `                  <UploadFile v-model="row.${field.attrName}"${disabledAttr} />`;
   } else if (field.formType === 'select' && field.dictType) {
     control = [
-      `                  <el-select v-model="row.${field.attrName}" :placeholder="${selectPlaceholderExpr}" style="width: 100%">`,
+      `                  <el-select v-model="row.${field.attrName}" :placeholder="${selectPlaceholderExpr}" style="width: 100%"${disabledAttr}>`,
       `                    <el-option v-for="item in ${field.dictType}" :key="item.value" :label="item.label" :value="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%" />`;
-  }
+    ].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} :placeholder="${inputPlaceholderExpr}" style="width: 100%"${disabledAttr} />`;
+  }
 
   return [
     `            <el-table-column :label="${labelExpr}" prop="${field.attrName}">`,
@@ -1942,11 +1943,15 @@ function renderTextareaMaxlengthAttrsV2(field) {
   return ` :maxlength="${field.length}" show-word-limit`;
 }
 
-function renderDisabledAttrV2(field) {
-  return field.readonly ? ' disabled' : '';
-}
-
-function isAttachmentLikeField(field) {
+function renderDisabledAttrV2(field) {
+  return field.readonly ? ' disabled' : '';
+}
+
+function renderDisabledBoolV2(field) {
+  return field.readonly ? 'true' : 'false';
+}
+
+function isAttachmentLikeField(field) {
   const fieldName = String(field?.fieldName || field?.attrName || '').toLowerCase();
   const comment = String(field?.comment || field?.description || '').toLowerCase();
   return fieldName.includes('attachment') || comment.includes('\u9644\u4ef6') || comment.includes('\u4e0a\u4f20');
@@ -1962,6 +1967,7 @@ function renderFormFieldV2(field) {
   const labelExpr = `getMasterFieldLabel('${prop}')`;
   const dictExpr = `getMasterFieldMeta('${prop}')?.dictType`;
   const disabledAttr = renderDisabledAttrV2(field);
+  const disabledBool = renderDisabledBoolV2(field);
 
   if (field.formType === 'upload') {
     return [
@@ -1979,7 +1985,7 @@ function renderFormFieldV2(field) {
       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%"${disabledAttr}>`,
+      `              <el-select v-model="form.${prop}" :placeholder="formSelectPlaceholder(${labelExpr}, ${disabledBool})" style="width: 100%"${disabledAttr}>`,
       `                <el-option v-for="item in getDictOptions(${dictExpr})" :key="item.value" :label="item.label" :value="item.value" />`,
       '              </el-select>',
       '            </el-form-item>',
@@ -1994,7 +2000,7 @@ function renderFormFieldV2(field) {
       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%"${disabledAttr} />`,
+      `              <el-input-number v-model="form.${prop}" :min="0"${max}${precision} :placeholder="formInputPlaceholder(${labelExpr}, ${disabledBool})" style="width: 100%"${disabledAttr} />`,
       '            </el-form-item>',
       '          </el-col>',
     ].join('\n');
@@ -2007,7 +2013,7 @@ function renderFormFieldV2(field) {
       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%"${disabledAttr}></el-date-picker>`,
+      `              <el-date-picker type="${pickerType}" :placeholder="formInputPlaceholder(${labelExpr}, ${disabledBool})" v-model="form.${prop}" :value-format="${formatName}" style="width: 100%"${disabledAttr}></el-date-picker>`,
       '            </el-form-item>',
       '          </el-col>',
     ].join('\n');
@@ -2019,7 +2025,7 @@ function renderFormFieldV2(field) {
       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}${disabledAttr} />`,
+      `              <el-input type="textarea" v-model="form.${prop}" :placeholder="formInputPlaceholder(${labelExpr}, ${disabledBool})"${textareaAttrs}${disabledAttr} />`,
       '            </el-form-item>',
       '          </el-col>',
     ].join('\n');
@@ -2030,7 +2036,7 @@ function renderFormFieldV2(field) {
     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}${disabledAttr} />`,
+    `              <el-input v-model="form.${prop}" :placeholder="formInputPlaceholder(${labelExpr}, ${disabledBool})"${maxlengthAttr}${disabledAttr} />`,
     '            </el-form-item>',
     '          </el-col>',
   ].join('\n');
@@ -2222,10 +2228,11 @@ function renderMultiLevelApiTs(model) {
     ].join('\n');
   }
 
-function renderMultiLevelFormField(field) {
-  const labelExpr = `getFieldLabel('${field.attrName}')`;
-  const prop = field.attrName;
-  const disabledAttr = renderDisabledAttrV2(field);
+function renderMultiLevelFormField(field) {
+  const labelExpr = `getFieldLabel('${field.attrName}')`;
+  const prop = field.attrName;
+  const disabledAttr = renderDisabledAttrV2(field);
+  const disabledBool = renderDisabledBoolV2(field);
 
   if (isAttachmentLikeField(field)) {
     return [
@@ -2243,7 +2250,7 @@ function renderMultiLevelFormField(field) {
       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%"${disabledAttr}>`,
+      `          <el-select v-model="form.${prop}" :placeholder="formSelectPlaceholder(${labelExpr}, ${disabledBool})" style="width: 100%"${disabledAttr}>`,
       `            <el-option v-for="item in getDictOptions(getFieldMeta('${prop}')?.dictType)" :key="item.value" :label="item.label" :value="item.value" />`,
       '          </el-select>',
       '        </el-form-item>',
@@ -2258,7 +2265,7 @@ function renderMultiLevelFormField(field) {
       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%"${disabledAttr} />`,
+      `          <el-input-number v-model="form.${prop}" :min="0"${max}${precision} :placeholder="formInputPlaceholder(${labelExpr}, ${disabledBool})" style="width: 100%"${disabledAttr} />`,
       '        </el-form-item>',
       '      </el-col>',
     ].join('\n');
@@ -2271,7 +2278,7 @@ function renderMultiLevelFormField(field) {
       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%"${disabledAttr}></el-date-picker>`,
+      `          <el-date-picker type="${pickerType}" :placeholder="formInputPlaceholder(${labelExpr}, ${disabledBool})" v-model="form.${prop}" :value-format="${formatName}" style="width: 100%"${disabledAttr}></el-date-picker>`,
       '        </el-form-item>',
       '      </el-col>',
     ].join('\n');
@@ -2283,7 +2290,7 @@ function renderMultiLevelFormField(field) {
       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}${disabledAttr} />`,
+      `          <el-input type="textarea" v-model="form.${prop}" :placeholder="formInputPlaceholder(${labelExpr}, ${disabledBool})"${textareaAttrs}${disabledAttr} />`,
       '        </el-form-item>',
       '      </el-col>',
     ].join('\n');
@@ -2293,7 +2300,7 @@ function renderMultiLevelFormField(field) {
     renderFieldCommentV2(field),
     '      <el-col :span="12" class="mb20">',
     `        <el-form-item :label="${labelExpr}" prop="${prop}">`,
-    `          <el-input v-model="form.${prop}" :placeholder="inputPlaceholder(${labelExpr})"${renderInputMaxlengthAttr(field)}${disabledAttr} />`,
+    `          <el-input v-model="form.${prop}" :placeholder="formInputPlaceholder(${labelExpr}, ${disabledBool})"${renderInputMaxlengthAttr(field)}${disabledAttr} />`,
     '        </el-form-item>',
     '      </el-col>',
   ].join('\n');
@@ -2359,6 +2366,8 @@ ${moduleModel.visibleFields.map(renderMultiLevelFormField).join('\n')}
   
   // 字段标签、字典和校验提示
   const { getFieldMeta, getFieldLabel, getDictOptions, inputPlaceholder, selectPlaceholder, fieldRequiredMessage } = useCrudPageMeta(${fieldsMapExpr}, dictRefs);
+  const formInputPlaceholder = (label: string, disabled = false) => (disabled ? '' : inputPlaceholder(label));
+  const formSelectPlaceholder = (label: string, disabled = false) => (disabled ? '' : selectPlaceholder(label));
   
   // 统一维护表单默认值
   const createDefaultFormState = () => ({

package/package.json

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