@apdesign/code-style-react 1.2.3 → 2.0.1

package/stylelint/{.stylelintrc.js → rules/.stylelintrc.js}

@@ -1,39 +1,39 @@
-const path = require('path');
-
-module.exports = {
-  extends: ['stylelint-config-standard'],
-  plugins: [
-    'stylelint-less',
-    'stylelint-scss',
-    path.join(__dirname, 'rules/color-must-use-variable.js'),
-  ],
-  overrides: [
-    {
-      files: ['**/*.less'],
-      customSyntax: 'postcss-less',
-    },
-    {
-      files: ['**/*.scss', '**/*.sass'],
-      customSyntax: 'postcss-scss',
-    },
-  ],
-  rules: {
-    'selector-class-pattern': '^[a-z][a-zA-Z0-9-]*$',
-    'selector-pseudo-class-no-unknown': [
-      true,
-      {
-        ignorePseudoClasses: ['global'],
-      },
-    ],
-
-    'media-feature-range-notation': null,
-    'property-no-vendor-prefix': null,
-
-    'custom/color-must-use-variable': [
-      true,
-      {
-        severity: 'warning',
-      },
-    ],
-  },
-};
+const path = require('node:path');
+
+module.exports = {
+  extends: ['stylelint-config-standard'],
+  plugins: [
+    'stylelint-less',
+    'stylelint-scss',
+    path.join(__dirname, 'rules/color-must-use-variable.js'),
+  ],
+  overrides: [
+    {
+      files: ['**/*.less'],
+      customSyntax: 'postcss-less',
+    },
+    {
+      files: ['**/*.scss', '**/*.sass'],
+      customSyntax: 'postcss-scss',
+    },
+  ],
+  rules: {
+    'selector-class-pattern': '^[a-z][a-zA-Z0-9-]*$',
+    'selector-pseudo-class-no-unknown': [
+      true,
+      {
+        ignorePseudoClasses: ['global'],
+      },
+    ],
+
+    'media-feature-range-notation': null,
+    'property-no-vendor-prefix': null,
+
+    'custom/color-must-use-variable': [
+      true,
+      {
+        severity: 'warning',
+      },
+    ],
+  },
+};

package/stylelint/rules/color-must-use-variable.js

@@ -1,61 +1,63 @@
-const stylelint = require('stylelint');
-const valueParser = require('postcss-value-parser');
-const cssColorNames = require('css-color-names');
-const cssColorKeywords = Object.keys(cssColorNames);
-
-const ruleName = 'custom/color-must-use-variable';
-const messages = stylelint.utils.ruleMessages(ruleName, {
-  expected: (val) => `Expected color "${val}" to be a color variable`,
-});
-
-const colorWordRegex = new RegExp(
-  `^(#(?:[0-9a-fA-F]{3,8})|(?:${cssColorKeywords.join('|')}))$`,
-  'i',
-);
-
-const isColorWord = (node) => node.type === 'word' && colorWordRegex.test(node.value);
-const isHardcodedFunctionColor = (node) =>
-  node.type === 'function' && /^(rgb|rgba|hsl|hsla|lab|lch)$/i.test(node.value);
-const containsVar = (node) => {
-  if (node.type === 'function' && node.value === 'var') return true;
-  if (node.type === 'word' && (node.value.startsWith('@') || node.value.startsWith('$')))
-    return true;
-  if (node.nodes && node.nodes.length) {
-    return node.nodes.some(containsVar);
-  }
-  return false;
-};
-
-module.exports = stylelint.createPlugin(ruleName, (primaryOption, secondaryOptions = {}) => {
-  return (root, result) => {
-    root.walkDecls((decl) => {
-      let parsedValue;
-      try {
-        parsedValue = valueParser(decl.value);
-      } catch (e) {
-        return; // 解析失败跳过
-      }
-
-      parsedValue.walk((node) => {
-        const nodeStr = valueParser.stringify(node);
-        if (containsVar(node)) return; // 跳过包含 var() 的
-
-        if (isColorWord(node) || isHardcodedFunctionColor(node)) {
-          stylelint.utils.report({
-            ruleName,
-            result,
-            node: decl,
-            message: messages.expected(nodeStr),
-            word: nodeStr,
-            index: decl.value.indexOf(nodeStr),
-            endIndex: decl.value.indexOf(nodeStr) + nodeStr.length,
-            severity: secondaryOptions.severity || 'error',
-          });
-        }
-      });
-    });
-  };
-});
-
-module.exports.ruleName = ruleName;
-module.exports.messages = messages;
+const stylelint = require('stylelint');
+const valueParser = require('postcss-value-parser');
+const cssColorNames = require('css-color-names');
+const cssColorKeywords = Object.keys(cssColorNames);
+
+const ruleName = 'custom/color-must-use-variable';
+const messages = stylelint.utils.ruleMessages(ruleName, {
+  expected: (val) => `Expected color "${val}" to be a color variable`,
+});
+
+const colorWordRegex = new RegExp(
+  `^(#(?:[0-9a-fA-F]{3,8})|(?:${cssColorKeywords.join('|')}))$`,
+  'i',
+);
+
+const colorFunctionRegex = /^(rgb|rgba|hsl|hsla|lab|lch)$/i;
+
+const isColorWord = (node) => node.type === 'word' && colorWordRegex.test(node.value);
+const isHardcodedFunctionColor = (node) =>
+  node.type === 'function' && colorFunctionRegex.test(node.value);
+const containsVar = (node) => {
+  if (node.type === 'function' && node.value === 'var') return true;
+  if (node.type === 'word' && (node.value.startsWith('@') || node.value.startsWith('$')))
+    return true;
+  if (node.nodes?.length) {
+    return node.nodes.some(containsVar);
+  }
+  return false;
+};
+
+module.exports = stylelint.createPlugin(ruleName, (_primaryOption, secondaryOptions = {}) => {
+  return (root, result) => {
+    root.walkDecls((decl) => {
+      let parsedValue;
+      try {
+        parsedValue = valueParser(decl.value);
+      } catch (_e) {
+        return; // 解析失败跳过
+      }
+
+      parsedValue.walk((node) => {
+        const nodeStr = valueParser.stringify(node);
+        if (containsVar(node)) return; // 跳过包含 var() 的
+
+        if (isColorWord(node) || isHardcodedFunctionColor(node)) {
+          stylelint.utils.report({
+            ruleName,
+            result,
+            node: decl,
+            message: messages.expected(nodeStr),
+            word: nodeStr,
+            index: decl.value.indexOf(nodeStr),
+            endIndex: decl.value.indexOf(nodeStr) + nodeStr.length,
+            severity: secondaryOptions.severity || 'error',
+          });
+        }
+      });
+    });
+  };
+});
+
+module.exports.ruleName = ruleName;
+module.exports.messages = messages;

