From 064f4644ec226126964640dfe8b66180f1a5cd83 Mon Sep 17 00:00:00 2001 From: Aisland Date: Wed, 2 Sep 2026 00:36:07 +0800 Subject: [PATCH] =?UTF-8?q?feat(console):=20=E8=87=AA=E5=AE=9A=E4=B9=89?= =?UTF-8?q?=E8=83=8C=E6=99=AF=E9=A6=96=E6=AC=A1=E4=BD=BF=E7=94=A8=E9=A2=84?= =?UTF-8?q?=E7=BD=AE=E9=BB=98=E8=AE=A4=E8=83=8C=E6=99=AF=E7=A4=BA=E4=BE=8B?= =?UTF-8?q?=E5=9B=BE(SVG=E6=9E=81=E5=85=89~1KB=EF=BC=8C=E5=8F=AF=E9=80=89?= =?UTF-8?q?=E7=94=A8=E5=8F=AF=E5=88=A0=E9=99=A4)=E2=80=94=E2=80=94?= =?UTF-8?q?=E7=94=A8=E6=88=B7=E5=BC=80=E7=AE=B1=E5=8D=B3=E6=9C=89=E5=8F=AF?= =?UTF-8?q?=E9=80=89=E8=83=8C=E6=99=AF=EF=BC=8C=E4=B8=8D=E5=86=85=E7=BD=AE?= =?UTF-8?q?=E8=A7=86=E9=A2=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 01_content/lib/client.js | 15 +++++++++++++-- 01_content/src/client/changelog.ts | 2 +- 01_content/src/client/defaultBg.ts | 2 ++ 01_content/src/client/index.tsx | 11 ++++++++++- 4 files changed, 26 insertions(+), 4 deletions(-) create mode 100644 01_content/src/client/defaultBg.ts diff --git a/01_content/lib/client.js b/01_content/lib/client.js index 16ac983..80a0a7f 100644 --- a/01_content/lib/client.js +++ b/01_content/lib/client.js @@ -8859,7 +8859,7 @@ var CHANGELOG_V030 = `\u66F4\u65B0\u516C\u544A \xB7 v0.3.0 \u30101.3 \u80CC\u666F\u7CFB\u7EDF\u6269\u81F3\u4E09\u79CD\u53EF\u9009\u3011\u2014\u2014\u5355\u8272\u80CC\u666F\u3001\u67D4\u5149\u80CC\u666F\u3001\u81EA\u5B9A\u4E49\u80CC\u666F\uFF0C\u6BCF\u79CD\u90FD\u6709\u72EC\u7ACB\u9762\u677F\uFF1A \xB7 \u5355\u8272\u80CC\u666F\uFF1A\u63D0\u4F9B\u8272\u76F8\u3001\u9971\u548C\u5EA6\u3001\u660E\u5EA6\u8C03\u8282\u6ED1\u6746\uFF0C\u652F\u6301\u76F4\u63A5\u8F93\u5165\u6570\u503C\u4E0E\u4E00\u952E\u6062\u590D\u9ED8\u8BA4\uFF1B\u9ED8\u8BA4\u989C\u8272\u968F\u5F53\u524D\u4E3B\u9898\u81EA\u52A8\u5339\u914D\uFF08\u6DF1\u8272=\u6DF1\u84DD\u9ED1\uFF0C\u6D45\u8272=\u7C73\u767D\uFF09\u3002 \xB7 \u67D4\u5149\u80CC\u666F\uFF1A\u540C\u6837\u53EF\u8C03\u8282\u5149\u6655\u7684\u8272\u76F8\u3001\u9971\u548C\u5EA6\u4E0E\u660E\u5EA6\uFF0C\u8BA9\u6574\u4F53\u6C1B\u56F4\u8272\u8C03\u968F\u5FC3\u800C\u53D8\u3002 -\xB7 \u81EA\u5B9A\u4E49\u80CC\u666F\uFF1A\u652F\u6301\u7167\u7247\u4E0E\u89C6\u9891\u7EDF\u4E00\u5165\u5E93\u7BA1\u7406\u2014\u2014\u53EF\u4E0A\u4F20\u591A\u5F20\u5A92\u4F53\u3001\u7F29\u7565\u56FE\u5E26\u7C7B\u578B\u89D2\u6807\u3001\u4EFB\u610F\u4E00\u5F20\u53EF\u5355\u72EC\u5220\u9664\uFF1B\u6BCF\u5F20\u5A92\u4F53\u4F1A\u72EC\u7ACB\u8BB0\u4F4F\u4F60\u7684\u8C03\u8272\u8BBE\u7F6E\uFF0C\u9009\u4E2D\u5373\u81EA\u52A8\u6062\u590D\uFF1B\u4E0A\u4F20\u7684\u6587\u4EF6\u4EE5\u539F\u59CB\u753B\u8D28\u5B58\u50A8\uFF08\u4E0D\u518D\u538B\u7F29\u964D\u6E05\u6670\u5EA6\uFF09\uFF1B\u89C6\u9891\u4F5C\u4E3A\u80CC\u666F\u65F6\u81EA\u52A8\u5FAA\u73AF\u64AD\u653E\uFF0C\u5E76\u52A0\u5165\u9996\u5C3E\u5E27\u6E10\u53D8\u4EA4\u63A5\uFF0C\u6D88\u9664\u5FAA\u73AF\u65F6\u7684\u987F\u632B\u611F\u3002\u53E6\u6709\uFF1A\u80CC\u666F\u7F51\u683C\u7EBF\u5F00\u5173\u4E0E\u900F\u660E\u5EA6\u6ED1\u6746\u3001\u5361\u7247\u8D34\u7247\u6A21\u7CCA\u6ED1\u6746\uFF1B\u6240\u6709\u6ED1\u6746\u60AC\u505C\u65F6\u4F1A\u663E\u793A\u5404\u81EA\u7684\u529F\u80FD\u8BF4\u660E\u3002 +\xB7 \u81EA\u5B9A\u4E49\u80CC\u666F\uFF1A\u652F\u6301\u7167\u7247\u4E0E\u89C6\u9891\u7EDF\u4E00\u5165\u5E93\u7BA1\u7406\u2014\u2014\u9996\u6B21\u4F7F\u7528\u9884\u7F6E\u4E00\u5F20\u6781\u5C0F\u7684\u9ED8\u8BA4\u80CC\u666F\u793A\u4F8B\u56FE\uFF08\u53EF\u5220\u9664\uFF09\uFF1B\u53EF\u4E0A\u4F20\u591A\u5F20\u5A92\u4F53\u3001\u7F29\u7565\u56FE\u5E26\u7C7B\u578B\u89D2\u6807\u3001\u4EFB\u610F\u4E00\u5F20\u53EF\u5355\u72EC\u5220\u9664\uFF1B\u6BCF\u5F20\u5A92\u4F53\u4F1A\u72EC\u7ACB\u8BB0\u4F4F\u4F60\u7684\u8C03\u8272\u8BBE\u7F6E\uFF0C\u9009\u4E2D\u5373\u81EA\u52A8\u6062\u590D\uFF1B\u4E0A\u4F20\u7684\u6587\u4EF6\u4EE5\u539F\u59CB\u753B\u8D28\u5B58\u50A8\uFF08\u4E0D\u518D\u538B\u7F29\u964D\u6E05\u6670\u5EA6\uFF09\uFF1B\u89C6\u9891\u4F5C\u4E3A\u80CC\u666F\u65F6\u81EA\u52A8\u5FAA\u73AF\u64AD\u653E\uFF0C\u5E76\u52A0\u5165\u9996\u5C3E\u5E27\u6E10\u53D8\u4EA4\u63A5\uFF0C\u6D88\u9664\u5FAA\u73AF\u65F6\u7684\u987F\u632B\u611F\u3002\u53E6\u6709\uFF1A\u80CC\u666F\u7F51\u683C\u7EBF\u5F00\u5173\u4E0E\u900F\u660E\u5EA6\u6ED1\u6746\u3001\u5361\u7247\u8D34\u7247\u6A21\u7CCA\u6ED1\u6746\uFF1B\u6240\u6709\u6ED1\u6746\u60AC\u505C\u65F6\u4F1A\u663E\u793A\u5404\u81EA\u7684\u529F\u80FD\u8BF4\u660E\u3002 \u30101.4 \u6BCF\u884C\u9879\u76EE\u6570\u3011\u81EA\u7531\u8C03\u6574\u63A7\u5236\u53F0\u6BCF\u884C\u663E\u793A\u7684\u74F7\u7247\u6570\u91CF\uFF081\u20135 \u5F20\uFF09\uFF0C\u62D6\u62FD\u6ED1\u6746\u5373\u65F6\u751F\u6548\u5E76\u914D\u5E73\u6ED1\u52A8\u753B\u3002 @@ -19679,6 +19679,9 @@ var photoStore = { } }; +// src/client/defaultBg.ts +var DEFAULT_BG_SVG = ''; + // src/client/index.tsx var import_jsx_runtime2 = require("react/jsx-runtime"); var LOCAL_VERSION2 = false ? "dev" : "0.2.3"; @@ -20926,7 +20929,15 @@ function WorktableSection(props) { getBg: () => viewRef.current.consoleBg ?? "glow", setBg: (m) => persistView({ consoleBg: m }), getPhotoLib: async () => { - const records = await photoStore.list().catch(() => []); + let records = await photoStore.list().catch(() => []); + if (records.length === 0 && localStorage.getItem("dsh.worktable.defaultBgSeeded.v1") !== "1") { + try { + await photoStore.add(new Blob([DEFAULT_BG_SVG], { type: "image/svg+xml" })); + localStorage.setItem("dsh.worktable.defaultBgSeeded.v1", "1"); + records = await photoStore.list().catch(() => []); + } catch { + } + } const stored = viewRef.current.consoleBgPhotoId ?? null; const activeId = stored && records.some((r) => r.id === stored) ? stored : null; return { diff --git a/01_content/src/client/changelog.ts b/01_content/src/client/changelog.ts index f4400d9..8342a04 100644 --- a/01_content/src/client/changelog.ts +++ b/01_content/src/client/changelog.ts @@ -11,7 +11,7 @@ export const CHANGELOG_V030 = `更新公告 · v0.3.0 【1.3 背景系统扩至三种可选】——单色背景、柔光背景、自定义背景，每种都有独立面板： · 单色背景：提供色相、饱和度、明度调节滑杆，支持直接输入数值与一键恢复默认；默认颜色随当前主题自动匹配（深色=深蓝黑，浅色=米白）。 · 柔光背景：同样可调节光晕的色相、饱和度与明度，让整体氛围色调随心而变。 -· 自定义背景：支持照片与视频统一入库管理——可上传多张媒体、缩略图带类型角标、任意一张可单独删除；每张媒体会独立记住你的调色设置，选中即自动恢复；上传的文件以原始画质存储（不再压缩降清晰度）；视频作为背景时自动循环播放，并加入首尾帧渐变交接，消除循环时的顿挫感。另有：背景网格线开关与透明度滑杆、卡片贴片模糊滑杆；所有滑杆悬停时会显示各自的功能说明。 +· 自定义背景：支持照片与视频统一入库管理——首次使用预置一张极小的默认背景示例图（可删除）；可上传多张媒体、缩略图带类型角标、任意一张可单独删除；每张媒体会独立记住你的调色设置，选中即自动恢复；上传的文件以原始画质存储（不再压缩降清晰度）；视频作为背景时自动循环播放，并加入首尾帧渐变交接，消除循环时的顿挫感。另有：背景网格线开关与透明度滑杆、卡片贴片模糊滑杆；所有滑杆悬停时会显示各自的功能说明。 【1.4 每行项目数】自由调整控制台每行显示的瓷片数量（1–5 张），拖拽滑杆即时生效并配平滑动画。 diff --git a/01_content/src/client/defaultBg.ts b/01_content/src/client/defaultBg.ts new file mode 100644 index 0000000..3d21a44 --- /dev/null +++ b/01_content/src/client/defaultBg.ts @@ -0,0 +1,2 @@ +/** 默认背景示例图（SVG 渐变极光，约 1KB）：首次使用自定义背景时预置到媒体库，可选用/可删除。 */ +export const DEFAULT_BG_SVG = '' diff --git a/01_content/src/client/index.tsx b/01_content/src/client/index.tsx index 4e71886..6ce2922 100644 --- a/01_content/src/client/index.tsx +++ b/01_content/src/client/index.tsx @@ -4,6 +4,7 @@ import { NS, zh, en, type WorktableKey } from './locales' import { isAbs, joinPath, parentPathOf, basenameOf } from './pathutil' import { splitStore, SplitWorkspace, setSplitT, setSplitEnv, type LayoutSpec, type SplitPane, type ConsoleCardData } from './split' import { photoStore, kindOf } from './photoStore' +import { DEFAULT_BG_SVG } from './defaultBg' /** * dsh-worktable 客户端（v2）：侧边栏底部「工作台」区块。 @@ -1400,7 +1401,15 @@ function WorktableSection(props: any) { getBg: () => viewRef.current.consoleBg ?? 'glow', setBg: (m: 'plain' | 'glow' | 'photo') => persistView({ consoleBg: m }), getPhotoLib: async () => { - const records = await photoStore.list().catch(() => []) + let records = await photoStore.list().catch(() => []) + // 首次使用：媒体库为空且未预置过 → 注入默认背景示例图（极小 SVG，可删） + if (records.length === 0 && localStorage.getItem('dsh.worktable.defaultBgSeeded.v1') !== '1') { + try { + await photoStore.add(new Blob([DEFAULT_BG_SVG], { type: 'image/svg+xml' })) + localStorage.setItem('dsh.worktable.defaultBgSeeded.v1', '1') + records = await photoStore.list().catch(() => []) + } catch {} + } const stored = viewRef.current.consoleBgPhotoId ?? null const activeId = stored && records.some((r) => r.id === stored) ? stored : null return {