@ai0x0/utils 0.8.0 → 0.9.0

package/.agents/skills/antd/SKILL.md

@@ -239,7 +239,6 @@ setState({ open: false, current: undefined });
 
 - `require-use-form`：受控表单字段必须交给 Form 管理。
 - `require-form-convention`：Form/onFinish/rules/Modal 提交/错误提示约定。
-- `require-pro-components`：ModalForm、ProForm 字段和 submitter 约定。
 - `no-hardcoded-style`：token 样式约定。
 - `no-antd-space`：Flex 替代 Space。
 - `no-use-request-run`：`runAsync` 替代 `run`。

package/.agents/skills/nextjs/SKILL.md

@@ -235,9 +235,9 @@ ESLint 按行数强制分区数量：
 - `ai0x0/no-antd-space`：禁止 `<Space>` / `<Space.Compact>`，使用 `<Flex>`。
 - `ai0x0/require-use-form`：表单字段状态不能用 `useState` / `useSetState` 管。
 - `ai0x0/require-form-convention`：Form 必须 `onFinish`，字段必须 rules，禁止 Modal.onOk 提交。
-- `ai0x0/require-pro-components`：业务表单优先 ProComponents。
 - `ai0x0/no-use-request-run`：禁止解构 `run`，使用 `runAsync` 并在调用处 `await`。
 - `ai0x0/no-consecutive-setstate`：连续 `setState({ ... })` 要合并成一次。
+- scoped（不进 recommended，项目自行按 files 开启）：`ai0x0/api-route-via-nrf`、`ai0x0/no-direct-api-url`、`ai0x0/no-hardcoded-text`（i18n 裸文案闸，legacy 旧账名单经选项传入）。
 
 ## 常用命令
 

package/README.md

