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
Download Patch File Download Diff File Expand all files Collapse all files

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;