eslint-plugin-semi-design 2.13.0 → 2.14.0-beta.1

package/README-zh_CN.md

@@ -50,6 +50,15 @@ import { Button } from '@douyinfe/semi-ui';
 import Button from '../button';
 ```
 
+### ✅ 不能在 semi-foundation 引用 React 或 ReactDOM
+
+```javascript
+// ❌ 
+// packages/semi-foundation/input/foundation.ts
+import React from 'react';
+import ReactDOM from 'react-dom';
+```
+
 ## 相关资料
 
 - eslint plugin 文档：https://eslint.org/docs/developer-guide/working-with-plugins

package/README.md

@@ -50,6 +50,15 @@ import Button from '../button';
 
 ```
 
+### ✅ Should not import React or ReactDOM in semi-foundation
+
+```javascript
+// ❌ 
+// packages/semi-foundation/input/foundation.ts
+import React from 'react';
+import ReactDOM from 'react-dom';
+```
+
 ## Related docs
 
 - eslint plugin doc：https://eslint.org/docs/developer-guide/working-with-plugins

package/lib/rules/no-import.js

@@ -15,7 +15,8 @@ const rule = {
             unexpected: "Unexpected import statement, semi ui should not be used as a dependency of semi foundation",
             unexpectedLodashES: "Unexpected import statement, please use lodash instead of lodash-es.",
             unexpectedRelativeImport: "Unexpected import statement, please use module name instead of relative path.",
-            unexpectedImportSelf: 'Unexpected import statement, please use relative paths to import modules in the same package.'
+            unexpectedImportSelf: 'Unexpected import statement, please use relative paths to import modules in the same package.',
+            unexpectedReactImport: "Unexpected import statement, React should not be used as a dependency of semi foundation"
         },
         schema: [],
     },
@@ -32,6 +33,9 @@ const rule = {
                     if (importName.includes('semi-ui')) {
                         context.report({ node, messageId: "unexpected" });
                     }
+                    if (importName.includes('react') || importName.includes('react-dom')) {
+                        context.report({ node, messageId: "unexpectedReactImport" });
+                    }
                 }
                 if (isFoundationFile || isUIFile) {
                     if (importName.includes('lodash-es')) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-semi-design",
-  "version": "2.13.0",
+  "version": "2.14.0-beta.1",
   "description": "semi ui eslint plugin",
   "keywords": [
     "semi",
@@ -40,5 +40,5 @@
   "bugs": {
     "url": "https://github.com/DouyinFE/semi-design/issues"
   },
-  "gitHead": "27671f7d0a04e5569c6bf16c0c6ea6c547a77016"
+  "gitHead": "7c7bcfeba01bbe507ab38f4b0354e2e7d79868a0"
 }