eisland-dev-add-empty-state

# eIsland: 添加空白状态机 为灵动岛添加一个新的空白 IslandState，使其具备正确的窗口大小、样式和交互行为。 ## 前置确认 在开始前，向用户确认以下信息： 1. **状态名称** — kebab-case 标识符（如 `musicProvidersLogin`、`settings wizard`） 2. **窗口大小** — 选择一种预设： - `maxExpand`（860x400）— 全展开大面板，适合设置、表单、内容页 - `expanded`（860x150）— 单击展开面板 - `hover`（500x60）— 悬停小面板 - `notification`（500x88）— 通知面板 - `lyrics`（500x42）— 歌词条 - 自定义尺寸 3. **鼠标移出后是否收回？** — **必须主动询问**： > "鼠标移出灵动岛后，是否自动收回至待机状态？（大多数独立页面如登录、注册、支付页面选择不收回）" - **不收回**（推荐用于独立页面）→ 需要额外修改 `AUTH_STATES`、`useIslandHoverInteraction.ts`、`useIslandSettingsSync.ts` - **收回** → 无需额外修改 4. **是否为认证/登录类页面？** — 如果是，需要导入 `auth.css` 并使用 `auth-state-content` 类名 ## 实现步骤 ### Step 1: 注册类型 **文件：** `src/renderer/store/types/index.ts` 1a. 在 `IslandState` 联合类型末尾添加新状态名： ```typescript export type IslandState = '...' | 'newStateName'; ``` 1b. 在 `IslandSlice` 接口中添加 setter 方法签名： ```typescript setNewStateName: () => void; ``` ### Step 2: 实现 setter **文件：** `src/renderer/store/slices/islandSlice.ts` 在已有的 setter 群（如 `setBindEmail` 之后）添加新 setter： ```typescript setNewStateName: () => set((prev) => { if (prev.uiStateLocked && prev.state !== 'newStateName') return prev; const standalone = isStandaloneRenderer(); if (!standalone) { window.api?.expandWindowSettings(); window.api?.disableMousePassthrough(); } const nextAuthReturnState = (/* 已��� auth 状态列表 */ || prev.state === 'newStateName') ? prev.authReturnState : (standalone ? 'maxExpand' : prev.state); return { state: 'newStateName'...