@apdesign/code-style-react 1.2.2 → 2.0.0

package/scripts/runStylelint.js

@@ -1,137 +1,137 @@
-#!/usr/bin/env node
-
-let spawnSync;
-let spawn;
-let path;
-let fs;
-
-async function runStylelint(targetPathArg) {
-  try {
-    if (typeof require !== 'undefined') {
-      // CommonJS
-      ({ spawnSync, spawn } = require('child_process'));
-      path = require('path');
-      fs = require('fs');
-    } else {
-      // ESM
-      ({ spawnSync, spawn } = await import('node:child_process'));
-      path = await import('node:path');
-      fs = await import('node:fs');
-    }
-
-    const targetPath = targetPathArg || process.cwd();
-    let rootDir = path.resolve(targetPath);
-
-    // 如果传的是单个目录名且路径不存在，则在 packages/ 下查找
-    if (!fs.existsSync(rootDir) && targetPath !== process.cwd()) {
-      const baseDir = process.cwd(); // 当前项目根目录
-      const fullPath = path.join(baseDir, 'packages', targetPath);
-      if (fs.existsSync(fullPath)) {
-        rootDir = fullPath;
-      } else {
-        console.error(`找不到目录: packages/${targetPath}`);
-        process.exit(1);
-      }
-    }
-
-    console.log('目标路径:', rootDir);
-
-    const gitRootResult = spawnSync('git', ['rev-parse', '--show-toplevel'], {
-      cwd: rootDir,
-      encoding: 'utf-8',
-      shell: true,
-    });
-
-    if (gitRootResult.status !== 0 || !gitRootResult.stdout) {
-      console.error('无法获取 Git 根目录，请确保路径在 Git 仓库内');
-      process.exit(1);
-    }
-
-    const gitRoot = gitRootResult.stdout.trim();
-    console.log('Git 根目录:', gitRoot);
-
-    let targetBranch = 'master';
-    if (targetPath !== process.cwd()) {
-      const lastDir = path.basename(rootDir);
-      targetBranch = `master-${lastDir.split('-').pop()}`;
-    }
-    console.log('目标分支:', targetBranch);
-
-    // 获取当前分支
-    const currentBranchResult = spawnSync('git', ['rev-parse', '--abbrev-ref', 'HEAD'], {
-      cwd: gitRoot,
-      encoding: 'utf-8',
-      shell: true,
-    });
-
-    if (currentBranchResult.status !== 0 || !currentBranchResult.stdout) {
-      console.error('无法获取当前 Git 分支');
-      process.exit(1);
-    }
-
-    const currentBranch = currentBranchResult.stdout.trim();
-    console.log('当前分支:', currentBranch);
-
-    // 切换分支并拉取最新代码
-    if (currentBranch !== targetBranch) {
-      console.log(`切换到分支 ${targetBranch} ...`);
-      const checkout = spawnSync('git', ['checkout', targetBranch], {
-        cwd: gitRoot,
-        stdio: 'inherit',
-        shell: true,
-      });
-      if (checkout.status !== 0) {
-        console.error(`切换分支失败`);
-        process.exit(1);
-      }
-    }
-
-    console.log('拉取最新代码...');
-    const pull = spawnSync('git', ['pull'], {
-      cwd: gitRoot,
-      stdio: 'inherit',
-      shell: true,
-    });
-    if (pull.status !== 0) {
-      console.error('git pull 失败');
-      process.exit(1);
-    }
-
-    const srcPath = path.join(rootDir, 'src');
-    const stylelintTarget = fs.existsSync(srcPath)
-      ? `${srcPath}/**/*.{css,scss,less}`
-      : './**/*.{css,scss,less}';
-
-    if (!fs.existsSync(srcPath)) {
-      console.warn(`src 文件夹不存在，改为检查当前目录下样式文件: ${stylelintTarget}`);
-    } else {
-      console.log(`检查目录样式文件: ${stylelintTarget}`);
-    }
-
-    console.log('执行 Stylelint...');
-    const stylelint = spawn(
-      'npx',
-      [
-        'stylelint',
-        stylelintTarget,
-        '--allow-empty-input',
-        '--report-needless-disables',
-        '--report-invalid-scope-disables',
-      ],
-      {
-        cwd: rootDir,
-        stdio: 'inherit',
-        shell: true,
-      },
-    );
-
-    stylelint.on('close', (code) => {
-      process.exit(code);
-    });
-  } catch (err) {
-    console.error('脚本执行出错:', err);
-    process.exit(1);
-  }
-}
-
-module.exports = runStylelint;
+#!/usr/bin/env node
+
+let spawnSync;
+let spawn;
+let path;
+let fs;
+
+async function runStylelint(targetPathArg) {
+  try {
+    if (typeof require !== 'undefined') {
+      // CommonJS
+      ({ spawnSync, spawn } = require('node:child_process'));
+      path = require('node:path');
+      fs = require('node:fs');
+    } else {
+      // ESM
+      ({ spawnSync, spawn } = await import('node:child_process'));
+      path = await import('node:path');
+      fs = await import('node:fs');
+    }
+
+    const targetPath = targetPathArg || process.cwd();
+    let rootDir = path.resolve(targetPath);
+
+    // 如果传的是单个目录名且路径不存在，则在 packages/ 下查找
+    if (!fs.existsSync(rootDir) && targetPath !== process.cwd()) {
+      const baseDir = process.cwd(); // 当前项目根目录
+      const fullPath = path.join(baseDir, 'packages', targetPath);
+      if (fs.existsSync(fullPath)) {
+        rootDir = fullPath;
+      } else {
+        console.error(`找不到目录: packages/${targetPath}`);
+        process.exit(1);
+      }
+    }
+
+    console.log('目标路径:', rootDir);
+
+    const gitRootResult = spawnSync('git', ['rev-parse', '--show-toplevel'], {
+      cwd: rootDir,
+      encoding: 'utf-8',
+      shell: true,
+    });
+
+    if (gitRootResult.status !== 0 || !gitRootResult.stdout) {
+      console.error('无法获取 Git 根目录，请确保路径在 Git 仓库内');
+      process.exit(1);
+    }
+
+    const gitRoot = gitRootResult.stdout.trim();
+    console.log('Git 根目录:', gitRoot);
+
+    let targetBranch = 'master';
+    if (targetPath !== process.cwd()) {
+      const lastDir = path.basename(rootDir);
+      targetBranch = `master-${lastDir.split('-').pop()}`;
+    }
+    console.log('目标分支:', targetBranch);
+
+    // 获取当前分支
+    const currentBranchResult = spawnSync('git', ['rev-parse', '--abbrev-ref', 'HEAD'], {
+      cwd: gitRoot,
+      encoding: 'utf-8',
+      shell: true,
+    });
+
+    if (currentBranchResult.status !== 0 || !currentBranchResult.stdout) {
+      console.error('无法获取当前 Git 分支');
+      process.exit(1);
+    }
+
+    const currentBranch = currentBranchResult.stdout.trim();
+    console.log('当前分支:', currentBranch);
+
+    // 切换分支并拉取最新代码
+    if (currentBranch !== targetBranch) {
+      console.log(`切换到分支 ${targetBranch} ...`);
+      const checkout = spawnSync('git', ['checkout', targetBranch], {
+        cwd: gitRoot,
+        stdio: 'inherit',
+        shell: true,
+      });
+      if (checkout.status !== 0) {
+        console.error('切换分支失败');
+        process.exit(1);
+      }
+    }
+
+    console.log('拉取最新代码...');
+    const pull = spawnSync('git', ['pull'], {
+      cwd: gitRoot,
+      stdio: 'inherit',
+      shell: true,
+    });
+    if (pull.status !== 0) {
+      console.error('git pull 失败');
+      process.exit(1);
+    }
+
+    const srcPath = path.join(rootDir, 'src');
+    const stylelintTarget = fs.existsSync(srcPath)
+      ? `${srcPath}/**/*.{css,scss,less}`
+      : './**/*.{css,scss,less}';
+
+    if (fs.existsSync(srcPath)) {
+      console.log(`检查目录样式文件: ${stylelintTarget}`);
+    } else {
+      console.warn(`src 文件夹不存在，改为检查当前目录下样式文件: ${stylelintTarget}`);
+    }
+
+    console.log('执行 Stylelint...');
+    const stylelint = spawn(
+      'npx',
+      [
+        'stylelint',
+        stylelintTarget,
+        '--allow-empty-input',
+        '--report-needless-disables',
+        '--report-invalid-scope-disables',
+      ],
+      {
+        cwd: rootDir,
+        stdio: 'inherit',
+        shell: true,
+      },
+    );
+
+    stylelint.on('close', (code) => {
+      process.exit(code);
+    });
+  } catch (err) {
+    console.error('脚本执行出错:', err);
+    process.exit(1);
+  }
+}
+
+module.exports = runStylelint;

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,100 +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',
-
-    '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',
-
-    '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',
-
-    '@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'],
-      },
-    },
-  },
-};