tt/ttstd-infinite-canvas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): 图片参数 - 兼容后端能力切片为 null 的序列化 (#774)

Browse Source 
后端将插件未声明的图片参数切片序列化为 null（Go nil slice），
imageParameterDefaults/normalizeImageParameters 的默认参数语法只兜 undefined，
null.filter 在创作页渲染时崩溃（TypeError: reading 'filter'）。
读路径显式归一为空数组。
This commit is contained in:
zamncn
2026-10-14 12:03:52 +08:00
committed by GitHub
parent 970942d7c9
commit 4e3cdb1d2d
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
web/src/lib/image-parameters.ts
View File

@@ -36,8 +36,10 @@ export function imageParameterAccepts(field: ImageParameter, value: unknown): va
return !field.values?.length || field.values.includes(value as ImageParameterValue); return !field.values?.length || field.values.includes(value as ImageParameterValue);
} }
export function imageParameterDefaults(parameters: ImageParameter[] = []) { // 后端把插件未声明参数的能力切片序列化为 null（Go nil slice），默认参数语法
return Object.fromEntries(parameters.filter((p) => p.enabled !== false && p.default !== undefined).map((p) => [p.name, p.default!])) as Record<string, ImageParameterValue>; // 只兜 undefined，读路径必须显式归一，避免 null.filter 渲染崩溃。
export function imageParameterDefaults(parameters?: ImageParameter[] | null) {
return Object.fromEntries((parameters || []).filter((p) => p.enabled !== false && p.default !== undefined).map((p) => [p.name, p.default!])) as Record<string, ImageParameterValue>;
} }
export function parseImageParameters(value: unknown): Record<string, ImageParameterValue> { export function parseImageParameters(value: unknown): Record<string, ImageParameterValue> {
@@ -52,10 +54,11 @@ export function parseImageParameters(value: unknown): Record<string, ImageParame
return Object.fromEntries(Object.entries(value).filter(([, v]) => typeof v === "string" || typeof v === "boolean" || (typeof v === "number" && Number.isFinite(v)))); return Object.fromEntries(Object.entries(value).filter(([, v]) => typeof v === "string" || typeof v === "boolean" || (typeof v === "number" && Number.isFinite(v))));
} }
export function normalizeImageParameters(parameters: ImageParameter[] = [], input: unknown = {}) { export function normalizeImageParameters(parameters?: ImageParameter[] | null, input: unknown = {}) {
const fields = parameters || [];
const values = parseImageParameters(input); const values = parseImageParameters(input);
const result = imageParameterDefaults(parameters); const result = imageParameterDefaults(fields);
for (const field of parameters) { for (const field of fields) {
if (field.enabled !== false && imageParameterAccepts(field, values[field.name])) result[field.name] = values[field.name]; if (field.enabled !== false && imageParameterAccepts(field, values[field.name])) result[field.name] = values[field.name];
} }
return result; return result;