@lark-apaas/fullstack-presets 1.1.5 → 1.1.6

package/lib/recommend/eslint/eslint-client.js

@@ -141,6 +141,15 @@ exports.default = {
                 selector: 'JSXAttribute[name.name="className"][value.value=/(^|\\s)text-accent(\\s|$)/]',
                 message: 'Classname "text-accent" would cause visibility issues. Consider using proper semantic color tokens from `client/src/tailwind-theme.css`',
             },
+            // 禁止在 Tailwind 任意值语法中使用包含空格的 hsl/rgb 值
+            {
+                selector: 'JSXAttribute[name.name="className"][value.value=/\\[hsl\\([^\\]]*\\s[^\\]]*\\)/]',
+                message: 'Tailwind 4 arbitrary values cannot contain spaces. Replace spaces with underscores in hsl() values. Example: from-[hsl(215_60%_18%)] instead of from-[hsl(215 60% 18%)]',
+            },
+            {
+                selector: 'JSXAttribute[name.name="className"][value.value=/\\[rgb\\([^\\]]*\\s[^\\]]*\\)/]',
+                message: 'Tailwind 4 arbitrary values cannot contain spaces. Replace spaces with underscores in rgb() values. Example: bg-[rgb(255_255_255)] instead of bg-[rgb(255 255 255)]',
+            },
         ],
     },
 };

package/lib/simple/recommend/eslint/eslint-client.js

@@ -44,6 +44,15 @@ exports.looseRestrictSyntaxRules = [
         selector: "VariableDeclarator[id.name='RoutesComponent'] > ArrowFunctionExpression > JSXElement:not([openingElement.name.name='Routes'])",
         message: 'RoutesComponent must return <Routes> directly without any wrapper. Do not add <div>, <BrowserRouter> or other wrappers. You can only modify routes inside <Routes> (add/edit/remove <Route> elements).',
     },
+    // 禁止在 Tailwind 任意值语法中使用包含空格的 hsl/rgb 值
+    {
+        selector: 'JSXAttribute[name.name="className"][value.value=/\\[hsl\\([^\\]]*\\s[^\\]]*\\)/]',
+        message: 'Tailwind 4 arbitrary values cannot contain spaces. Replace spaces with underscores in hsl() values. Example: from-[hsl(215_60%_18%)] instead of from-[hsl(215 60% 18%)]',
+    },
+    {
+        selector: 'JSXAttribute[name.name="className"][value.value=/\\[rgb\\([^\\]]*\\s[^\\]]*\\)/]',
+        message: 'Tailwind 4 arbitrary values cannot contain spaces. Replace spaces with underscores in rgb() values. Example: bg-[rgb(255_255_255)] instead of bg-[rgb(255 255 255)]',
+    },
 ];
 // 严格语法规则：仅正常模式启用，loose 模式下不启用
 const strictSyntaxRules = [
@@ -95,7 +104,7 @@ const strictSyntaxRules = [
     },
 ];
 const looseSpecificPlugins = {
-    '@lark-apaas': { rules: custom_eslint_rules_1.customRules }
+    '@lark-apaas': { rules: custom_eslint_rules_1.customRules },
 };
 // 宽松模式下覆盖的规则（关闭非关键规则）
 const looseOverrideRules = isLooseMode
@@ -192,7 +201,11 @@ const appTsxConfig = isLooseMode
         name: '@lark-apaas/client-recommend/app-tsx',
         files: ['client/src/app.tsx'],
         rules: {
-            'no-restricted-syntax': ['error', ...baseSyntaxRules, ...exports.looseRestrictSyntaxRules],
+            'no-restricted-syntax': [
+                'error',
+                ...baseSyntaxRules,
+                ...exports.looseRestrictSyntaxRules,
+            ],
         },
     }
     : null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/fullstack-presets",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "files": [
     "lib"
   ],