@blueking/bkui-lint 0.1.0-beta.0 → 0.1.1

package/.lintstagedrc.mjs

@@ -0,0 +1,9 @@
+export default {
+  '*.(ts|tsx|js)': [
+    'npx biome check --write --files-ignore-unknown=true --no-errors-on-unmatched --colors=force --max-diagnostics=1000 --diagnostic-level=warn',
+    'npx eslint --cache --fix',
+  ],
+  'src/**/*.(vue|scss|css|sass)': ['npx stylelint --cache --fix'],
+  '*.json': ['npx biome check --write'],
+  '*.{md,yml}': ['npx prettier --ignore-unknown --write'],
+};

package/.simple-git-hooks.mjs

@@ -0,0 +1,4 @@
+export default {
+  'pre-commit': 'npx lint-staged --concurrent false',
+  'commit-msg': 'node ./verify-commit.mjs $1',
+};

package/README.md

@@ -0,0 +1,225 @@
+# @blueking/bkui-lint
+
+[![npm version](https://img.shields.io/npm/v/@blueking/bkui-lint.svg)](https://www.npmjs.com/package/@blueking/bkui-lint)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+[![TypeScript](https://img.shields.io/badge/TypeScript-5.8+-blue.svg)](https://www.typescriptlang.org/)
+
+> 蓝鲸前端通用代码质量检查工具集，提供 ESLint、Prettier、Stylelint、Biome 等工具的标准化配置
+
+## ✨ 特性
+
+- 🚀 **开箱即用** - 预配置的 ESLint、Prettier、Stylelint、Biome 规则
+- 🎯 **Vue 3 支持** - 针对 Vue 3 项目优化的代码检查规则
+- 📦 **TypeScript 支持** - 完整的 TypeScript 类型检查配置
+- 🎨 **代码格式化** - 统一的代码风格和格式化规则
+- 🔧 **Git Hooks** - 集成 pre-commit 和 commit-msg 钩子
+- 📝 **提交规范** - 标准化的 commit message 格式检查
+- ⚡ **性能优化** - 基于 Biome 的高性能代码检查
+
+## 📦 安装
+
+```bash
+# 使用 npm
+npm install --save-dev @blueking/bkui-lint
+
+# 使用 yarn
+yarn add -D @blueking/bkui-lint
+
+# 使用 pnpm
+pnpm add -D @blueking/bkui-lint
+```
+
+## 🚀 快速开始
+
+### 1. 配置 ESLint
+
+创建 `eslint.config.mjs` 文件：
+
+```javascript
+import bkuiLint from '@blueking/bkui-lint/eslint.mjs';
+
+export default bkuiLint;
+```
+
+### 2. 配置 Prettier
+
+创建 `prettier.config.mjs` 文件：
+
+```javascript
+import prettierConfig from '@blueking/bkui-lint/prettier.mjs';
+
+export default prettierConfig;
+```
+
+### 3. 配置 Stylelint
+
+创建 `stylelint.config.mjs` 文件：
+
+```javascript
+import stylelintConfig from '@blueking/bkui-lint/stylelint.mjs';
+
+export default stylelintConfig;
+```
+
+### 4. 配置 Biome
+
+创建 `biome.json` 文件：
+
+```json
+{
+  "extends": ["@blueking/bkui-lint/biome.json"]
+}
+```
+
+### 5. 配置 Git Hooks
+
+首次使用时执行：
+
+```bash
+npx simple-git-hooks
+```
+
+在 `package.json` 中添加：
+
+```json
+{
+  "simple-git-hooks": {
+    "pre-commit": "npx lint-staged --concurrent false",
+    "commit-msg": "node ./node_modules/@blueking/bkui-lint/verifiy-commit.mjs $1"
+  }
+}
+```
+
+### 6. 配置 lint-staged
+
+创建 `.lintstagedrc.mjs` 文件：
+
+```javascript
+import lintStagedConfig from '@blueking/bkui-lint/.lintstagedrc.mjs';
+
+export default lintStagedConfig;
+```
+
+## 📋 包含的工具
+
+### ESLint 配置
+
+- **基础规则**: 基于 `@eslint/js` 推荐配置
+- **TypeScript 支持**: 使用 `typescript-eslint` 提供完整的 TS 支持
+- **Vue 3 支持**: 集成 `eslint-plugin-vue` 的 Vue 3 推荐规则
+- **代码风格**: 集成 `eslint-plugin-prettier` 和 `eslint-config-prettier`
+- **代码质量**: 集成腾讯代码规范 `eslint-config-tencent`
+- **代码排序**: 使用 `eslint-plugin-perfectionist` 自动排序导入、属性等
+- **自定义规则**: 包含针对蓝鲸项目的自定义 ESLint 规则
+
+### Prettier 配置
+
+- **代码格式化**: 统一的代码风格配置
+- **Vue 支持**: 针对 Vue 文件的特殊格式化规则
+- **TypeScript 支持**: 完整的 TS/TSX 文件格式化
+
+### Stylelint 配置
+
+- **CSS/SCSS 支持**: 基于 `stylelint-config-standard-scss`
+- **Vue 样式支持**: 支持 Vue 单文件组件中的样式检查
+- **Less 支持**: 支持 Less 预处理器
+- **代码排序**: 使用 `stylelint-config-recess-order` 进行属性排序
+
+### Biome 配置
+
+- **高性能检查**: 基于 Rust 的高性能代码检查
+- **代码格式化**: 快速的代码格式化功能
+- **TypeScript 支持**: 完整的 TS 类型检查
+- **导入排序**: 自动整理和排序导入语句
+
+## 🔧 高级配置
+
+### 自定义 ESLint 规则
+
+```javascript
+import bkuiLint from '@blueking/bkui-lint/eslint.mjs';
+
+export default [
+  ...bkuiLint,
+  {
+    rules: {
+      // 你的自定义规则
+      'no-console': 'warn',
+    },
+  },
+];
+```
+
+### 自定义 Prettier 配置
+
+```javascript
+import prettierConfig from '@blueking/bkui-lint/prettier.mjs';
+
+export default {
+  ...prettierConfig,
+  // 你的自定义配置
+  printWidth: 100,
+};
+```
+
+### 自定义 Stylelint 配置
+
+```javascript
+import stylelintConfig from '@blueking/bkui-lint/stylelint.mjs';
+
+export default {
+  ...stylelintConfig,
+  rules: {
+    ...stylelintConfig.rules,
+    // 你的自定义规则
+    'selector-max-id': 2,
+  },
+};
+```
+
+## 📝 提交规范
+
+本工具集包含标准的 commit message 格式检查，支持以下格式：
+
+### 新格式（推荐）
+
+```
+feat: 添加新功能
+fix: 修复 bug
+docs: 文档更新
+style: 代码格式调整
+refactor: 代码重构
+perf: 性能优化
+test: 测试相关
+chore: 构建过程或辅助工具的变动
+```
+
+### 旧格式（兼容）
+
+```
+feature: 新特性
+bugfix: 线上功能bug
+minor: 不重要的修改
+optimization: 功能优化
+sprintfix: 未上线代码修改
+merge: 分支合并及冲突解决
+```
+
+## 🛠️ 脚本命令
+
+在 `package.json` 中添加以下脚本：
+
+```json
+{
+  "scripts": {
+    "lint": "eslint . --ext .js,.ts,.vue",
+    "lint:fix": "eslint . --ext .js,.ts,.vue --fix",
+    "format": "prettier --write .",
+    "stylelint": "stylelint \"src/**/*.{css,scss,vue}\"",
+    "stylelint:fix": "stylelint \"src/**/*.{css,scss,vue}\" --fix",
+    "biome:check": "biome check .",
+    "biome:format": "biome format --write .",
+    "prepare": "simple-git-hooks"
+  }
+}
+```

package/biome.json

@@ -0,0 +1,113 @@
+{
+  "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
+  "root": true,
+  "files": {
+    "includes": [
+      "**",
+      "!node_modules",
+      "!*src/monitor-api/modules",
+      "!**/*.scss",
+      "!**/*.css",
+      "!**/*.less",
+      "!**/*.sass",
+      "!**/*.png",
+      "!**/*.svg",
+      "!**/*.vue"
+    ]
+  },
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git"
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "suspicious": {
+        "noExplicitAny": {
+          "level": "warn"
+        },
+        "noArrayIndexKey": "warn",
+        "noConfusingVoidType": {
+          "level": "warn",
+          "fix": "none"
+        }
+      },
+      "style": {
+        "useSelfClosingElements": {
+          "fix": "safe",
+          "level": "warn"
+        },
+        "noUnusedTemplateLiteral": {
+          "fix": "safe",
+          "level": "error"
+        },
+        "noNonNullAssertion": "warn"
+      },
+      "complexity": {
+        "noBannedTypes": {
+          "fix": "safe",
+          "level": "error"
+        },
+        "noForEach": {
+          "level": "warn"
+        },
+        "useArrowFunction": {
+          "fix": "none",
+          "level": "warn"
+        }
+      },
+      "a11y": {
+        "useKeyWithMouseEvents": "off",
+        "useKeyWithClickEvents": "off",
+        "noSvgWithoutTitle": "off",
+        "useValidAnchor": "off",
+        "noLabelWithoutControl": "off",
+        "noStaticElementInteractions": "off"
+      },
+      "correctness": {
+        "useJsxKeyInIterable": "error",
+        "noUnusedVariables": "error",
+        "noUnusedImports": "error"
+      }
+    }
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineEnding": "lf",
+    "lineWidth": 120,
+    "attributePosition": "multiline"
+  },
+  "javascript": {
+    "parser": {
+      "jsxEverywhere": false
+    },
+    "linter": {
+      "enabled": true
+    },
+    "formatter": {
+      "quoteStyle": "single",
+      "jsxQuoteStyle": "single",
+      "quoteProperties": "asNeeded",
+      "trailingCommas": "es5",
+      "semicolons": "always",
+      "arrowParentheses": "asNeeded",
+      "bracketSpacing": true,
+      "bracketSameLine": false,
+      "attributePosition": "multiline"
+    }
+  },
+  "assist": {
+    "enabled": true,
+    "actions": {
+      "source": {
+        "organizeImports": "off",
+        "useSortedAttributes": "off",
+        "useSortedKeys": "off",
+        "useSortedProperties": "off"
+      }
+    }
+  }
+}