@@ -110,7 +110,6 @@ export default [
 | `no-one-letter-vars`      | Forbid single-letter variable names                                     |
 | `no-then`                 | Prefer `async/await` over `.then()`                                     |
 | `no-antd-space`           | Use `<Flex>` instead of `<Space>`                                       |
-| `require-pro-components`  | Require ProComponents usage                                             |
 | `require-section-divider` | Large files need `===` comment dividers                                 |
 | `no-consecutive-setstate` | Merge consecutive `setState` calls                                      |
 | `no-use-request-run`      | Forbid `useRequest.run()`                                               |
@@ -118,6 +117,8 @@ export default [
 | `require-form-convention` | Form naming conventions                                                 |
 | `max-lines`               | Limit each file to 500 code lines and prompt splitting into child files |
 
+Scoped rules (not in `recommended`; enable per-file-glob in your own config): `api-route-via-nrf`, `no-direct-api-url`, `no-hardcoded-text` (i18n hardcoded-text gate with a `legacy` exemption list).
+
 ### Shared restrictions (`eslint-config/`)
 
 Pre-defined `no-restricted-syntax` selectors for antd + ahooks convention enforcement:
@@ -147,7 +148,7 @@ export default [
 ];
 ```
 
-Restrictions cover: `TryStatement`, `as` (non-const), `useState`, `useEffect`, `useMemo`, `useCallback`, native `div/span/p/h` tags, hardcoded colors, `fetch` and `new WebSocket()`.
+Restrictions cover: `TryStatement`, `as` (non-const), `useState`, `useEffect`, `useMemo`, `useCallback`, `memo()`, native `div/span/p/h` tags, hardcoded colors, `fetch` and `new WebSocket()`.
 
 ## Installation
 

package/eslint-config/index.js

@@ -6,10 +6,15 @@
  *   import { ai0x0, allRestrictions, allRestrictionsWithNetworking }
  *     from "@ai0x0/utils/eslint-config/index.js";
  */
-import localPlugin from "../eslint-rules/index.js";
+import localPlugin, { SCOPED_RULES } from "../eslint-rules/index.js";
 
 export { localPlugin as ai0x0 };
 
+// 不进 recommended、需要调用方按 files 自行开启的规则名单。消费方按规则名全量铺 recommended
+// 之外的规则时（比如自己组装 rules 表），用这个集合过滤，别在调用方手抄一份 —— 手抄的
+// 那份在新增 scoped 规则时不会跟着更新。
+export { SCOPED_RULES };
+
 export const allRestrictions = [
   {
     selector: "TryStatement",
@@ -40,6 +45,12 @@ export const allRestrictions = [
     selector: "CallExpression[callee.name='useCallback']",
     message: "禁止 useCallback。React Compiler 会自动记忆化，无需手动优化。",
   },
+  {
+    selector:
+      ":matches(CallExpression[callee.name='memo'], CallExpression[callee.object.name='React'][callee.property.name='memo'])",
+    message:
+      "禁止 memo()。React Compiler 会自动记忆化；手写 memo 只会多一套独立的 props 浅比较，还容易把热点修在组件边界上、掩盖真正不稳定的 props。",
+  },
   {
     selector: "JSXOpeningElement[name.name=/^(div|span|p|h[1-6])$/]",
     message:

package/eslint-rules/index.js

@@ -5,7 +5,6 @@ import requireSectionDivider from "./require-section-divider.js";
 import noHardcodedStyle from "./no-hardcoded-style.js";
 import requireUseForm from "./require-use-form.js";
 import requireFormConvention from "./require-form-convention.js";
-import requireProComponents from "./require-pro-components.js";
 import noAntdSpace from "./no-antd-space.js";
 import noUseRequestRun from "./no-use-request-run.js";
 import noThen from "./no-then.js";
@@ -14,13 +13,13 @@ import noConsecutiveSetState from "./no-consecutive-setstate.js";
 import maxLines from "./max-lines.js";
 import apiRouteViaNrf from "./api-route-via-nrf.js";
 import noDirectApiUrl from "./no-direct-api-url.js";
+import noHardcodedText from "./no-hardcoded-text.js";
 
 const rules = {
   "require-section-divider": requireSectionDivider,
   "no-hardcoded-style": noHardcodedStyle,
   "require-use-form": requireUseForm,
   "require-form-convention": requireFormConvention,
-  "require-pro-components": requireProComponents,
   "no-antd-space": noAntdSpace,
   "no-use-request-run": noUseRequestRun,
   "no-then": noThen,
@@ -29,14 +28,21 @@ const rules = {
   "max-lines": maxLines,
   "api-route-via-nrf": apiRouteViaNrf,
   "no-direct-api-url": noDirectApiUrl,
+  "no-hardcoded-text": noHardcodedText,
 };
 
-// 这两条只管「特定位置」的代码，不能跟着 recommended 全局开：
+// 这三条只管「特定位置」的代码，不能跟着 recommended 全局开：
 //   · api-route-via-nrf 只该挂在 API 路由文件上（别的文件 export 一个叫 GET 的函数是自由的）；
-//   · no-direct-api-url 只该挂在前端目录上（后端与中间件里出现 "/api/..." 字面量是本分）。
+//   · no-direct-api-url 只该挂在前端目录上（后端与中间件里出现 "/api/..." 字面量是本分）；
+//   · no-hardcoded-text 只该挂在做了国际化的项目上（没接语言包的项目开了就是满屏误报），
+//     且旧账豁免名单由调用方经 legacy 选项传入。
 // 调用方在 flat config 里用 files 圈定范围自行开启，豁免文件用 files override 关掉，
-// 用法写在两条规则各自的文件头。
-const SCOPED_RULES = new Set(["api-route-via-nrf", "no-direct-api-url"]);
+// 用法写在各条规则的文件头。
+export const SCOPED_RULES = new Set([
+  "api-route-via-nrf",
+  "no-direct-api-url",
+  "no-hardcoded-text",
+]);
 
 const plugin = {
   rules,

package/eslint-rules/max-lines.js

@@ -62,7 +62,7 @@ const rule = {
     ],
     messages: {
       tooManyLines:
-        "单文件代码行数过多（{{ lineCount }} 行，最多 {{ max }} 行），请拆分为子文件。",
+        "单文件代码行数过多（{{ lineCount }} 行，最多 {{ max }} 行{{ skipped }}），请拆分为子文件。",
     },
   },
   create(context) {
@@ -97,6 +97,18 @@ const rule = {
           return;
         }
 
+        // 行数口径要写进消息里：默认注释与空行都不算，不说明的话看消息的人会拿
+        // 编辑器底部的总行数去对，对不上。
+        const skippedParts = [];
+        if (options.skipComments) {
+          skippedParts.push("注释");
+        }
+        if (options.skipBlankLines) {
+          skippedParts.push("空行");
+        }
+        const skipped =
+          skippedParts.length > 0 ? `，${skippedParts.join("与")}不计入` : "";
+
         context.report({
           node,
           loc: {
@@ -107,6 +119,7 @@ const rule = {
           data: {
             lineCount,
             max: options.max,
+            skipped,
           },
         });
       },

package/eslint-rules/no-hardcoded-style.js

@@ -450,7 +450,7 @@ const rule = {
     schema: [],
     messages: {
       noHardcoded:
-        "禁止硬编码 `{{ {{key}}: {{value}} }}`。请使用 antd token（如 `token.marginSM`、`token.colorPrimary`）。可参考 node_modules/@ai0x0/utils/.agents/skills/antd/SKILL.md 了解 token 体系。",
+        "禁止硬编码 `{{ {{key}}: {{value}} }}`。请用 antd token：间距用 `token.marginSM` / `token.paddingSM`，颜色用 `token.colorPrimary` / `token.colorText`，圆角用 `token.borderRadius`（经 `theme.useToken()` 或 createStyles 的 token 参数取）。",
     },
   },
   create(context) {

package/eslint-rules/no-hardcoded-text.js

@@ -0,0 +1,157 @@
+// =============================================================================
+// 旧账名单之外的文件里，JSX 正文与文案属性不许写裸中文
+// =============================================================================
+// 国际化迁移要跨好几周，期间新代码还在往里加中文 —— 不拦的话分母是个移动靶，做得再快也
+// 追不上。但把整仓库一起开成 error 是不现实的（当场几千个报错，只会被人整条关掉）。
+//
+// 所以这条规则带一份**只减不增的旧账名单**（由各项目的生成脚本维护，经 options.legacy
+// 传入）：名单里的文件一个字都不报，名单外的一条都不许有。**新建的文件天然在名单外**，
+// 从第一行起就受管；一个文件迁完了就从名单里划掉，划掉之后它再也回不去。
+//
+// 名单是「文件还剩多少没迁」的唯一判据，不能拿「这个文件有没有 import i18n 库」代替 ——
+// 迁移是分批的（先抽共用词表、再按模块走），一个文件很可能刚接上语言包、里头还剩二十条
+// 没动。按 import 判的话，那二十条会在文件刚接上的当天集体变成 error。
+//
+// 只认两个位置 —— JSX 正文与文案属性。这不是偷懒：正是这两处不会与「中文当值用」相混
+//（.describe() 的 API 文档、枚举值、css`` 里的注释都长不到这两个位置上），所以这条规则
+// 不需要那一整套语法位置判断，也就不会误报。
+//
+// **这条规则不进 recommended**（见 index.js 的 SCOPED_RULES）：没做国际化的项目不该被它
+// 扫到。要用的项目在自己的 flat config 里按 files 圈定范围、把自己的旧账名单传给
+// legacy 选项。
+
+const CJK = /[一-鿿]/;
+
+/** 摆文案的属性名。调用方若有配套的文案扫描脚本，两份名单要保持同源。 */
+const TEXT_PROPS = new Set([
+  "label",
+  "title",
+  "placeholder",
+  "tooltip",
+  "desc",
+  "description",
+  "okText",
+  "cancelText",
+  "emptyText",
+  "extra",
+  "header",
+  "footer",
+  "alt",
+  "tip",
+  "subTitle",
+  "content",
+  "message",
+  "hint",
+  "heading",
+  "caption",
+]);
+
+// =============================================================================
+// 取值
+// =============================================================================
+
+/** 一个节点里的中文文本，没有就返回空串。模板串把静态片段拼起来看。 */
+function chineseIn(node) {
+  if (!node) {
+    return "";
+  }
+  if (node.type === "Literal" && typeof node.value === "string") {
+    return CJK.test(node.value) ? node.value : "";
+  }
+  if (node.type === "TemplateLiteral" && node.quasis) {
+    const text = node.quasis.map((part) => part.value.raw).join("${…}");
+    return CJK.test(text) ? text : "";
+  }
+  // JSX 属性里的 `{...}`：真正的值在里头。
+  if (node.type === "JSXExpressionContainer") {
+    return chineseIn(node.expression);
+  }
+  return "";
+}
+
+/** 属性名。标识符（`label:`、`label=`）读 name，字符串键（`"label":`）读 value。 */
+function nameOf(node) {
+  if (!node) {
+    return "";
+  }
+  if (typeof node.name === "string") {
+    return node.name;
+  }
+  if (node.type === "Literal" && typeof node.value === "string") {
+    return node.value;
+  }
+  return "";
+}
+
+// =============================================================================
+// 规则
+// =============================================================================
+
+/** @type {import('eslint').Rule.RuleModule} */
+const rule = {
+  meta: {
+    type: "problem",
+    docs: {
+      description: "旧账名单之外的文件里，JSX 正文与文案属性不许写裸中文。",
+    },
+    schema: [
+      {
+        type: "object",
+        properties: {
+          /** 还没迁完的文件（仓库相对路径），这些文件里一个字都不报。 */
+          legacy: { type: "array", items: { type: "string" } },
+        },
+        additionalProperties: false,
+      },
+    ],
+    messages: {
+      hardcoded:
+        "界面文案要走语言包：把「{{text}}」搬进语言包文件，用 i18n 取值函数读取。这个文件不在旧账豁免名单里。",
+    },
+  },
+  create(context) {
+    const options = context.options[0] ?? {};
+    // eslint 给的是绝对路径，名单里存的是仓库相对路径 —— 按后缀比，免得把 cwd 也写进名单
+    //（那样名单换台机器就全失效，而失效的样子是「突然多出几千个报错」）。
+    const here = context.filename.replaceAll("\\", "/");
+    // 测试文件里的中文是**夹具**不是界面文案：被测的输入本身就该是中文。名单是「只减不增」
+    // 的，把测试文件塞进去等于把它变成垃圾桶。
+    const isTest = /\.test\.tsx?$/.test(here);
+    const skipped =
+      isTest || (options.legacy ?? []).some((file) => here.endsWith(file));
+
+    const report = (node, text) => {
+      if (skipped || !text) {
+        return;
+      }
+      context.report({
+        node,
+        messageId: "hardcoded",
+        data: { text: text.replace(/\s+/g, " ").trim().slice(0, 20) },
+      });
+    };
+
+    return {
+      JSXText(node) {
+        const text = node.value ?? "";
+        if (CJK.test(text)) {
+          report(node, text);
+        }
+      },
+      JSXAttribute(node) {
+        if (!TEXT_PROPS.has(nameOf(node.name))) {
+          return;
+        }
+        report(node, chineseIn(node.value));
+      },
+      Property(node) {
+        if (!TEXT_PROPS.has(nameOf(node.key))) {
+          return;
+        }
+        report(node, chineseIn(node.value));
+      },
+    };
+  },
+};
+
+export default rule;

package/eslint-rules/require-use-form.js

@@ -23,7 +23,7 @@ const rule = {
     schema: [],
     messages: {
       useFormRequired:
-        "检测到表单场景使用了 useState/useSetState 管理字段值。请改用 Form.useForm() 或 rc-field-form 的 useForm。详见 node_modules/@ai0x0/utils/.agents/skills/antd/SKILL.md。",
+        "检测到表单场景使用了 useState/useSetState 管理字段值。请改用 Form.useForm()（ProForm 场景直接交给 ProForm 字段），不要手写受控状态。",
     },
   },
   create(context) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai0x0/utils",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "AI0x0 utils",
   "keywords": [
     "ai0x0"

package/eslint-rules/require-pro-components.js

@@ -1,131 +0,0 @@
-/**
- * require-pro-components
- * ----------------------
- * 约束前端业务代码：
- * 1. 禁止直接使用 antd <Modal>，必须用 @ant-design/pro-components 的 <ModalForm>
- * 2. 禁止直接使用 <Form.Item>，必须用 @ant-design/pro-components 的 ProForm* 组件
- * 3. ProForm* 组件必须设置 rules 进行校验，否则需要 eslint-disable 注明原因
- *
- * 例外场景：
- * - noStyle 的 Form.Item（仅作布局容器）
- * - ProForm 容器本身（不是字段组件）
- * - ProFormDependency、ProFormFieldSet、ProFormList 等非字段组件
- */
-
-const PROFORM_CONTAINER_COMPONENTS = new Set([
-  "ProForm",
-  "ProFormDependency",
-  "ProFormFieldSet",
-  "ProFormList",
-  "ProFormGrid",
-  "ProFormGroup",
-]);
-
-/** @type {import('eslint').Rule.RuleModule} */
-const rule = {
-  meta: {
-    type: "suggestion",
-    docs: {
-      description:
-        "禁止直接使用 antd <Modal>（用 ModalForm 代替），禁止直接使用 <Form.Item>（用 ProForm* 代替），ProForm* 必须设置 rules",
-    },
-    schema: [],
-    messages: {
-      useModalForm:
-        "禁止直接使用 antd <Modal>，请使用 @ant-design/pro-components 的 <ModalForm> 代替。",
-      useProFormItem:
-        "禁止直接使用 <Form.Item>，请使用 @ant-design/pro-components 的 ProFormText / ProFormSelect / ProFormItem 等组件代替。",
-      needProFormRules:
-        "<{{tag}}> 必须设置 rules 进行校验。如果确实不需要校验，请用 // eslint-disable-next-line 注明原因。",
-      noSubmitHtmlType:
-        '禁止使用 <Button htmlType="submit">，请使用 ProForm 的 submitter 属性提交表单。',
-    },
-  },
-  create(context) {
-    const getTagName = (name) => {
-      if (name.type === "JSXIdentifier") return name.name;
-      if (
-        name.type === "JSXMemberExpression" &&
-        name.object.type === "JSXIdentifier" &&
-        name.property.type === "JSXIdentifier"
-      ) {
-        return `${name.object.name}.${name.property.name}`;
-      }
-      return "";
-    };
-
-    return {
-      JSXOpeningElement(node) {
-        const tagName = getTagName(node.name);
-
-        // <Modal>
-        if (tagName === "Modal") {
-          context.report({
-            node: node,
-            messageId: "useModalForm",
-          });
-        }
-
-        // <Form.Item>
-        if (tagName === "Form.Item") {
-          let isNoStyle = false;
-          for (const attr of node.attributes) {
-            if (attr.type !== "JSXAttribute" || !attr.name) continue;
-            if (attr.name.name === "noStyle") {
-              isNoStyle = true;
-              break;
-            }
-          }
-          if (!isNoStyle) {
-            context.report({
-              node: node,
-              messageId: "useProFormItem",
-            });
-          }
-        }
-
-        // <Button htmlType="submit">
-        if (tagName === "Button") {
-          for (const attr of node.attributes) {
-            if (attr.type !== "JSXAttribute" || !attr.name) continue;
-            if (
-              attr.name.name === "htmlType" &&
-              attr.value &&
-              attr.value.type === "Literal" &&
-              attr.value.value === "submit"
-            ) {
-              context.report({
-                node: attr,
-                messageId: "noSubmitHtmlType",
-              });
-            }
-          }
-        }
-
-        // ProForm* field components must have rules
-        if (
-          tagName.startsWith("ProForm") &&
-          !PROFORM_CONTAINER_COMPONENTS.has(tagName)
-        ) {
-          let hasRules = false;
-          for (const attr of node.attributes) {
-            if (attr.type !== "JSXAttribute" || !attr.name) continue;
-            if (attr.name.name === "rules") {
-              hasRules = true;
-              break;
-            }
-          }
-          if (!hasRules) {
-            context.report({
-              node: node,
-              messageId: "needProFormRules",
-              data: { tag: tagName },
-            });
-          }
-        }
-      },
-    };
-  },
-};
-
-export default rule;