Fix(ESLint): Fixed output error in class order

1aron · 1aron · commit 4688587d3df0 · 2025-04-10T00:41:36.000+08:00
diff --git a/packages/core/tests/utils/sort-readable-classes.test.ts b/packages/core/tests/utils/sort-readable-classes.test.ts
@@ -12,6 +12,7 @@ Testing.readableClasses({
     2: ['block', 'round', 'm:32', 'px:16', 'font:12', 'mb:48', 'bg:blue:hover', 'font:24@sm', 'font:32@md'],
     3: ['block', 'round', 'm:32', 'my:16', 'px:16', 'bg:red', 'font:12', 'mb:48', 'bg:blue:hover', 'bg:purple:focus', 'font:32@sm', 'my:32@lg', 'font:48@lg'],
     4: ['flex', 'flex:col'],
+    5: ['gap:15', 'p:40', 'grid-cols:2', 'grid-cols:3@2xs', 'grid-cols:4@sm', 'grid-cols:5@md']
 }, {
     components: {
         btn: 'block fg:blue',
diff --git a/packages/eslint-plugin/src/rules/class-order.ts b/packages/eslint-plugin/src/rules/class-order.ts
@@ -41,6 +41,7 @@ export default createRule({
                     orderedRaw = '`' + orderedRaw + '`'
                 }
                 context.report({
+                    node,
                     loc: {
                         start: sourceCode.getLocFromIndex(start),
                         end: sourceCode.getLocFromIndex(end),
diff --git a/packages/eslint-plugin/tests/order.test.ts b/packages/eslint-plugin/tests/order.test.ts
@@ -371,6 +371,16 @@ new RuleTester({
             code: `<div class="a mt:0 mt:0@sm c d hello:world font:error">Error class</div>`,
             output: `<div class="font:error mt:0 mt:0@sm a c d hello:world">Error class</div>`,
             errors: [{ messageId: 'invalidClassOrder' }],
-        }
+        },
+        {
+            code: `<div className="gap:15 grid-cols:2 grid-cols:3@2xs grid-cols:4@sm grid-cols:5@md p:40">order</div>`,
+            output: `<div className="gap:15 p:40 grid-cols:2 grid-cols:3@2xs grid-cols:4@sm grid-cols:5@md">order</div>`,
+            errors: [{
+                messageId: 'invalidClassOrder',
+                column: 17,
+                endColumn: 86,
+                line: 1
+            }],
+        },
     ],
 })

Original file line number	Diff line number	Diff line change
`@@ -41,6 +41,7 @@ export default createRule({`
`41`	`41`	orderedRaw = '`' + orderedRaw + '`'
`42`	`42`	`}`
`43`	`43`	`context.report({`
	`44`	`+ node,`
`44`	`45`	`loc: {`
`45`	`46`	`start: sourceCode.getLocFromIndex(start),`
`46`	`47`	`end: sourceCode.getLocFromIndex(end),`