reactlisted

> **必读**：本 Skill 包含项目强制规范。涉及 React 相关任务时，必须先读取全文再写代码，禁止跳过或遗漏 ## 适用范围 - 优先适用于当前用户自己的前端项目，尤其是存在 `hooks`、`comps`、`utils`、`@preact/signals-react` 约定的仓库 - 外部项目、开源项目、无这些内部包的项目，先读项目配置和现有代码风格，不强行套用内部包、signal、memo、useLatestCallback 等规则 - 项目已有明确规范时，以项目配置、现有代码和 AGENTS.md / CLAUDE.md 为准 ## 项目可用工具 ```ts import { // 事件相关 useOnWinHidden, useBindWinEvent, useClickOutside, useShortCutKey, useDoubleKeyDown, useMouse, // 滚动相关 useScrollBottom, useScrollReachBottom, useScrollRestore, useWheelDirection, // 生命周期，effect 可接收 async fn useRefresh, onMounted, onUnmounted, useUpdateEffect, useCustomEffect, // 网络请求 useReq, useWatchReq, // 观察器 useIntersectionObserver, useResizeObserver, useMutationObserver, // 状态管理 useThrottleState, useDebounceState, useWatchDebounceState, useWatchThrottleState, useToggleState, useStable, useLatestRef, useGetState, useAutoSave, // 防抖节流函数 useDebounceFn, useThrottleFn, // 主题相关 useTheme, useChangeTheme, useToggleThemeWithTransition, // 订时器 useDefer, useTimer, // Ref 相关 useComposedRef, useConst, useLatestCallback, // 元素坐标相关 useElBounding, useFloatingPosition, // DOM 相关 useInsertStyle, vShow, useRestoreFocus, // 其他 Hooks useStateWithPromise, useTextOverflow, useViewportHeight, useWorker, } from 'hooks' // packages/hooks import { // 基础组件 Button, Card, Icon, Badge, CloseBtn, Arrow, Tooltip, Copy, // 输入组件 Input, Textarea, ChatInput, SearchBar, MdEditor, // 选择器组件 Select, Checkbox, Radio, Switch, Slider, Cascader, Da