package/eslint.mjs

@@ -0,0 +1,500 @@
+import jsEslint from '@eslint/js';
+import eslintConfigPrettier from 'eslint-config-prettier';
+import tencentEslintLegacyRules from 'eslint-config-tencent/ts';
+import codecc from 'eslint-plugin-codecc';
+import perfectionist from 'eslint-plugin-perfectionist';
+import prettier from 'eslint-plugin-prettier';
+import eslintVuePlugin from 'eslint-plugin-vue';
+import tsEslint from 'typescript-eslint';
+
+const OFF = 0;
+const WARNING = 1;
+const ERROR = 2;
+
+const jsxOrVueSortGroups = {
+  customGroups: [
+    {
+      groupName: 'DEFINITION',
+      elementNamePattern: ['^is$', '^vIs$', '^v-is$'],
+    },
+    {
+      groupName: 'LIST_RENDERING',
+      elementNamePattern: ['^v-for$', '^vFor$'],
+    },
+    {
+      groupName: 'CONDITIONALS',
+      elementNamePattern: ['^v-if$', '^v-else-if$', '^v-else$', '^vIf$', '^vElseIf$', '^vElse$'],
+    },
+    {
+      groupName: 'RENDER_MODIFIERS',
+      elementNamePattern: ['^v-pre$', '^v-once$', '^vPre$', '^vOnce$'],
+    },
+    {
+      groupName: 'GLOBAL',
+      elementNamePattern: '^id$',
+    },
+    {
+      groupName: 'UNIQUE',
+      elementNamePattern: ['^ref$', '^key$'],
+    },
+    {
+      groupName: 'WIDTH',
+      elementNamePattern: '^width$',
+    },
+    {
+      groupName: 'HEIGHT',
+      elementNamePattern: '^height$',
+    },
+    {
+      groupName: 'STYLE',
+      elementNamePattern: '^style$',
+    },
+    {
+      groupName: 'CLASS',
+      elementNamePattern: ['^class$', '^ext-cls$', '^extCls$'],
+    },
+    {
+      groupName: 'TWO_WAY_BINDING',
+      elementNamePattern: ['^v-model$', '^vModel$'],
+    },
+    {
+      groupName: 'SLOT',
+      elementNamePattern: ['^v-slot$', '^slot$', '^vSlot$'],
+    },
+    {
+      groupName: 'OTHER_DIRECTIVES',
+      elementNamePattern: '^v-',
+    },
+    {
+      groupName: 'EVENTS',
+      elementNamePattern: ['^on\\w+', '^v-on', '^vOn', '^@\\w+', '^on-'],
+    },
+    {
+      groupName: 'CONTENT',
+      elementNamePattern: ['^v-html$', '^v-text$', '^vHtml$', '^vText$'],
+    },
+  ],
+  groups: [
+    'DEFINITION',
+    'LIST_RENDERING',
+    'CONDITIONALS',
+    'RENDER_MODIFIERS',
+    'GLOBAL',
+    'UNIQUE',
+    'STYLE',
+    'WIDTH',
+    'HEIGHT',
+    'CLASS',
+    'TWO_WAY_BINDING',
+    'SLOT',
+    'OTHER_DIRECTIVES',
+    'multiline',
+    'unknown',
+    'shorthand',
+    'EVENTS',
+  ],
+};
+export const vueUnGroupRules = {
+  'vue/require-default-prop': OFF,
+  'vue/attributes-order': [
+    ERROR,
+    {
+      order: [
+        'DEFINITION',
+        'LIST_RENDERING',
+        'CONDITIONALS',
+        'RENDER_MODIFIERS',
+        'GLOBAL',
+        'UNIQUE',
+        'TWO_WAY_BINDING',
+        'SLOT',
+        'OTHER_DIRECTIVES',
+        'OTHER_ATTR',
+        'EVENTS',
+        'CONTENT',
+      ],
+      alphabetical: true,
+    },
+  ],
+  'vue/block-lang': [
+    'error',
+    {
+      script: {
+        lang: 'ts',
+        allowNoLang: false,
+      },
+    },
+  ],
+};
+
+export const createVueEslintConfig = (vueVersion = 3) => {
+  const vueConfig =
+    vueVersion === 2 ? eslintVuePlugin.configs['flat/vue2-recommended'] : eslintVuePlugin.configs['flat/recommended'];
+  return tsEslint.config(jsEslint.configs.recommended, tsEslint.configs.recommended, ...vueConfig, {
+    files: ['*.vue', '**/*.vue'],
+    languageOptions: {
+      parserOptions: {
+        parser: '@typescript-eslint/parser',
+      },
+    },
+    rules: {
+      ...vueUnGroupRules,
+    },
+  });
+};
+
+export default [
+  {
+    ignores: ['node_modules', 'dist', '*.json'],
+  },
+  {
+    plugins: { prettier },
+    rules: { ...prettier.configs.recommended.rules },
+  },
+  ...createVueEslintConfig(),
+  {
+    files: ['*.js', '**/*.js', '*.ts', '**/*.ts'],
+    ignores: ['*.tsx', '**/*.tsx', '*.vue', '**/*.vue'],
+    plugins: { perfectionist },
+    rules: {
+      'perfectionist/sort-classes': [
+        ERROR,
+        {
+          groups: [
+            'decorated-accessor-property',
+            'static-private-method',
+            'private-property',
+            'static-property',
+            'index-signature',
+            'private-method',
+            'static-method',
+            'property',
+            'private-decorated-accessor-property',
+            'private-decorated-property',
+            'decorated-property',
+            'constructor',
+            ['get-method', 'set-method'],
+            'decorated-set-method',
+            'decorated-get-method',
+            'decorated-method',
+            'unknown',
+            'method',
+          ],
+          order: 'asc',
+          type: 'natural',
+        },
+      ],
+    },
+  },
+  {
+    plugins: { perfectionist },
+    rules: {
+      'perfectionist/sort-enums': [
+        ERROR,
+        {
+          order: 'asc',
+          type: 'natural',
+        },
+      ],
+      'perfectionist/sort-exports': [
+        ERROR,
+        {
+          order: 'asc',
+          type: 'natural',
+        },
+      ],
+      'perfectionist/sort-heritage-clauses': [
+        ERROR,
+        {
+          order: 'asc',
+          type: 'natural',
+        },
+      ],
+      'perfectionist/sort-jsx-props': [
+        ERROR,
+        {
+          ...jsxOrVueSortGroups,
+          order: 'asc',
+          type: 'natural',
+        },
+      ],
+      'perfectionist/sort-maps': [
+        ERROR,
+        {
+          order: 'asc',
+          type: 'natural',
+        },
+      ],
+      'perfectionist/sort-imports': [
+        ERROR,
+        {
+          type: 'natural',
+          order: 'asc',
+          groups: [
+            'top',
+            'vueI18n',
+            'magicBox',
+            'tsxSupport',
+            ['builtin', 'external'],
+            ['internal', 'sibling', 'parent', 'side-effect', 'index', 'object'],
+            'unknown',
+            ['type', 'builtin-type', 'external-type', 'internal-type', 'parent-type', 'sibling-type', 'index-type'],
+            ['side-effect-style', 'style'],
+          ],
+          customGroups: [
+            {
+              groupName: 'top',
+              elementNamePattern: ['./public-path', './public-path.ts', 'monitor-common/polyfill'],
+            },
+            {
+              groupName: 'vueI18n',
+              elementNamePattern: ['./i18n/i18n', '^vue$'],
+            },
+            {
+              groupName: 'magicBox',
+              elementNamePattern: [
+                './common/import-magicbox-ui',
+                'monitor-ui/directive/index',
+                'monitor-static/svg-icons',
+              ],
+            },
+            {
+              groupName: 'tsxSupport',
+              elementNamePattern: ['vue-property-decorator', 'vue-tsx-support'],
+            },
+          ],
+          fallbackSort: {
+            type: 'natural',
+            order: 'asc',
+          },
+          newlinesBetween: 'always',
+          internalPattern: ['^@/', '^@router/', '^@store/', '^@page/', '^@static/'],
+          sortSideEffects: true,
+        },
+      ],
+      'perfectionist/sort-interfaces': [
+        ERROR,
+        {
+          order: 'asc',
+          type: 'natural',
+          groups: ['unknown', 'method', 'multiline-member'],
+        },
+      ],
+      'perfectionist/sort-intersection-types': [
+        ERROR,
+        {
+          type: 'natural',
+          order: 'asc',
+        },
+      ],
+      'perfectionist/sort-named-exports': [
+        ERROR,
+        {
+          type: 'natural',
+          order: 'asc',
+        },
+      ],
+      'perfectionist/sort-modules': [
+        ERROR,
+        {
+          type: 'natural',
+          order: 'asc',
+          groups: [
+            'declare-enum',
+            'export-enum',
+            'enum',
+            ['declare-interface', 'declare-type'],
+            ['export-interface', 'export-type'],
+            ['interface', 'type'],
+            'declare-class',
+            'class',
+            'export-class',
+            'declare-function',
+            'export-function',
+            'function',
+          ],
+        },
+      ],
+      'perfectionist/sort-named-imports': [
+        ERROR,
+        {
+          type: 'natural',
+          order: 'asc',
+          groups: ['type-import', 'value-import', 'unknown'],
+        },
+      ],
+      'perfectionist/sort-object-types': [
+        ERROR,
+        {
+          type: 'natural',
+          order: 'asc',
+        },
+      ],
+      'perfectionist/sort-union-types': [
+        ERROR,
+        {
+          type: 'natural',
+          order: 'asc',
+        },
+      ],
+      'perfectionist/sort-variable-declarations': [
+        ERROR,
+        {
+          type: 'natural',
+          order: 'asc',
+        },
+      ],
+      'perfectionist/sort-switch-case': OFF,
+      'perfectionist/sort-sets': OFF,
+      // 'perfectionist/sort-vue-attributes': [
+      //   ERROR,
+      //   {
+      //     ...jsxOrVueSortGroups,
+      //     type: 'natural',
+      //     order: 'asc',
+      //   },
+      // ],
+    },
+  },
+  {
+    files: ['*.js', '**/*.js', '*.ts', '**/*.ts', '*.tsx', '**/*.tsx'],
+    ignores: [],
+    languageOptions: {
+      parser: tsEslint.parser,
+      parserOptions: {
+        ecmaFeatures: { jsx: true, legacyDecorators: true },
+        ecmaVersion: 'latest',
+        project: true,
+      },
+    },
+    plugins: {
+      codecc,
+    },
+    rules: {
+      'codecc/license': [
+        ERROR,
+        {
+          license: `/*
+* Tencent is pleased to support the open source community by making
+* 蓝鲸智云PaaS平台 (BlueKing PaaS) available.
+*
+* Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+*
+* 蓝鲸智云PaaS平台 (BlueKing PaaS) is licensed under the MIT License.
+*
+* License for 蓝鲸智云PaaS平台 (BlueKing PaaS):
+*
+* ---------------------------------------------------
+* Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+* documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+* the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+* to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+*
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+* the Software.
+*
+* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+* THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+* CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+* IN THE SOFTWARE.
+*/\n`,
+          pattern: '.*Tencent is pleased to support the open source community.+',
+        },
+      ],
+      ...tencentEslintLegacyRules.rules,
+      '@typescript-eslint/consistent-type-imports': [
+        ERROR,
+        {
+          prefer: 'type-imports',
+          disallowTypeAnnotations: true,
+          fixStyle: 'inline-type-imports',
+        },
+      ],
+    },
+  },
+  eslintConfigPrettier,
+  {
+    files: ['*.tsx', '*.ts', '*.vue'],
+    plugins: {
+      'monitor-vue3': {
+        rules: {
+          'no-ref': {
+            meta: {
+              type: 'suggestion',
+              fixable: null,
+              messages: {
+                // vueuse 推荐
+                'no-ref': `建议使用 shallowRef 替代 ref
+                或使用
+1、使用 import { ref as deepRef } from 'vue'; deepRef 来替换 ref 的名称;
+2、使用 import { createRef } from '@vueuse/core'; createRef(initialData, true); 来替换 ref 的名称;`,
+              },
+              hasSuggestions: true,
+            },
+            create(context) {
+              return {
+                CallExpression(node) {
+                  if (node.callee.type === 'Identifier' && node.callee.name === 'ref') {
+                    context.report({
+                      node,
+                      messageId: 'no-ref',
+                    });
+                  }
+                },
+              };
+            },
+          },
+        },
+      },
+    },
+    rules: {
+      'monitor-vue3/no-ref': WARNING,
+    },
+  },
+  {
+    rules: {
+      'no-undef': OFF,
+      // 'no-case-declarations': OFF, // biome lint/style/noCaseDeclarations
+      // '@typescript-eslint/no-explicit-any': OFF, // biome lint/suspicious/noExplicitAny
+      '@typescript-eslint/ban-ts-comment': [
+        WARNING,
+        {
+          minimumDescriptionLength: 0,
+          'ts-check': false,
+          'ts-expect-error': false,
+          'ts-ignore': false,
+          'ts-nocheck': false,
+        },
+      ],
+      // '@typescript-eslint/no-unused-vars': OFF, // biome lint/style/noUnusedVars
+      // 'vue/html-self-closing': [
+      //   ERROR,
+      //   {
+      //     html: {
+      //       void: 'always',
+      //       normal: 'always',
+      //       component: 'always',
+      //     },
+      //     svg: 'always',
+      //     math: 'always',
+      //   },
+      // ],
+      // '@typescript-eslint/no-unused-expressions': OFF, // biome lint/style/noUnusedExpressions
+      // '@typescript-eslint/no-misused-promises': OFF, // biome lint/suspicious/noMisusedPromises
+      'no-async-promise-executor': OFF, // biome lint/suspicious/noAsyncPromiseExecutor
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        {
+          args: 'all',
+          argsIgnorePattern: '^_',
+          caughtErrors: 'all',
+          caughtErrorsIgnorePattern: '^_',
+          destructuredArrayIgnorePattern: '^_',
+          varsIgnorePattern: '^_',
+          ignoreRestSiblings: true,
+        },
+      ],
+    },
+  },
+];

