mta-mcp 3.14.1 → 3.14.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mta-mcp",
-  "version": "3.14.1",
+  "version": "3.14.2",
   "description": "MTA - 智能编码助手 MCP 服务器（规范 + 技能 + 诊断 + 模板 + 记忆 + 思考）",
   "type": "module",
   "main": "./dist/index.js",

package/ui/sketch/mta-measure.sketchplugin/Contents/Sketch/measure.js

@@ -670,7 +670,7 @@ function detectIfIcon(layer) {
 
   var name = (layer.name || '').toLowerCase();
   var size = Math.max(layer.frame.width, layer.frame.height);
-  var iconKeywords = ['icon', 'ico', 'logo', 'symbol', 'arrow', 'close', 'menu',
+  var iconKeywords = ['icon', 'ico', 'ic_', '_ic', 'logo', 'symbol', 'arrow', 'close', 'menu',
     'search', 'star', 'check', 'back', 'more', 'nav', 'btn', 'button'];
   var hasKeyword = false;
   for (var k = 0; k < iconKeywords.length; k++) {
@@ -1297,7 +1297,11 @@ function extractCompleteStyle(layer) {
       var ish = innerShadows[isi];
       var innerObj = { color: ish.color, blur: ish.blur, x: ish.x, y: ish.y, spread: ish.spread || 0 };
       var fc3 = sketchColorToFlutter(ish.color);
-      if (fc3) innerObj.flutterBoxShadow = 'BoxShadow(color: ' + fc3 + ', offset: Offset(' + ish.x + ', ' + ish.y + '), blurRadius: ' + ish.blur + ', spreadRadius: ' + (ish.spread || 0) + ')';
+      if (fc3) {
+        innerObj.flutterBoxShadow = 'BoxShadow(color: ' + fc3 + ', offset: Offset(' + ish.x + ', ' + ish.y + '), blurRadius: ' + ish.blur + ', spreadRadius: ' + (ish.spread || 0) + ')';
+        // Flutter 不原生支持 innerShadow，以下给出实现方案
+        innerObj.flutterNote = '⚠️ Flutter 不原生支持 innerShadow。实现方案: 在 Stack 中于内容层上方叠加一个同形状的 DecoratedBox，decoration 中 boxShadow 使用较大的 spreadRadius 使阴影向内延伸，再用 ClipRRect/ClipPath 裁剪为相同圆角，使阴影只在容器内部可见。或使用 CustomPainter 直接绘制。';
+      }
       style.innerShadows.push(innerObj);
     }
   }
@@ -2433,8 +2437,28 @@ function measureRecursively(layer, depth, parentFrame, siblings) {
       if (iconFill.flutterColor) {
         var iw = Math.round(layer.frame.width);
         var ih = Math.round(layer.frame.height);
+        // 将图层级别 opacity 合并进 colorFilter 颜色的 alpha 通道
+        // 原因: Sketch 支持"填充色 alpha"和"图层整体 opacity"两个独立维度,
+        // 若只用填充色 alpha 而忽略 layer opacity, colorFilter 渲染比设计稿更深
+        var layerOpacity = 1.0;
+        try {
+          if (layer.style && layer.style.opacity !== undefined && layer.style.opacity !== 1) {
+            layerOpacity = layer.style.opacity;
+          }
+        } catch (e2) { /* ignore */ }
+        var fillAlpha = (iconFill.alpha !== undefined) ? iconFill.alpha : 1.0;
+        var effectiveAlpha = fillAlpha * layerOpacity;
+        var effectiveColor;
+        if (Math.abs(effectiveAlpha - fillAlpha) > 0.01) {
+          // layer opacity 有效，合并后重新生成 Flutter 颜色
+          effectiveColor = toFlutterColor(iconFill.hex || iconFill.color, effectiveAlpha);
+          element.iconOpacityMerged = true;
+          element.iconOpacityNote = 'fill-alpha(' + Math.round(fillAlpha * 100) + '%) × layer-opacity(' + Math.round(layerOpacity * 100) + '%) = ' + Math.round(effectiveAlpha * 100) + '% → 已合并入 colorFilter alpha';
+        } else {
+          effectiveColor = iconFill.flutterColor;
+        }
         // 路径后附带 TODO 注释，提示核对实际文件名
-        element.flutterSvgCode = 'SvgPicture.asset(\'assets/' + element.iconExportPath + '\' /* TODO: 核对 assets/icons/ 中实际文件名，禁止用 Icons.xxx 替代 */, width: ' + iw + ', height: ' + ih + ', colorFilter: ColorFilter.mode(' + iconFill.flutterColor + ', BlendMode.srcIn),)';
+        element.flutterSvgCode = 'SvgPicture.asset(\'assets/' + element.iconExportPath + '\' /* TODO: 核对 assets/icons/ 中实际文件名，禁止用 Icons.xxx 替代 */, width: ' + iw + ', height: ' + ih + ', colorFilter: ColorFilter.mode(' + effectiveColor + ', BlendMode.srcIn),)';
       }
     }
   }
@@ -2526,7 +2550,13 @@ function measureRecursively(layer, depth, parentFrame, siblings) {
     if (nativeImgFills && nativeImgFills[0] && nativeImgFills[0].hex) {
       element.imageInfo.nativeTint = formatNativeColor(nativeImgFills[0]);
     }
-    element.imageInfo.note = '此图层为嵌入式位图(Bitmap), 需要导出为 SVG 或 PNG 后使用';
+    element.imageInfo.note = '此图层为嵌入式位图(Bitmap), 必须导出为 PNG (非SVG——Bitmap导出SVG只含base64嵌套图片, 无矢量路径), 放入 assets/icons/, 用 Image.asset 渲染';
+    // 生成 Image.asset 代码片段，开发者直接复制使用
+    var bitmapW = Math.round(layer.frame.width);
+    var bitmapH = Math.round(layer.frame.height);
+    var bitmapName = sanitizeFileName(layer.name);
+    element.flutterImageCode = 'Image.asset(\'assets/icons/' + bitmapName + '.png\', width: ' + bitmapW + ', height: ' + bitmapH + ', color: YOUR_COLOR, colorBlendMode: BlendMode.srcIn,)';
+    element.imageInfo.exportHint = 'Sketch 导出命令: File > Export Layers > 选择此图层 > 格式 PNG @3x, 放入 assets/icons/';
   }
 
   // Symbol Instance — override 真实值