eslint-plugin-light 1.0.22 → 1.0.23

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## <small>1.0.23 (2026-04-27)</small>
+
+* feat(plugin-light): 三元表达式不修复 ([ecabda4](https://github.com/novlan1/plugin-light/commits/ecabda4))
+* chore: update docs ([84adc98](https://github.com/novlan1/plugin-light/commits/84adc98))
+
+
+
 ## <small>1.0.22 (2026-03-24)</small>
 
 * feat: add no-complex-style-class rule ([2cc25ee](https://github.com/novlan1/plugin-light/commits/2cc25ee))

package/README.md

@@ -5,8 +5,8 @@
   <img src="https://img.shields.io/npm/unpacked-size/eslint-plugin-light">
   <img src="https://img.shields.io/npm/v/eslint-plugin-light">
   <img src="https://img.shields.io/npm/l/eslint-plugin-light">
-  <img src="https://img.shields.io/github/last-commit/novlan1/plugin-light">
-  <img src="https://img.shields.io/github/created-at/novlan1/plugin-light">
+  <img src="https://img.shields.io/badge/TypeScript-strict-blue?logo=typescript&logoColor=white" alt="TypeScript strict">
+  <img src="https://img.shields.io/badge/created-2022--01-blue?logo=github&logoColor=white">
 </p>
 
 简单、易用的 ESLint 插件库。

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

@@ -9,11 +9,25 @@ module.exports = {
       recommended: true,
     },
     fixable: 'code',
+    messages: {
+      useVLazy: 'Use v-lazy instead of :src for image loading',
+      useVLazyManual: 'Use v-lazy instead of :src for image loading (manual replacement required: conditional or fallback expression detected)',
+    },
     schema: [],
   },
   create(context) {
     const sourceCode = context.sourceCode || context.getSourceCode();
 
+    // 判断一个节点是否含有字符串字面量（递归检查 || 链）
+    function hasStringLiteral(n) {
+      if (!n) return false;
+      if (n.type === 'Literal' && typeof n.value === 'string') return true;
+      if (n.type === 'LogicalExpression' && n.operator === '||') {
+        return hasStringLiteral(n.left) || hasStringLiteral(n.right);
+      }
+      return false;
+    }
+
     const parserServices = getParserServices(context);
     if (!parserServices?.defineTemplateBodyVisitor) {
       return {};
@@ -32,30 +46,40 @@ module.exports = {
                  && 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 = sourceCode.getText(srcBinding.value.expression);
-
-              // 获取 :src 属性的完整文本
-              const fullSrcText = sourceCode.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);
-            },
-          });
+          const expr = srcBinding.value && srcBinding.value.expression;
+
+          const isConditional = expr && expr.type === 'ConditionalExpression';
+          const isLogicalOr = expr && expr.type === 'LogicalExpression' && expr.operator === '||';
+          const isLiteral = expr && expr.type === 'Literal';
+
+          // 三元表达式 → 手动
+          // 顶层字符串字面量 → 手动
+          // || 且含字符串字面量 → 用反引号自动修复
+          // || 且不含字符串字面量 → 正常双引号自动修复
+          if (isConditional || isLiteral) {
+            context.report({
+              node,
+              messageId: 'useVLazyManual',
+            });
+          } else if (isLogicalOr && hasStringLiteral(expr)) {
+            context.report({
+              node,
+              messageId: 'useVLazy',
+              fix(fixer) {
+                const srcText = sourceCode.getText(expr);
+                return fixer.replaceText(srcBinding, `v-lazy=\`${srcText}\``);
+              },
+            });
+          } else {
+            context.report({
+              node,
+              messageId: 'useVLazy',
+              fix(fixer) {
+                const srcText = sourceCode.getText(expr);
+                return fixer.replaceText(srcBinding, `v-lazy="${srcText}"`);
+              },
+            });
+          }
         }
       },
     });

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

@@ -0,0 +1,87 @@
+const { RuleTester } = require('eslint');
+
+const rule = require('../rules/img-v-lazy');
+
+const FILENAME = 'test.vue';
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+  },
+});
+
+ruleTester.run('img-v-lazy', rule, {
+  valid: [
+    // 已使用 v-lazy，合法
+    {
+      code: '<template><img v-lazy="imgUrl" /></template>',
+      filename: FILENAME,
+    },
+    // 静态 src（非绑定），合法
+    {
+      code: '<template><img src="https://example.com/image.png" /></template>',
+      filename: FILENAME,
+    },
+    // 已同时有 :src 和 v-lazy，合法
+    {
+      code: '<template><img :src="imgUrl" v-lazy="imgUrl" /></template>',
+      filename: FILENAME,
+    },
+    // 非 img 标签，合法
+    {
+      code: '<template><div :src="imgUrl"></div></template>',
+      filename: FILENAME,
+    },
+  ],
+  invalid: [
+    // 普通变量绑定，可自动修复
+    {
+      code: '<template><img :src="imgUrl" /></template>',
+      filename: FILENAME,
+      errors: [{ messageId: 'useVLazy' }],
+      output: '<template><img v-lazy="imgUrl" /></template>',
+    },
+    // 成员表达式，可自动修复
+    {
+      code: '<template><img :src="item.imageUrl" /></template>',
+      filename: FILENAME,
+      errors: [{ messageId: 'useVLazy' }],
+      output: '<template><img v-lazy="item.imageUrl" /></template>',
+    },
+    // 字符串字面量，需手动替换（无 output / fix）
+    {
+      code: '<template><img :src="\'https://example.com/img.png\'" /></template>',
+      filename: FILENAME,
+      errors: [{ messageId: 'useVLazyManual' }],
+    },
+    // 三元表达式，需手动替换（无 output / fix）
+    {
+      code: '<template><img :src="item.img ? item.img : \'https://example.com/default.png\'" /></template>',
+      filename: FILENAME,
+      errors: [{ messageId: 'useVLazyManual' }],
+    },
+    // 逻辑或 + 字符串字面量，用反引号自动修复
+    {
+      code: '<template><img :src="item.img || \'https://example.com/default.png\'" /></template>',
+      filename: FILENAME,
+      errors: [{ messageId: 'useVLazy' }],
+      output: '<template><img v-lazy=`item.img || \'https://example.com/default.png\'` /></template>',
+    },
+    // 逻辑或 + 两侧都是变量，正常双引号自动修复
+    {
+      code: '<template><img :src="item.img || fallbackImg" /></template>',
+      filename: FILENAME,
+      errors: [{ messageId: 'useVLazy' }],
+      output: '<template><img v-lazy="item.img || fallbackImg" /></template>',
+    },
+    // v-bind:src 写法，可自动修复
+    {
+      code: '<template><img v-bind:src="imgUrl" /></template>',
+      filename: FILENAME,
+      errors: [{ messageId: 'useVLazy' }],
+      output: '<template><img v-lazy="imgUrl" /></template>',
+    },
+  ],
+});

package/lib/test/index.js

@@ -2,5 +2,6 @@ require('./no-complex-style-class');
 require('./no-decimal-in-brackets');
 require('./no-direct-img-src');
 require('./no-non-index-import');
+require('./img-v-lazy');
 
 console.log('所有测试通过！');

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "eslint-plugin-light",
-  "version": "1.0.22",
-  "description": "Simple Eslint Plugin",
+  "version": "1.0.23",
+  "description": "ESLint 插件",
   "keywords": [
     "eslint",
     "eslint plugin",