package/eslint/.eslintrc.build.js

@@ -1,107 +0,0 @@
-module.exports = {
-  root: true,
-  env: {
-    browser: true,
-    node: true,
-    es2021: true,
-  },
-  parser: '@typescript-eslint/parser',
-  extends: [
-    'airbnb',
-    'airbnb/hooks',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:import/errors',
-    'plugin:import/warnings',
-    'prettier',
-  ],
-  plugins: ['@typescript-eslint', 'import', 'jsx-a11y', 'react', 'react-hooks'],
-  rules: {
-    'arrow-body-style': 'off',
-
-    camelcase: 'off',
-    'class-methods-use-this': 'off',
-
-    'dot-notation': 'warn',
-
-    'import/order': 'warn',
-    'import/first': 'off',
-    'import/extensions': 'off',
-    'import/prefer-default-export': 'off',
-    'import/newline-after-import': 'warn',
-    'react/jsx-curly-brace-presence': 'warn',
-
-    'jsx-a11y/click-events-have-key-events': 'off',
-    'jsx-a11y/no-static-element-interactions': 'off',
-    'jsx-a11y/no-noninteractive-element-interactions': 'off',
-
-    'linebreak-style': 'off',
-    'lines-between-class-members': 'warn',
-
-    'max-classes-per-file': 'off',
-
-    'no-undef': 'off',
-    'no-plusplus': 'off',
-
-    'prefer-template': 'warn',
-
-    'react/function-component-definition': 'off',
-    'react-hooks/exhaustive-deps': 'off',
-    'react/prop-types': 'off',
-    'react/react-in-jsx-scope': 'off',
-    'react/require-default-props': 'off',
-    'react/jsx-boolean-value': 'off',
-    'react/jsx-filename-extension': 'off',
-    'react/jsx-props-no-spreading': 'off',
-    'react/self-closing-comp': 'off',
-    'react/jsx-no-useless-fragment': 'off',
-    'react/no-array-index-key': 'warn',
-
-    'spaced-comment': 'warn',
-
-    '@typescript-eslint/no-explicit-any': 'warn',
-
-    'no-use-before-define': 'off',
-    '@typescript-eslint/no-use-before-define': ['warn'],
-
-    'no-unused-vars': 'off',
-    '@typescript-eslint/no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
-
-    'no-useless-constructor': 'off',
-    '@typescript-eslint/no-useless-constructor': 'warn',
-
-    'no-shadow': 'off',
-    '@typescript-eslint/no-shadow': 'warn',
-
-    'no-empty-function': ['warn', { allow: ['constructors', 'arrowFunctions'] }],
-    'no-param-reassign': ['warn', { props: true, ignorePropertyModificationsFor: ['draft'] }],
-    'no-restricted-syntax': [
-      'warn',
-      {
-        selector: "CallExpression[callee.name='useMemo']",
-        message: 'Avoid using useMemo unless caching a computed value improves performance.',
-      },
-      {
-        selector: "CallExpression[callee.name='useCallback']",
-        message:
-          'Avoid using useCallback unless you need to cache a function to prevent unnecessary re-renders.',
-      },
-    ],
-  },
-  parserOptions: {
-    sourceType: 'module',
-  },
-  ignorePatterns: ['dist/', 'node_modules/', '*.d.ts', 'mock', '.eslintrc.cjs'],
-  settings: {
-    react: {
-      version: 'detect',
-    },
-    'import/resolver': {
-      alias: {
-        map: [
-          ['@', './src'], // 将 '@' 映射到 'src' 目录
-        ],
-        extensions: ['.ts', '.tsx', '.js', '.jsx', '.d.ts'],
-      },
-    },
-  },
-};