package/package.json

@@ -1,14 +1,18 @@
 {
   "name": "@blueking/bkui-lint",
-  "version": "0.1.0-beta.0",
+  "version": "0.1.1",
   "description": "蓝鲸监控平台公共lint工具",
   "license": "MIT",
   "author": "Tencent BlueKing",
   "module": "index.js",
   "files": [
-    "eslint.js",
-    "prettier.js",
-    "stylelint.js"
+    "eslint.mjs",
+    "stylelint.mjs",
+    "prettier.mjs",
+    "biome.json",
+    ".lintstagedrc.mjs",
+    ".simple-git-hooks.mjs",
+    "verifiy-commit.mjs"
   ],
   "publishConfig": {
     "access": "public",
@@ -34,8 +38,8 @@
     "stylelint": "^16.22.0",
     "stylelint-config-recess-order": "^7.1.0",
     "stylelint-config-recommended-vue": "1.5.0",
-    "stylelint-config-standard": "^38.0.0",
-    "stylelint-config-standard-scss": "^15.0.1",
+    "stylelint-config-standard": "39.0.0",
+    "stylelint-config-standard-scss": "16.0.0",
     "stylelint-order": "^7.0.0",
     "stylelint-scss": "^6.12.1",
     "typescript": "^5.8.3",

package/prettier.mjs

@@ -0,0 +1,40 @@
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台 (BlueKing PaaS) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台 (BlueKing PaaS) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台 (BlueKing PaaS):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+export default {
+  arrowParens: 'avoid',
+  bracketSameLine: false,
+  jsxSingleQuote: true,
+  printWidth: 120,
+  quoteProps: 'as-needed',
+  semi: true,
+  singleAttributePerLine: true,
+  singleQuote: true,
+  tabWidth: 2,
+  trailingComma: 'all',
+  useTabs: false,
+  vueIndentScriptAndStyle: true,
+  jsxBracketSameLine: false,
+};

package/stylelint.mjs

@@ -0,0 +1,76 @@
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台 (BlueKing PaaS) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台 (BlueKing PaaS) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台 (BlueKing PaaS):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+/** @type {import('stylelint').Config} */
+export default {
+  extends: ['stylelint-config-recess-order'],
+  overrides: [
+    {
+      extends: ['stylelint-config-standard-scss', 'stylelint-config-recommended-vue/scss'],
+      customSyntax: 'postcss-scss',
+      files: ['*.scss', '*.css', '**/*.scss', '**/*.css'],
+    },
+    {
+      customSyntax: 'postcss-html',
+      files: ['*.vue', './**/*.vue'],
+      extends: ['stylelint-config-standard-scss', 'stylelint-config-recommended-vue/scss'],
+      rules: {},
+    },
+    {
+      customSyntax: 'postcss-less',
+      files: ['*.less', './**/*.less'],
+    },
+  ],
+  plugins: ['stylelint-scss', 'stylelint-order'],
+  rules: {
+    'at-rule-no-unknown': [
+      true,
+      {
+        ignoreAtRules: ['/.*/'],
+      },
+    ],
+    'at-rule-no-vendor-prefix': true,
+    'comment-empty-line-before': ['always', { except: ['first-nested'] }],
+    // Sass rules
+    'max-nesting-depth': 10,
+    // 不要使用已被 autoprefixer 支持的浏览器前缀
+    'media-feature-name-no-vendor-prefix': true,
+    'order/order': ['declarations', { type: 'at-rule' }, { hasBlock: true, type: 'at-rule' }, 'rules'],
+    'property-no-vendor-prefix': true,
+    // 去掉多个import、extends、父子声明之间的空行 --开始
+    'rule-empty-line-before': [
+      'always',
+      {
+        except: ['first-nested'],
+        ignore: ['after-comment'],
+      },
+    ],
+    'scss/at-extend-no-missing-placeholder': true,
+    'scss/dollar-variable-pattern': '^_?[a-z]+[\\w-]*$',
+    'selector-max-id': 3,
+    'selector-no-vendor-prefix': true,
+    'value-no-vendor-prefix': true,
+  },
+};

package/verifiy-commit.mjs

@@ -0,0 +1,58 @@
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台 (BlueKing PaaS) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台 (BlueKing PaaS) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台 (BlueKing PaaS):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+/*
+  ("feat", "A new feature. Correlates with MINOR in SemVer"),
+  ("fix", "A bug fix. Correlates with PATCH in SemVer"),
+  ("docs", "Documentation only changes"),
+  ("style", "Changes that do not affect the meaning of the code"),
+  ("refactor", "A code change that neither fixes a bug nor adds a feature"),
+  ("perf", "A code change that improves performance"),
+  ("test", "Adding missing or correcting existing tests"),
+  ("chore", "Changes to the build process or auxiliary tools and libraries such as documentation generation"),
+
+# 即将启用的prefix，仍保留一段时间
+  ("feature", "新特性"),
+  ("bugfix", "线上功能bug"),
+  ("minor", "不重要的修改（换行，拼写错误等）"),
+  ("optimization", "功能优化"),
+  ("sprintfix", "未上线代码修改 （功能模块未上线部分bug）"),
+  ("merge", "分支合并及冲突解决"),
+*/
+import { readFileSync } from 'node:fs';
+import colors from 'picocolors';
+const msgPath = process.argv[2];
+const msg = readFileSync(msgPath, 'utf-8').trim();
+const oldCommitRE = /^(revert: )?(feature|bugfix|minor|optimization|sprintfix|merge)(\(.+\))?: .{1,50}/;
+const newCommitRE = /^(revert: )?(feat|fix|docs|style|refactor|perf|test|chore)(\(.+\))?: .{1,50}/;
+if (!(oldCommitRE.test(msg) || newCommitRE.test(msg)) && !msg.includes('Merge branch')) {
+  console.log(msg);
+  console.log('\n');
+  console.error(
+    `  ${colors.bgRed(colors.white(' ERROR '))} ${colors.red('invalid commit message format.')}\n\n${colors.red('  Proper commit message format is required for automated changelog generation. Examples:\n\n')}    ${colors.green("feature: add 'comments' option")}\n` +
+      `    ${colors.green('bugfix: handle events on blur (close #28)')}\n}`,
+  );
+  process.exit(1);
+}