原来的勾选图标是Material Icons字体里的"check"字形,在20px圆圈里塞 14px字体图标,字体本身没有针对这么小的尺寸做过精细调校,稍微放大 一点看就是个不规整的糊状图案。换成手绘SVG勾选路径(矢量、任何缩放 比例下都清晰),并去掉了选中态多余的一层border(原来选中时背景色 和边框色叠在一起,等于多画了一圈没必要的描边)。 好友、群聊两个分组标题现在都可以点击收起/展开(各自独立),列表长 的时候可以先收起不relevant的那一类,收起状态下已经选中的项不会被 清空,"全选"按钮无论展开收起都能点。 Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
React + TypeScript + Vite
This template provides a minimal setup to get React working in Vite with HMR and some Oxlint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Oxc
- @vitejs/plugin-react-swc uses SWC
React Compiler
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.
Expanding the Oxlint configuration
If you are developing a production application, we recommend enabling type-aware lint rules by installing oxlint-tsgolint and editing .oxlintrc.json:
{
"$schema": "./node_modules/oxlint/configuration_schema.json",
"plugins": ["react", "typescript", "oxc"],
"options": {
"typeAware": true
},
"rules": {
"react/rules-of-hooks": "error",
"react/only-export-components": ["warn", { "allowConstantExport": true }]
}
}
See the Oxlint rules documentation for the full list of rules and categories.