package/eslint/.eslintrc.js

@@ -1,107 +0,0 @@
-module.exports = {
-  root: true,
-  env: {
-    browser: true,
-    node: true,
-    es2021: true,
-  },
-  parser: '@typescript-eslint/parser',
-  extends: [
-    'airbnb',
-    'airbnb/hooks',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:import/errors',
-    'plugin:import/warnings',
-    'prettier',
-  ],
-  plugins: ['@typescript-eslint', 'import', 'jsx-a11y', 'react', 'react-hooks'],
-  rules: {
-    'arrow-body-style': 'off',
-
-    camelcase: 'off',
-    'class-methods-use-this': 'off',
-
-    'dot-notation': 'warn',
-
-    'import/order': 'warn',
-    'import/first': 'off',
-    'import/extensions': 'off',
-    'import/prefer-default-export': 'off',
-    'import/newline-after-import': 'warn',
-
-    'jsx-a11y/click-events-have-key-events': 'off',
-    'jsx-a11y/no-static-element-interactions': 'off',
-    'jsx-a11y/no-noninteractive-element-interactions': 'off',
-
-    'linebreak-style': 'off',
-    'lines-between-class-members': 'warn',
-
-    'max-classes-per-file': 'off',
-
-    'no-undef': 'off',
-    'no-plusplus': 'off',
-
-    'prefer-template': 'warn',
-
-    'react/function-component-definition': 'off',
-    'react-hooks/exhaustive-deps': 'off',
-    'react/prop-types': 'off',
-    'react/react-in-jsx-scope': 'off',
-    'react/require-default-props': 'off',
-    'react/jsx-boolean-value': 'off',
-    'react/jsx-filename-extension': 'off',
-    'react/jsx-props-no-spreading': 'off',
-    'react/self-closing-comp': 'off',
-    'react/jsx-no-useless-fragment': 'off',
-    'react/no-array-index-key': 'warn',
-    'react/jsx-curly-brace-presence': 'warn',
-
-    'spaced-comment': 'warn',
-
-    '@typescript-eslint/no-explicit-any': 'warn',
-
-    'no-use-before-define': 'off',
-    '@typescript-eslint/no-use-before-define': ['warn'],
-
-    'no-unused-vars': 'off',
-    '@typescript-eslint/no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
-
-    'no-useless-constructor': 'off',
-    '@typescript-eslint/no-useless-constructor': 'error',
-
-    'no-shadow': 'off',
-    '@typescript-eslint/no-shadow': 'warn',
-
-    'no-empty-function': ['warn', { allow: ['constructors', 'arrowFunctions'] }],
-    'no-param-reassign': ['warn', { props: true, ignorePropertyModificationsFor: ['draft'] }],
-    'no-restricted-syntax': [
-      'warn',
-      {
-        selector: "CallExpression[callee.name='useMemo']",
-        message: 'Avoid using useMemo unless caching a computed value improves performance.',
-      },
-      {
-        selector: "CallExpression[callee.name='useCallback']",
-        message:
-          'Avoid using useCallback unless you need to cache a function to prevent unnecessary re-renders.',
-      },
-    ],
-  },
-  parserOptions: {
-    sourceType: 'module',
-  },
-  ignorePatterns: ['dist/', 'node_modules/', '*.d.ts', 'mock', '.eslintrc.cjs'],
-  settings: {
-    react: {
-      version: 'detect',
-    },
-    'import/resolver': {
-      alias: {
-        map: [
-          ['@', './src'], // 将 '@' 映射到 'src' 目录
-        ],
-        extensions: ['.ts', '.tsx', '.js', '.jsx', '.d.ts'],
-      },
-    },
-  },
-};