@af-mobile/eslint-plugin 2.0.4 → 2.2.0

package/rules/no-emoji-icon.js

@@ -0,0 +1,69 @@
+// L2-8 af-mobile/no-emoji-icon（warn）
+// 检测 emoji 当图标——"廉价感"第一视觉来源（v1.6.1 规则化，配套 prompt 图标规范）
+// 检测点（低误报，只查图标语境）：
+//   1. icon 属性值：tabs/tabbar 配置对象 { label: 'x', icon: '📋' }（旧 few-shot 示例的反模式）
+//   2. HTML 字符串中 tab-item 元素 / data-role="icon" 元素的文本内容含 emoji
+// 修正：用 24px stroke SVG（prompt 图标 path 库）；af-tabbar 的 icon 仅支持文本字符，需要图标时省略 icon 字段
+const EMOJI_RE = /\p{Extended_Pictographic}/u;
+
+function firstEmoji(str) {
+  const m = str.match(EMOJI_RE);
+  return m ? m[0] : null;
+}
+
+// HTML 字符串中的图标语境：tab-item 元素 / data-role="icon" 元素（取开闭标签之间的纯文本段）
+const ICON_CONTEXT_RES = [
+  /<[\w-]+[^>]*\bclass="[^"]*\btab-item\b[^"]*"[^>]*>([^<]*)</g,
+  /<[\w-]+[^>]*\bdata-role="icon"[^>]*>([^<]*)</g,
+];
+
+function checkHtmlString(str, node, report) {
+  for (const re of ICON_CONTEXT_RES) {
+    re.lastIndex = 0;
+    let m;
+    while ((m = re.exec(str))) {
+      const emoji = firstEmoji(m[1]);
+      if (emoji) report(node, emoji);
+    }
+  }
+}
+
+export default {
+  meta: {
+    type: 'suggestion',
+    docs: { description: '禁止 emoji 当图标（用 24px stroke SVG）' },
+    schema: [],
+    messages: {
+      emojiIcon: "Emoji {{emoji}} used as icon — use a 24px stroke SVG instead; af-tabbar's icon prop only supports text characters",
+    },
+  },
+  create(context) {
+    const report = (node, emoji) => context.report({ node, messageId: 'emojiIcon', data: { emoji } });
+    return {
+      // { icon: '📋' } 配置对象（af-tabbar / af-tabs 的 tabs 数组）
+      Property(node) {
+        const keyName = node.key.type === 'Identifier'
+          ? node.key.name
+          : (node.key.type === 'Literal' ? String(node.key.value) : null);
+        if (keyName !== 'icon') return;
+        const v = node.value;
+        if (v.type === 'Literal' && typeof v.value === 'string') {
+          const emoji = firstEmoji(v.value);
+          if (emoji) report(v, emoji);
+        } else if (v.type === 'TemplateLiteral' && v.expressions.length === 0) {
+          const emoji = firstEmoji(v.quasis[0].value.raw);
+          if (emoji) report(v, emoji);
+        }
+      },
+      // HTML 字符串（含 template literal）中的图标语境元素
+      Literal(node) {
+        if (typeof node.value !== 'string') return;
+        checkHtmlString(node.value, node, report);
+      },
+      TemplateElement(node) {
+        if (!node.value || !node.value.raw) return;
+        checkHtmlString(node.value.raw, node, report);
+      },
+    };
+  },
+};

package/rules/no-inline-style.js

