xt/color-q
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

增加WASM的调用错误防御。

Browse Source
This commit is contained in:
徐涛 2024-12-30 14:47:21 +08:00
parent 22755fa60a
commit 05bceaeb06
1 changed files with 25 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/components/ColorStand.tsx
View File

@ -62,27 +62,32 @@ export function ColorStand({ title, color }: ColorStandProps) {
if (isNil(color)) {
return null;
}
switch (viewColor) {
case 'hex':
return color;
case 'rgb': {
const rgb = colorFn?.represent_rgb(color);
return `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]})`;
try {
switch (viewColor) {
case 'hex':
return color;
case 'rgb': {
const rgb = colorFn?.represent_rgb(color);
return `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]})`;
}
case 'hsl': {
const hsl = colorFn?.represent_hsl(color);
return `hsl(${hsl[0]}, ${hsl[1]}%, ${hsl[2]}%)`;
}
case 'lab': {
const lab = colorFn?.represent_lab(color);
return `lab(${lab[0]}, ${lab[1]}, ${lab[2]})`;
}
case 'oklch': {
const oklch = colorFn?.represent_oklch(color);
return `oklch(${oklch[0]}%, ${oklch[1]}, ${oklch[2]})`;
}
default:
return null;
}
case 'hsl': {
const hsl = colorFn?.represent_hsl(color);
return `hsl(${hsl[0]}, ${hsl[1]}%, ${hsl[2]}%)`;
}
case 'lab': {
const lab = colorFn?.represent_lab(color);
return `lab(${lab[0]}, ${lab[1]}, ${lab[2]})`;
}
case 'oklch': {
const oklch = colorFn?.represent_oklch(color);
return `oklch(${oklch[0]}%, ${oklch[1]}, ${oklch[2]})`;
}
default:
return null;
} catch (e) {
console.error('[ColorStand Convert]', e);
return null;
}
}, [viewColor, color]);