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:
徐涛 2025-02-10 16:43:30 +08:00
parent 3eae8116e7
commit 2ddffe1b12
7 changed files with 20 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/ColorFunctionContext.tsx
View File

@ -23,8 +23,7 @@ export function useColorFunction(): ColorFunctionContextType {
}
export function ColorFunctionProvider({ children }: WasmProviderProps) {
//@ts-expect-error TS2503
const [wasmInstance, setWasmInstance] = useState<Wasm.InitOutput | null>(null);
const [wasmInstance, setWasmInstance] = useState<typeof funcs | null>(null);
const [isPending, startTransition] = useTransition();
const [error, setError] = useState<Error | null>(null);
@ -43,6 +42,7 @@ export function ColorFunctionProvider({ children }: WasmProviderProps) {
try {
await init();
setWasmInstance(funcs);
console.debug('[Load WASM]', 'Loaded');
} catch (e) {
console.error('[Load WASM]', e);
setError(e);

10
src/page-components/color-compare/HCTCompare.tsx
View File

@ -4,18 +4,16 @@ import { useColorFunction } from '../../ColorFunctionContext';
import styles from './CompareLayout.module.css';
import { CompareMethodProps } from './share-props';
const defaultCompareResult: HctDiffference = new HctDiffference(
new Differ(0, 0),
new Differ(0, 0),
new Differ(0, 0),
);
export function HCTCompare({
basic = '000000',
compare = '000000',
mode = 'absolute',
}: CompareMethodProps) {
const { colorFn } = useColorFunction();
const defaultCompareResult: HctDiffference = useMemo(
() => new HctDiffference(new Differ(0, 0), new Differ(0, 0), new Differ(0, 0)),
[],
);
const differ = useMemo(() => {
if (!colorFn) {
return defaultCompareResult;

10
src/page-components/color-compare/HSLCompare.tsx
View File

@ -4,18 +4,16 @@ import { useColorFunction } from '../../ColorFunctionContext';
import styles from './CompareLayout.module.css';
import { CompareMethodProps } from './share-props';
const defaultCompareResult: HSLDifference = new HSLDifference(
new Differ(0, 0),
new Differ(0, 0),
new Differ(0, 0),
);
export function HSLCompare({
basic = '000000',
compare = '000000',
mode = 'absolute',
}: CompareMethodProps) {
const { colorFn } = useColorFunction();
const defaultCompareResult: HSLDifference = useMemo(
() => new HSLDifference(new Differ(0, 0), new Differ(0, 0), new Differ(0, 0)),
[],
);
const differ = useMemo(() => {
if (!colorFn) {
return defaultCompareResult;

10
src/page-components/color-compare/OKLCHCompare.tsx
View File

@ -4,18 +4,16 @@ import { useColorFunction } from '../../ColorFunctionContext';
import styles from './CompareLayout.module.css';
import { CompareMethodProps } from './share-props';
const defaultCompareResult: OklchDifference = new OklchDifference(
new Differ(0, 0),
new Differ(0, 0),
new Differ(0, 0),
);
export function OklchCompare({
basic = '000000',
compare = '000000',
mode = 'absolute',
}: CompareMethodProps) {
const { colorFn } = useColorFunction();
const defaultCompareResult: OklchDifference = useMemo(
() => new OklchDifference(new Differ(0, 0), new Differ(0, 0), new Differ(0, 0)),
[],
);
const differ = useMemo(() => {
if (!colorFn) {
return defaultCompareResult;

10
src/page-components/color-compare/RGBCompare.tsx
View File

@ -4,18 +4,16 @@ import { useColorFunction } from '../../ColorFunctionContext';
import styles from './CompareLayout.module.css';
import { CompareMethodProps } from './share-props';
const defaultCompareResult: RGBDifference = new RGBDifference(
new Differ(0, 0),
new Differ(0, 0),
new Differ(0, 0),
);
export function RGBCompare({
basic = '000000',
compare = '000000',
mode = 'absolute',
}: CompareMethodProps) {
const { colorFn } = useColorFunction();
const defaultCompareResult: RGBDifference = useMemo(
() => new RGBDifference(new Differ(0, 0), new Differ(0, 0), new Differ(0, 0)),
[],
);
const differ = useMemo(() => {
if (!colorFn) {
return defaultCompareResult;

3
src/page-components/color-compare/ShadeScale.tsx
View File

@ -5,10 +5,9 @@ import { useColorFunction } from '../../ColorFunctionContext';
import styles from './CompareLayout.module.css';
import { CompareMethodProps } from './share-props';
const defaultMixResult: MixReversing = new MixReversing(0, 0, 0, 0);
export function ShadeScale({ basic = '000000', compare = '000000' }: CompareMethodProps) {
const { colorFn } = useColorFunction();
const defaultMixResult: MixReversing = useMemo(() => new MixReversing(0, 0, 0, 0), []);
const mixFactors = useMemo(() => {
if (!colorFn) {
return defaultMixResult;

3
src/page-components/color-compare/TintScale.tsx
View File

@ -5,10 +5,9 @@ import { useColorFunction } from '../../ColorFunctionContext';
import styles from './CompareLayout.module.css';
import { CompareMethodProps } from './share-props';
const defaultMixResult: MixReversing = new MixReversing(0, 0, 0, 0);
export function TintScale({ basic = '000000', compare = '000000' }: CompareMethodProps) {
const { colorFn } = useColorFunction();
const defaultMixResult: MixReversing = useMemo(() => new MixReversing(0, 0, 0, 0), []);
const mixFactors = useMemo(() => {
if (!colorFn) {
return defaultMixResult;