@@ -1,127 +1,129 @@
-// L1-2 af-mobile/no-inline-style（error，部分可自动修）
-// 检测：style="" 中设置 forbiddenInlineStyle 列表内的属性
-// 例外：display/transform/z-index/width/height 等布局属性放行；skeleton class 元素内 width/height 放行
-// 适用：HTML/JS 文件中所有字符串字面量（含 template literal），覆盖组件 innerHTML 赋值场景
-import { readFileSync } from 'node:fs';
-import { fileURLToPath } from 'node:url';
-import { resolve, dirname } from 'node:path';
-
-// 加载 whitelist（与规则文件同级目录 ../utils/whitelist-v1.json）
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const whitelistPath = resolve(__dirname, '../utils/whitelist-v1.json');
-const whitelist = JSON.parse(readFileSync(whitelistPath, 'utf8'));
-const FORBIDDEN = new Set(whitelist.forbiddenInlineStyle);
-
-// 布局类属性放行（设计文档 L1-2 例外）
-const ALLOWED_LAYOUT = new Set([
-  'display', 'transform', 'z-index', 'width', 'height',
-  'position', 'top', 'right', 'bottom', 'left',
-  'flex', 'flex-direction', 'flex-wrap', 'justify-content', 'align-items',
-  'grid-template-columns', 'grid-template-rows', 'gap',
-  'overflow', 'overflow-x', 'overflow-y',
-]);
-
-// 提取 style="..." 内容中的属性名
-function extractStyleProps(styleContent) {
-  const props = [];
-  // 匹配 prop-name: value; 形式
-  const re = /([a-z-]+)\s*:/g;
-  let m;
-  while ((m = re.exec(styleContent))) props.push(m[1].toLowerCase());
-  return props;
-}
-
-// 检测 style="" 字符串中的 forbidden 属性
-function checkStyleString(str) {
-  const violations = [];
-  const styleRe = /style\s*=\s*"([^"]*)"/g;
-  let m;
-  while ((m = styleRe.exec(str))) {
-    const styleContent = m[1];
-    const props = extractStyleProps(styleContent);
-    for (const prop of props) {
-      if (FORBIDDEN.has(prop)) {
-        violations.push({ prop, value: styleContent });
-      }
-    }
-  }
-  return violations;
-}
-
-export default {
-  meta: {
-    type: 'problem',
-    docs: {
-      description: '禁止 inline style 中使用 forbidden 属性（应使用 L2 class）',
-    },
-    schema: [{
-      type: 'object',
-      properties: {
-        allowProperties: {
-          type: 'array',
-          items: { type: 'string' },
-          description: '项目级额外放行的属性名',
-        },
-      },
-      additionalProperties: false,
-    }],
-    messages: {
-      forbidden: "Inline style '{{value}}' is forbidden. Use class instead",
-    },
-  },
-
-  create(context) {
-    const options = context.options[0] || {};
-    const extraAllow = new Set(options.allowProperties || []);
-
-    return {
-      // 检测字符串字面量（含 template literal）
-      Literal(node) {
-        if (typeof node.value !== 'string') return;
-        const violations = checkStyleString(node.value);
-        for (const v of violations) {
-          if (extraAllow.has(v.prop)) continue;
-          context.report({ node, messageId: 'forbidden', data: { value: v.value } });
-        }
-      },
-      TemplateElement(node) {
-        if (!node.value || !node.value.raw) return;
-        const violations = checkStyleString(node.value.raw);
-        for (const v of violations) {
-          if (extraAllow.has(v.prop)) continue;
-          context.report({ node, messageId: 'forbidden', data: { value: v.value } });
-        }
-      },
-      // 检测 el.style.setProperty('color', ...) / el.style.xxx = '...' 绕过
-      // 仅当属性名为 forbidden 视觉属性且非常量 --* CSS 变量时报告
-      CallExpression(node) {
-        const callee = node.callee;
-        if (callee?.type !== 'MemberExpression') return;
-        if (callee.object?.type !== 'MemberExpression') return;
-        if (callee.object.property?.name !== 'style') return;
-        if (callee.property?.name !== 'setProperty') return;
-        const propArg = node.arguments?.[0];
-        if (!propArg || propArg.type !== 'Literal' || typeof propArg.value !== 'string') return;
-        // CSS 自定义属性（--*）豁免：用于主题变量传递，由 no-token-modification 规则单独管
-        if (propArg.value.startsWith('--')) return;
-        const prop = propArg.value.toLowerCase();
-        if (FORBIDDEN.has(prop) && !ALLOWED_LAYOUT.has(prop) && !extraAllow.has(prop)) {
-          context.report({ node, messageId: 'forbidden', data: { value: `${prop}` } });
-        }
-      },
-      AssignmentExpression(node) {
-        // el.style.color = 'red' 形式
-        if (node.left?.type !== 'MemberExpression') return;
-        if (node.left.object?.type !== 'MemberExpression') return;
-        if (node.left.object.property?.name !== 'style') return;
-        const propName = node.left.property?.name;
-        if (!propName) return;
-        // kebab-case 转换：backgroundColor → background-color
-        const kebab = propName.replace(/[A-Z]/g, m => '-' + m.toLowerCase());
-        if (FORBIDDEN.has(kebab) && !ALLOWED_LAYOUT.has(kebab) && !extraAllow.has(kebab)) {
-          context.report({ node, messageId: 'forbidden', data: { value: kebab } });
-        }
-      },
-    };
-  },
-};
+// L1-2 af-mobile/no-inline-style（error，部分可自动修）
+// 检测：style="" 中设置 forbiddenInlineStyle 列表内的属性
+// 例外：display/transform/z-index/width/height 等布局属性放行；skeleton class 元素内 width/height 放行
+// 适用：HTML/JS 文件中所有字符串字面量（含 template literal），覆盖组件 innerHTML 赋值场景
+import { readFileSync } from 'node:fs';
+import { fileURLToPath } from 'node:url';
+import { resolve, dirname } from 'node:path';
+
+// 加载 whitelist（与规则文件同级目录 ../utils/whitelist-v1.json）
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const whitelistPath = resolve(__dirname, '../utils/whitelist-v1.json');
+const whitelist = JSON.parse(readFileSync(whitelistPath, 'utf8'));
+const FORBIDDEN = new Set(whitelist.forbiddenInlineStyle);
+
+// 布局类属性放行（设计文档 L1-2 例外）
+const ALLOWED_LAYOUT = new Set([
+  'display', 'transform', 'z-index', 'width', 'height',
+  'position', 'top', 'right', 'bottom', 'left',
+  'flex', 'flex-direction', 'flex-wrap', 'justify-content', 'align-items',
+  'grid-template-columns', 'grid-template-rows', 'gap',
+  'overflow', 'overflow-x', 'overflow-y',
+]);
+
+// 提取 style="..." 内容中的属性名
+function extractStyleProps(styleContent) {
+  const props = [];
+  // 匹配 prop-name: value; 形式
+  const re = /([a-z-]+)\s*:/g;
+  let m;
+  while ((m = re.exec(styleContent))) props.push(m[1].toLowerCase());
+  return props;
+}
+
+// 检测 style="" 字符串中的 forbidden 属性
+function checkStyleString(str) {
+  const violations = [];
+  const styleRe = /style\s*=\s*"([^"]*)"/g;
+  let m;
+  while ((m = styleRe.exec(str))) {
+    const styleContent = m[1];
+    const props = extractStyleProps(styleContent);
+    for (const prop of props) {
+      if (FORBIDDEN.has(prop)) {
+        violations.push({ prop, value: styleContent });
+      }
+    }
+  }
+  return violations;
+}
+
+export default {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: '禁止 inline style 中使用 forbidden 属性（应使用 L2 class）',
+    },
+    schema: [{
+      type: 'object',
+      properties: {
+        allowProperties: {
+          type: 'array',
+          items: { type: 'string' },
+          description: '项目级额外放行的属性名',
+        },
+      },
+      additionalProperties: false,
+    }],
+    messages: {
+      // v1.6.1：报错带具体违规属性名（旧报错只给整段 style，AI 修正时只能整段删掉重猜，加剧样式削平）
+      forbidden: "Inline style property '{{prop}}' is forbidden in '{{value}}'. Use class instead",
+    },
+  },
+
+  create(context) {
+    const options = context.options[0] || {};
+    const extraAllow = new Set(options.allowProperties || []);
+    const nodeText = (node) => (context.sourceCode || context.getSourceCode()).getText(node);
+
+    return {
+      // 检测字符串字面量（含 template literal）
+      Literal(node) {
+        if (typeof node.value !== 'string') return;
+        const violations = checkStyleString(node.value);
+        for (const v of violations) {
+          if (extraAllow.has(v.prop)) continue;
+          context.report({ node, messageId: 'forbidden', data: { prop: v.prop, value: v.value } });
+        }
+      },
+      TemplateElement(node) {
+        if (!node.value || !node.value.raw) return;
+        const violations = checkStyleString(node.value.raw);
+        for (const v of violations) {
+          if (extraAllow.has(v.prop)) continue;
+          context.report({ node, messageId: 'forbidden', data: { prop: v.prop, value: v.value } });
+        }
+      },
+      // 检测 el.style.setProperty('color', ...) / el.style.xxx = '...' 绕过
+      // 仅当属性名为 forbidden 视觉属性且非常量 --* CSS 变量时报告
+      CallExpression(node) {
+        const callee = node.callee;
+        if (callee?.type !== 'MemberExpression') return;
+        if (callee.object?.type !== 'MemberExpression') return;
+        if (callee.object.property?.name !== 'style') return;
+        if (callee.property?.name !== 'setProperty') return;
+        const propArg = node.arguments?.[0];
+        if (!propArg || propArg.type !== 'Literal' || typeof propArg.value !== 'string') return;
+        // CSS 自定义属性（--*）豁免：用于主题变量传递，由 no-token-modification 规则单独管
+        if (propArg.value.startsWith('--')) return;
+        const prop = propArg.value.toLowerCase();
+        if (FORBIDDEN.has(prop) && !ALLOWED_LAYOUT.has(prop) && !extraAllow.has(prop)) {
+          context.report({ node, messageId: 'forbidden', data: { prop, value: nodeText(node) } });
+        }
+      },
+      AssignmentExpression(node) {
+        // el.style.color = 'red' 形式
+        if (node.left?.type !== 'MemberExpression') return;
+        if (node.left.object?.type !== 'MemberExpression') return;
+        if (node.left.object.property?.name !== 'style') return;
+        const propName = node.left.property?.name;
+        if (!propName) return;
+        // kebab-case 转换：backgroundColor → background-color
+        const kebab = propName.replace(/[A-Z]/g, m => '-' + m.toLowerCase());
+        if (FORBIDDEN.has(kebab) && !ALLOWED_LAYOUT.has(kebab) && !extraAllow.has(kebab)) {
+          context.report({ node, messageId: 'forbidden', data: { prop: kebab, value: nodeText(node) } });
+        }
+      },
+    };
+  },
+};

