修复或屏蔽编译错误。

src/page-components/color-compare/HCTCompare.tsx

@@ -1,23 +1,14 @@
 import { useMemo } from 'react';
-import { HctDiffference } from '../../color_functions/color_module';
+import { Differ, HctDiffference } from '../../color_functions/color_module';
 import { useColorFunction } from '../../ColorFunctionContext';
 import styles from './CompareLayout.module.css';
 import { CompareMethodProps } from './share-props';
 
-const defaultCompareResult: HctDiffference = {
-  hue: {
-    delta: 0,
-    percent: 0,
-  },
-  chroma: {
-    delta: 0,
-    percent: 0,
-  },
-  lightness: {
-    delta: 0,
-    percent: 0,
-  },
-};
+const defaultCompareResult: HctDiffference = new HctDiffference(
+  new Differ(0, 0),
+  new Differ(0, 0),
+  new Differ(0, 0),
+);
 
 export function HCTCompare({
   basic = '000000',

src/page-components/color-compare/HSLCompare.tsx

@@ -1,23 +1,14 @@
 import { useMemo } from 'react';
-import { HSLDifference } from '../../color_functions/color_module';
+import { Differ, HSLDifference } from '../../color_functions/color_module';
 import { useColorFunction } from '../../ColorFunctionContext';
 import styles from './CompareLayout.module.css';
 import { CompareMethodProps } from './share-props';
 
-const defaultCompareResult: HSLDifference = {
-  hue: {
-    delta: 0,
-    percent: 0,
-  },
-  saturation: {
-    delta: 0,
-    percent: 0,
-  },
-  lightness: {
-    delta: 0,
-    percent: 0,
-  },
-};
+const defaultCompareResult: HSLDifference = new HSLDifference(
+  new Differ(0, 0),
+  new Differ(0, 0),
+  new Differ(0, 0),
+);
 
 export function HSLCompare({
   basic = '000000',

src/page-components/color-compare/OKLCHCompare.tsx

@@ -1,23 +1,14 @@
 import { useMemo } from 'react';
-import { OklchDifference } from '../../color_functions/color_module';
+import { Differ, OklchDifference } from '../../color_functions/color_module';
 import { useColorFunction } from '../../ColorFunctionContext';
 import styles from './CompareLayout.module.css';
 import { CompareMethodProps } from './share-props';
 
-const defaultCompareResult: OklchDifference = {
-  hue: {
-    delta: 0,
-    percent: 0,
-  },
-  chroma: {
-    delta: 0,
-    percent: 0,
-  },
-  lightness: {
-    delta: 0,
-    percent: 0,
-  },
-};
+const defaultCompareResult: OklchDifference = new OklchDifference(
+  new Differ(0, 0),
+  new Differ(0, 0),
+  new Differ(0, 0),
+);
 
 export function OklchCompare({
   basic = '000000',

src/page-components/color-compare/RGBCompare.tsx

@@ -1,23 +1,14 @@
 import { useMemo } from 'react';
-import { RGBDifference } from '../../color_functions/color_module';
+import { Differ, RGBDifference } from '../../color_functions/color_module';
 import { useColorFunction } from '../../ColorFunctionContext';
 import styles from './CompareLayout.module.css';
 import { CompareMethodProps } from './share-props';
 
-const defaultCompareResult: RGBDifference = {
-  r: {
-    delta: 0,
-    percent: 0,
-  },
-  g: {
-    delta: 0,
-    percent: 0,
-  },
-  b: {
-    delta: 0,
-    percent: 0,
-  },
-};
+const defaultCompareResult: RGBDifference = new RGBDifference(
+  new Differ(0, 0),
+  new Differ(0, 0),
+  new Differ(0, 0),
+);
 
 export function RGBCompare({
   basic = '000000',

src/page-components/color-compare/ShadeScale.tsx

@@ -5,12 +5,7 @@ import { useColorFunction } from '../../ColorFunctionContext';
 import styles from './CompareLayout.module.css';
 import { CompareMethodProps } from './share-props';
 
-const defaultMixResult: MixReversing = {
-  r_factor: 0,
-  g_factor: 0,
-  b_factor: 0,
-  average: 0,
-};
+const defaultMixResult: MixReversing = new MixReversing(0, 0, 0, 0);
 
 export function ShadeScale({ basic = '000000', compare = '000000' }: CompareMethodProps) {
   const { colorFn } = useColorFunction();

src/page-components/color-compare/TintScale.tsx

@@ -5,12 +5,7 @@ import { useColorFunction } from '../../ColorFunctionContext';
 import styles from './CompareLayout.module.css';
 import { CompareMethodProps } from './share-props';
 
-const defaultMixResult: MixReversing = {
-  r_factor: 0,
-  g_factor: 0,
-  b_factor: 0,
-  average: 0,
-};
+const defaultMixResult: MixReversing = new MixReversing(0, 0, 0, 0);
 
 export function TintScale({ basic = '000000', compare = '000000' }: CompareMethodProps) {
   const { colorFn } = useColorFunction();

src/page-components/scheme/ColorEntry.tsx

@@ -1,6 +1,6 @@
 import { isEmpty } from 'lodash-es';
 import { ActionIcon } from '../../components/ActionIcon';
-import { FloatColorPicker } from '../../components/FloatcolorPicker';
+import { FloatColorPicker } from '../../components/FloatColorPicker';
 import styles from './colorEntry.module.css';
 
 export type IdenticalColorEntry = {

src/page-components/scheme/m2-scheme/Builder.tsx

@@ -1,7 +1,7 @@
 import { includes, isEmpty, isNil, merge } from 'lodash-es';
 import { useActionState, useCallback, useMemo, useState } from 'react';
 import { useColorFunction } from '../../../ColorFunctionContext';
-import { FloatColorPicker } from '../../../components/FloatcolorPicker';
+import { FloatColorPicker } from '../../../components/FloatColorPicker';
 import { ScrollArea } from '../../../components/ScrollArea';
 import { MaterialDesign2SchemeStorage } from '../../../material-2-scheme';
 import { SchemeContent } from '../../../models';

src/page-components/scheme/m3-scheme/Builder.tsx

@@ -1,7 +1,7 @@
 import { includes, isEmpty, isNil } from 'lodash-es';
 import { useActionState, useCallback, useMemo, useState } from 'react';
 import { useColorFunction } from '../../../ColorFunctionContext';
-import { FloatColorPicker } from '../../../components/FloatcolorPicker';
+import { FloatColorPicker } from '../../../components/FloatColorPicker';
 import { ScrollArea } from '../../../components/ScrollArea';
 import { MaterialDesign3Scheme, MaterialDesign3SchemeStorage } from '../../../material-3-scheme';
 import { SchemeContent } from '../../../models';

src/page-components/scheme/q-scheme/Builder.tsx

@@ -7,7 +7,7 @@ import {
   WACGSetting,
 } from '../../../color_functions/color_module';
 import { useColorFunction } from '../../../ColorFunctionContext';
-import { FloatColorPicker } from '../../../components/FloatcolorPicker';
+import { FloatColorPicker } from '../../../components/FloatColorPicker';
 import { ScrollArea } from '../../../components/ScrollArea';
 import { VSegmentedControl } from '../../../components/VSegmentedControl';
 import { SchemeContent } from '../../../models';