eslint-plugin-light 1.0.12 → 1.0.15

package/CHANGELOG.md

@@ -1,6 +1,25 @@
+## <small>1.0.15 (2025-06-16)</small>
+
+* feat(eslint-plugin-light): add img v-lazy ([5807b47](https://github.com/novlan1/plugin-light/commits/5807b47))
+
+
+
+## <small>1.0.14 (2025-06-11)</small>
+
+* feat(eslint-plugin-light): 优化classname-per-line ([fa99594](https://github.com/novlan1/plugin-light/commits/fa99594))
+
+
+
+## <small>1.0.13 (2025-06-10)</small>
+
+* feat(eslint-plugin-light): 优化规则名称 ([73affad](https://github.com/novlan1/plugin-light/commits/73affad))
+* chore: update t-comm@1.5.40 ([d019355](https://github.com/novlan1/plugin-light/commits/d019355))
+
+
+
 ## <small>1.0.12 (2025-05-30)</small>
 
-* feat(eslint-plugin-light): add css-per-line rule ([bc1d247](https://github.com/novlan1/plugin-light/commits/bc1d247))
+* feat(eslint-plugin-light): add classname-per-line rule ([bc1d247](https://github.com/novlan1/plugin-light/commits/bc1d247))
 
 
 

package/README.md

@@ -387,7 +387,7 @@ module.exports = {
 }
 ```
 
-### 3.11. css-per-line
+### 3.11. classname-per-line
 
 限制 Vue 中每行只有`1`个CSS类名，可以配置阈值。
 
@@ -401,7 +401,7 @@ module.exports = {
     'light',
   ],
   rules: {
-    'light/css-per-line': 2,
+    'light/classname-per-line': 2,
   },
 }
 ```
@@ -412,6 +412,25 @@ module.exports = {
 | ------ | -------------------------------- | ------ |
 | counts | 检查阈值，小于阈值时，可以在一行 | `3`    |
 
+### 3.12. img-v-lazy
+
+强制 `img` 标签使用 `v-lazy` 而不是 `:src`。
+
+Usage:
+
+```js
+// .eslintrc.js
+
+module.exports = {
+  plugins: [
+    'light',
+  ],
+  rules: {
+    'light/img-v-lazy': 2,
+  },
+}
+```
+
 ## 4. 更新日志
 
 [点此查看](./CHANGELOG.md)

package/lib/rules/{css-per-line.js → classname-per-line.js}

@@ -40,7 +40,7 @@ module.exports = {
         const classValue = node.value.value.trim();
 
         // 检查是否已经是多行格式
-        if (isAlreadyMultiLine(text)) {
+        if (isAlreadyMultiLine(text, threshold)) {
           return;
         }
 
@@ -88,8 +88,11 @@ function getQuoteChars(sourceCode, node) {
 }
 
 
-function isAlreadyMultiLine(text) {
+function isAlreadyMultiLine(text, threshold) {
   const lines = text.split('\n');
+
+  const bad = lines.find(line => line.split(/\s+/).length > threshold);
+
   // 多于1行且不是空行
-  return lines.length > 1 && lines.some(line => line.trim().length > 0);
+  return lines.length > 1 && lines.some(line => line.trim().length > 0) && !bad;
 }

package/lib/rules/img-v-lazy.js

@@ -0,0 +1,56 @@
+const utils = require('eslint-plugin-vue/lib/utils');
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'Enforce using v-lazy instead of :src on img tags',
+      category: 'Best Practices',
+      recommended: true,
+    },
+    fixable: 'code',
+    schema: [],
+  },
+  create(context) {
+    return utils.defineTemplateBodyVisitor(context, {
+      'VElement[name=\'img\']'(node) {
+        const srcBinding = node.startTag.attributes.find(attr => attr.directive
+                 && attr.key.name
+                 && attr.key.name.name === 'bind'
+                 && attr.key.argument
+                 && attr.key.argument.name === 'src');
+
+
+        const hasVLazy = node.startTag.attributes.some(attr => attr.directive
+                 && attr.key.name.name === 'lazy');
+
+        if (srcBinding && !hasVLazy) {
+          context.report({
+            node,
+            message: 'Use v-lazy instead of :src for image loading',
+            fix(fixer) {
+              // 获取 :src 绑定的完整表达式文本
+              const srcText = context.getSourceCode().getText(srcBinding.value.expression);
+
+              // 获取 :src 属性的完整文本
+              const fullSrcText = context.getSourceCode().getText(srcBinding);
+
+              // 计算替换文本
+              let replacement;
+              if (fullSrcText.startsWith(':')) {
+                replacement = `v-lazy="${srcText}"`;
+              } else if (fullSrcText.startsWith('v-bind:')) {
+                replacement = `v-lazy="${srcText}"`;
+              } else {
+                replacement = `v-lazy="${srcText}"`;
+              }
+
+              // 精确替换，不添加额外空格
+              return fixer.replaceText(srcBinding, replacement);
+            },
+          });
+        }
+      },
+    });
+  },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-light",
-  "version": "1.0.12",
+  "version": "1.0.15",
   "description": "Simple Eslint Plugin",
   "keywords": [
     "eslint",
@@ -8,7 +8,7 @@
     "eslint-plugin",
     "eslint-plugin-light"
   ],
-  "homepage": "https://novlan1.github.io/plugin-light/zh/eslint-plugin-light.html",
+  "homepage": "https://novlan1.github.io/docs/plugin-light/zh/eslint-plugin-light.html",
   "bugs": {
     "url": "https://github.com/novlan1/plugin-light/issues"
   },