package/rules/no-recipe-break.js

@@ -1,59 +1,59 @@
-// L2-2 af-mobile/no-recipe-break（error，4 子规则）
-// a: .cell + f/fi/fc 原子 → 布局冲突
-// b: .btn（非 .btn-ghost）+ text-brand/text-danger/text-success → 对比度问题
-// c: .input + t-sm/t-xs → iOS 焦点缩放
-// d: .btn（非 .btn-ghost）+ bg-card/bg-muted → 背景覆盖破坏 onbrand 对比度
-import { extractAllClassLists } from '../utils/helpers.js';
-
-const FLEX_ATOMS = new Set(['f', 'fi', 'fc']);
-const COLORED_TEXT = new Set(['text-brand', 'text-danger', 'text-success']);
-const SMALL_FONT = new Set(['t-sm', 't-xs']);
-const BROKEN_BG = new Set(['bg-card', 'bg-muted']);
-
-export default {
-  meta: {
-    type: 'problem',
-    docs: { description: '禁止原子类破坏 recipe 内置样式' },
-    schema: [],
-    messages: {
-      cellFlex: ".cell has built-in display:flex, adding 'f'/'fc' may break layout",
-      btnColor: ".btn background uses --c-brand, text color must keep --c-onbrand contrast. Use .btn-ghost instead for colored text",
-      inputFont: "form control (.input/.textarea/.search-input) font-size must be 16px (--t-input) to prevent iOS focus zoom. Put help text in <label> or .form-err instead",
-      btnBg: ".btn background is --c-brand with white text; overriding background with 'bg-card'/'bg-muted' breaks contrast. Use .btn-ghost instead",
-    },
-  },
-  create(context) {
-    function checkClasses(classes, node) {
-      const set = new Set(classes);
-      // a: .cell + f/fi/fc
-      if (set.has('cell')) {
-        for (const a of FLEX_ATOMS) {
-          if (set.has(a)) { context.report({ node, messageId: 'cellFlex' }); break; }
-        }
-      }
-      // b: .btn（非 .btn-ghost）+ colored text
-      if (set.has('btn') && !set.has('btn-ghost')) {
-        for (const a of COLORED_TEXT) {
-          if (set.has(a)) { context.report({ node, messageId: 'btnColor' }); break; }
-        }
-        // d: 背景覆盖同样破坏 onbrand 对比度
-        for (const a of BROKEN_BG) {
-          if (set.has(a)) { context.report({ node, messageId: 'btnBg' }); break; }
-        }
-      }
-      // c: 表单控件 + t-sm/t-xs（.input/.textarea/.search-input 均为 --t-input 16px 基准）
-      if (set.has('input') || set.has('textarea') || set.has('search-input')) {
-        for (const a of SMALL_FONT) {
-          if (set.has(a)) { context.report({ node, messageId: 'inputFont' }); break; }
-        }
-      }
-    }
-    function checkString(str, node) {
-      for (const { classes } of extractAllClassLists(str)) checkClasses(classes, node);
-    }
-    return {
-      Literal(node) { if (typeof node.value === 'string') checkString(node.value, node); },
-      TemplateElement(node) { if (node.value?.raw) checkString(node.value.raw, node); },
-    };
-  },
-};
+// L2-2 af-mobile/no-recipe-break（error，4 子规则）
+// a: .cell + f/fi/fc 原子 → 布局冲突
+// b: .btn（非 .btn-ghost）+ text-brand/text-danger/text-success → 对比度问题
+// c: .input + t-sm/t-xs → iOS 焦点缩放
+// d: .btn（非 .btn-ghost）+ bg-card/bg-muted → 背景覆盖破坏 onbrand 对比度
+import { extractAllClassLists } from '../utils/helpers.js';
+
+const FLEX_ATOMS = new Set(['f', 'fi', 'fc']);
+const COLORED_TEXT = new Set(['text-brand', 'text-danger', 'text-success']);
+const SMALL_FONT = new Set(['t-sm', 't-xs']);
+const BROKEN_BG = new Set(['bg-card', 'bg-muted']);
+
+export default {
+  meta: {
+    type: 'problem',
+    docs: { description: '禁止原子类破坏 recipe 内置样式' },
+    schema: [],
+    messages: {
+      cellFlex: ".cell has built-in display:flex, adding 'f'/'fc' may break layout",
+      btnColor: ".btn background uses --c-brand, text color must keep --c-onbrand contrast. Use .btn-ghost instead for colored text",
+      inputFont: "form control (.input/.textarea/.search-input) font-size must be 16px (--t-input) to prevent iOS focus zoom. Put help text in <label> or .form-err instead",
+      btnBg: ".btn background is --c-brand with white text; overriding background with 'bg-card'/'bg-muted' breaks contrast. Use .btn-ghost instead",
+    },
+  },
+  create(context) {
+    function checkClasses(classes, node) {
+      const set = new Set(classes);
+      // a: .cell + f/fi/fc
+      if (set.has('cell')) {
+        for (const a of FLEX_ATOMS) {
+          if (set.has(a)) { context.report({ node, messageId: 'cellFlex' }); break; }
+        }
+      }
+      // b: .btn（非 .btn-ghost）+ colored text
+      if (set.has('btn') && !set.has('btn-ghost')) {
+        for (const a of COLORED_TEXT) {
+          if (set.has(a)) { context.report({ node, messageId: 'btnColor' }); break; }
+        }
+        // d: 背景覆盖同样破坏 onbrand 对比度
+        for (const a of BROKEN_BG) {
+          if (set.has(a)) { context.report({ node, messageId: 'btnBg' }); break; }
+        }
+      }
+      // c: 表单控件 + t-sm/t-xs（.input/.textarea/.search-input 均为 --t-input 16px 基准）
+      if (set.has('input') || set.has('textarea') || set.has('search-input')) {
+        for (const a of SMALL_FONT) {
+          if (set.has(a)) { context.report({ node, messageId: 'inputFont' }); break; }
+        }
+      }
+    }
+    function checkString(str, node) {
+      for (const { classes } of extractAllClassLists(str)) checkClasses(classes, node);
+    }
+    return {
+      Literal(node) { if (typeof node.value === 'string') checkString(node.value, node); },
+      TemplateElement(node) { if (node.value?.raw) checkString(node.value.raw, node); },
+    };
+  },
+};

package/rules/no-register-all.js

@@ -1,31 +1,31 @@
-// L3 af-mobile/no-register-all（error）
-// 检测：registerAll() 调用（已废弃/已移除，诱导全量加载，失去 Tree Shaking）
-// 正确：register('af-list', 'af-dialog') 显式列名，配合 Tree Shaking 按需打包
-export default {
-  meta: {
-    type: 'problem',
-    docs: { description: '禁止 registerAll()，改用 register(...names) 显式列名', fixable: 'ai-rewrite' },
-    schema: [],
-    messages: {
-      registerAll: "registerAll() 已废弃/已移除（全量注册 = 全局引入），改用 register(...names) 显式列名",
-    },
-  },
-  create(context) {
-    const filename = context.filename || context.getFilename();
-    // 非消费端放行：单元测试夹具 / 构建脚本
-    // 注意：原正则含 `src[\\/]` 会误伤消费端 src/main.js——消费端恰恰是要约束的对象。
-    // 库源码 src/ 不在此 skip 也安全：库源码已移除 registerAll（按需引入铁律）。
-    if (/test[\\/]|scripts[\\/]/.test(filename)) return {};
-    return {
-      CallExpression(node) {
-        const callee = node.callee;
-        const name = callee.type === 'Identifier' ? callee.name
-          : callee.type === 'MemberExpression' && callee.property.type === 'Identifier' ? callee.property.name
-            : null;
-        if (name === 'registerAll') {
-          context.report({ node, messageId: 'registerAll' });
-        }
-      },
-    };
-  },
-};
+// L3 af-mobile/no-register-all（error）
+// 检测：registerAll() 调用（已废弃/已移除，诱导全量加载，失去 Tree Shaking）
+// 正确：register('af-list', 'af-dialog') 显式列名，配合 Tree Shaking 按需打包
+export default {
+  meta: {
+    type: 'problem',
+    docs: { description: '禁止 registerAll()，改用 register(...names) 显式列名', fixable: 'ai-rewrite' },
+    schema: [],
+    messages: {
+      registerAll: "registerAll() 已废弃/已移除（全量注册 = 全局引入），改用 register(...names) 显式列名",
+    },
+  },
+  create(context) {
+    const filename = context.filename || context.getFilename();
+    // 非消费端放行：单元测试夹具 / 构建脚本
+    // 注意：原正则含 `src[\\/]` 会误伤消费端 src/main.js——消费端恰恰是要约束的对象。
+    // 库源码 src/ 不在此 skip 也安全：库源码已移除 registerAll（按需引入铁律）。
+    if (/test[\\/]|scripts[\\/]/.test(filename)) return {};
+    return {
+      CallExpression(node) {
+        const callee = node.callee;
+        const name = callee.type === 'Identifier' ? callee.name
+          : callee.type === 'MemberExpression' && callee.property.type === 'Identifier' ? callee.property.name
+            : null;
+        if (name === 'registerAll') {
+          context.report({ node, messageId: 'registerAll' });
+        }
+      },
+    };
+  },
+};

package/rules/no-tailwind-syntax.js

@@ -1,31 +1,31 @@
-// L2-5 af-mobile/no-tailwind-syntax（error）
-// 检测：class 含 sm:/md:/lg:/xl:/hover:/focus:/active:/dark: 前缀
-import { extractAllClassLists } from '../utils/helpers.js';
-
-const TAILWIND_PREFIX = /^(sm|md|lg|xl|hover|focus|active|dark):/;
-
-export default {
-  meta: {
-    type: 'problem',
-    docs: { description: '禁止 Tailwind 响应式/状态前缀语法' },
-    schema: [],
-    messages: {
-      tailwind: "'{{name}}' responsive/state prefix syntax forbidden. Use @container in recipes.project.css for container-queries responsive behavior",
-    },
-  },
-  create(context) {
-    function checkString(str, node) {
-      for (const { classes } of extractAllClassLists(str)) {
-        for (const cls of classes) {
-          if (TAILWIND_PREFIX.test(cls)) {
-            context.report({ node, messageId: 'tailwind', data: { name: cls } });
-          }
-        }
-      }
-    }
-    return {
-      Literal(node) { if (typeof node.value === 'string') checkString(node.value, node); },
-      TemplateElement(node) { if (node.value?.raw) checkString(node.value.raw, node); },
-    };
-  },
-};
+// L2-5 af-mobile/no-tailwind-syntax（error）
+// 检测：class 含 sm:/md:/lg:/xl:/hover:/focus:/active:/dark: 前缀
+import { extractAllClassLists } from '../utils/helpers.js';
+
+const TAILWIND_PREFIX = /^(sm|md|lg|xl|hover|focus|active|dark):/;
+
+export default {
+  meta: {
+    type: 'problem',
+    docs: { description: '禁止 Tailwind 响应式/状态前缀语法' },
+    schema: [],
+    messages: {
+      tailwind: "'{{name}}' responsive/state prefix syntax forbidden. Use @container in recipes.project.css for container-queries responsive behavior",
+    },
+  },
+  create(context) {
+    function checkString(str, node) {
+      for (const { classes } of extractAllClassLists(str)) {
+        for (const cls of classes) {
+          if (TAILWIND_PREFIX.test(cls)) {
+            context.report({ node, messageId: 'tailwind', data: { name: cls } });
+          }
+        }
+      }
+    }
+    return {
+      Literal(node) { if (typeof node.value === 'string') checkString(node.value, node); },
+      TemplateElement(node) { if (node.value?.raw) checkString(node.value.raw, node); },
+    };
+  },
+};