antd-color-editor
Version:
An open-source color editor for designing color system
329 lines (328 loc) • 17 kB
TypeScript
import type { Schema } from 'leva/src/types/index';
import { type IGenerateConfig, type ISchemaItem } from "../index";
import { type IEditorConfig } from './defaultConfig';
export declare const getCacheEditorConfig: () => IEditorConfig;
export declare const setForceConfig: (forceConfig: {
data: IEditorConfig;
name: string;
time: number;
}) => void;
export declare const cacheEditorConfig: IEditorConfig;
export declare const colorConfig: {
darkDown: Schema;
darkUp: Schema;
lightDown: Schema;
lightUp: Schema;
};
export declare const advanceConfig: {
darkDown: Schema;
darkUp: Schema;
lightDown: Schema;
lightUp: Schema;
};
export declare const hueConfig: Schema;
export declare const neutralConfig: Schema;
export declare const neutralAdvanceConfig: {
"\u4E0A\u68AF\u5EA6 \u8272\u5EA6\u66F2\u7EBF": import("leva/plugin").FolderInput<{
cEasingUp: {
[x: number]: number;
0: number;
1: number;
2: number;
3: number;
length: 4;
toString: (() => string) & (() => string);
toLocaleString: (() => string) & (() => string);
pop: () => number | undefined;
push: (...items: number[]) => number;
concat: {
(...items: ConcatArray<number>[]): number[];
(...items: (number | ConcatArray<number>)[]): number[];
};
join: (separator?: string | undefined) => string;
reverse: () => number[];
shift: () => number | undefined;
slice: (start?: number | undefined, end?: number | undefined) => number[];
sort: (compareFn?: ((a: number, b: number) => number) | undefined) => import("@leva-ui/plugin-bezier/dist/declarations/src/bezier-types").InternalBezier;
splice: {
(start: number, deleteCount?: number | undefined): number[];
(start: number, deleteCount: number, ...items: number[]): number[];
};
unshift: (...items: number[]) => number;
indexOf: (searchElement: number, fromIndex?: number | undefined) => number;
lastIndexOf: (searchElement: number, fromIndex?: number | undefined) => number;
every: {
<S extends number>(predicate: (value: number, index: number, array: number[]) => value is S, thisArg?: any): this is S[];
(predicate: (value: number, index: number, array: number[]) => unknown, thisArg?: any): boolean;
};
some: (predicate: (value: number, index: number, array: number[]) => unknown, thisArg?: any) => boolean;
forEach: (callbackfn: (value: number, index: number, array: number[]) => void, thisArg?: any) => void;
map: <U>(callbackfn: (value: number, index: number, array: number[]) => U, thisArg?: any) => U[];
filter: {
<S_1 extends number>(predicate: (value: number, index: number, array: number[]) => value is S_1, thisArg?: any): S_1[];
(predicate: (value: number, index: number, array: number[]) => unknown, thisArg?: any): number[];
};
reduce: {
(callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: number[]) => number): number;
(callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: number[]) => number, initialValue: number): number;
<U_1>(callbackfn: (previousValue: U_1, currentValue: number, currentIndex: number, array: number[]) => U_1, initialValue: U_1): U_1;
};
reduceRight: {
(callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: number[]) => number): number;
(callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: number[]) => number, initialValue: number): number;
<U_2>(callbackfn: (previousValue: U_2, currentValue: number, currentIndex: number, array: number[]) => U_2, initialValue: U_2): U_2;
};
find: {
<S_2 extends number>(predicate: (value: number, index: number, obj: number[]) => value is S_2, thisArg?: any): S_2 | undefined;
(predicate: (value: number, index: number, obj: number[]) => unknown, thisArg?: any): number | undefined;
};
findIndex: (predicate: (value: number, index: number, obj: number[]) => unknown, thisArg?: any) => number;
fill: (value: number, start?: number | undefined, end?: number | undefined) => import("@leva-ui/plugin-bezier/dist/declarations/src/bezier-types").InternalBezier;
copyWithin: (target: number, start: number, end?: number | undefined) => import("@leva-ui/plugin-bezier/dist/declarations/src/bezier-types").InternalBezier;
entries: () => IterableIterator<[number, number]>;
keys: () => IterableIterator<number>;
values: () => IterableIterator<number>;
includes: (searchElement: number, fromIndex?: number | undefined) => boolean;
flatMap: <U_3, This = undefined>(callback: (this: This, value: number, index: number, array: number[]) => U_3 | readonly U_3[], thisArg?: This | undefined) => U_3[];
flat: <A, D extends number = 1>(this: A, depth?: D | undefined) => FlatArray<A, D>[];
[Symbol.iterator]: () => IterableIterator<number>;
readonly [Symbol.unscopables]: {
[x: number]: boolean | undefined;
length?: boolean | undefined;
toString?: boolean | undefined;
toLocaleString?: boolean | undefined;
pop?: boolean | undefined;
push?: boolean | undefined;
concat?: boolean | undefined;
join?: boolean | undefined;
reverse?: boolean | undefined;
shift?: boolean | undefined;
slice?: boolean | undefined;
sort?: boolean | undefined;
splice?: boolean | undefined;
unshift?: boolean | undefined;
indexOf?: boolean | undefined;
lastIndexOf?: boolean | undefined;
every?: boolean | undefined;
some?: boolean | undefined;
forEach?: boolean | undefined;
map?: boolean | undefined;
filter?: boolean | undefined;
reduce?: boolean | undefined;
reduceRight?: boolean | undefined;
find?: boolean | undefined;
findIndex?: boolean | undefined;
fill?: boolean | undefined;
copyWithin?: boolean | undefined;
entries?: boolean | undefined;
keys?: boolean | undefined;
values?: boolean | undefined;
includes?: boolean | undefined;
flatMap?: boolean | undefined;
flat?: boolean | undefined;
[Symbol.iterator]?: boolean | undefined;
readonly [Symbol.unscopables]?: boolean | undefined;
at?: boolean | undefined;
};
at: (index: number) => number | undefined;
evaluate: (value: number) => number;
cssEasing: string;
} & {
[Symbol.iterator]: () => IterableIterator<number>;
};
}>;
"\u4E0B\u68AF\u5EA6 \u8272\u5EA6\u66F2\u7EBF": import("leva/plugin").FolderInput<{
cEasingDown: {
[x: number]: number;
0: number;
1: number;
2: number;
3: number;
length: 4;
toString: (() => string) & (() => string);
toLocaleString: (() => string) & (() => string);
pop: () => number | undefined;
push: (...items: number[]) => number;
concat: {
(...items: ConcatArray<number>[]): number[];
(...items: (number | ConcatArray<number>)[]): number[];
};
join: (separator?: string | undefined) => string;
reverse: () => number[];
shift: () => number | undefined;
slice: (start?: number | undefined, end?: number | undefined) => number[];
sort: (compareFn?: ((a: number, b: number) => number) | undefined) => import("@leva-ui/plugin-bezier/dist/declarations/src/bezier-types").InternalBezier;
splice: {
(start: number, deleteCount?: number | undefined): number[];
(start: number, deleteCount: number, ...items: number[]): number[];
};
unshift: (...items: number[]) => number;
indexOf: (searchElement: number, fromIndex?: number | undefined) => number;
lastIndexOf: (searchElement: number, fromIndex?: number | undefined) => number;
every: {
<S extends number>(predicate: (value: number, index: number, array: number[]) => value is S, thisArg?: any): this is S[];
(predicate: (value: number, index: number, array: number[]) => unknown, thisArg?: any): boolean;
};
some: (predicate: (value: number, index: number, array: number[]) => unknown, thisArg?: any) => boolean;
forEach: (callbackfn: (value: number, index: number, array: number[]) => void, thisArg?: any) => void;
map: <U>(callbackfn: (value: number, index: number, array: number[]) => U, thisArg?: any) => U[];
filter: {
<S_1 extends number>(predicate: (value: number, index: number, array: number[]) => value is S_1, thisArg?: any): S_1[];
(predicate: (value: number, index: number, array: number[]) => unknown, thisArg?: any): number[];
};
reduce: {
(callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: number[]) => number): number;
(callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: number[]) => number, initialValue: number): number;
<U_1>(callbackfn: (previousValue: U_1, currentValue: number, currentIndex: number, array: number[]) => U_1, initialValue: U_1): U_1;
};
reduceRight: {
(callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: number[]) => number): number;
(callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: number[]) => number, initialValue: number): number;
<U_2>(callbackfn: (previousValue: U_2, currentValue: number, currentIndex: number, array: number[]) => U_2, initialValue: U_2): U_2;
};
find: {
<S_2 extends number>(predicate: (value: number, index: number, obj: number[]) => value is S_2, thisArg?: any): S_2 | undefined;
(predicate: (value: number, index: number, obj: number[]) => unknown, thisArg?: any): number | undefined;
};
findIndex: (predicate: (value: number, index: number, obj: number[]) => unknown, thisArg?: any) => number;
fill: (value: number, start?: number | undefined, end?: number | undefined) => import("@leva-ui/plugin-bezier/dist/declarations/src/bezier-types").InternalBezier;
copyWithin: (target: number, start: number, end?: number | undefined) => import("@leva-ui/plugin-bezier/dist/declarations/src/bezier-types").InternalBezier;
entries: () => IterableIterator<[number, number]>;
keys: () => IterableIterator<number>;
values: () => IterableIterator<number>;
includes: (searchElement: number, fromIndex?: number | undefined) => boolean;
flatMap: <U_3, This = undefined>(callback: (this: This, value: number, index: number, array: number[]) => U_3 | readonly U_3[], thisArg?: This | undefined) => U_3[];
flat: <A, D extends number = 1>(this: A, depth?: D | undefined) => FlatArray<A, D>[];
[Symbol.iterator]: () => IterableIterator<number>;
readonly [Symbol.unscopables]: {
[x: number]: boolean | undefined;
length?: boolean | undefined;
toString?: boolean | undefined;
toLocaleString?: boolean | undefined;
pop?: boolean | undefined;
push?: boolean | undefined;
concat?: boolean | undefined;
join?: boolean | undefined;
reverse?: boolean | undefined;
shift?: boolean | undefined;
slice?: boolean | undefined;
sort?: boolean | undefined;
splice?: boolean | undefined;
unshift?: boolean | undefined;
indexOf?: boolean | undefined;
lastIndexOf?: boolean | undefined;
every?: boolean | undefined;
some?: boolean | undefined;
forEach?: boolean | undefined;
map?: boolean | undefined;
filter?: boolean | undefined;
reduce?: boolean | undefined;
reduceRight?: boolean | undefined;
find?: boolean | undefined;
findIndex?: boolean | undefined;
fill?: boolean | undefined;
copyWithin?: boolean | undefined;
entries?: boolean | undefined;
keys?: boolean | undefined;
values?: boolean | undefined;
includes?: boolean | undefined;
flatMap?: boolean | undefined;
flat?: boolean | undefined;
[Symbol.iterator]?: boolean | undefined;
readonly [Symbol.unscopables]?: boolean | undefined;
at?: boolean | undefined;
};
at: (index: number) => number | undefined;
evaluate: (value: number) => number;
cssEasing: string;
} & {
[Symbol.iterator]: () => IterableIterator<number>;
};
}>;
};
/******************************************************
************************ 色板 *************************
******************************************************/
export declare const patternConfig: Schema;
export declare const stepConfig: Schema;
/******************************************************
************************ 视图 *************************
******************************************************/
export declare const editConfig: Schema;
export declare const colorTypes: string[];
export declare const displayConfig: {
colorType: {
label: import("react/jsx-runtime").JSX.Element;
options: string[];
value: string;
};
showDetail: {
label: import("react/jsx-runtime").JSX.Element;
value: boolean;
};
};
export declare const threeConfig: {
autoRotate: {
label: import("react/jsx-runtime").JSX.Element;
value: boolean;
};
hueZoom: {
label: import("react/jsx-runtime").JSX.Element;
max: number;
min: number;
step: number;
value: number;
};
showFloor: {
label: import("react/jsx-runtime").JSX.Element;
value: boolean;
};
threeZoom: {
label: import("react/jsx-runtime").JSX.Element;
max: number;
min: number;
step: number;
value: number;
};
};
export declare const tokenConfig: {
codeType: {
label: import("react/jsx-runtime").JSX.Element;
options: string[];
value: string;
};
colorType: {
label: import("react/jsx-runtime").JSX.Element;
options: string[];
value: string;
};
isolateDarkToken: {
label: import("react/jsx-runtime").JSX.Element;
value: boolean;
};
};
/******************************************************
******************* Define Config ********************
******************************************************/
export declare const defineGenerateConfig: ({ edit, step, hue, neutral, neutralAdvance, lightUp, lightUpAdvance, lightDown, lightDownAdvance, darkUp, darkUpAdvance, darkDown, darkDownAdvance, }: any) => IGenerateConfig;
export interface IScales {
dark: string[];
light: string[];
}
export declare const genScales: (color: ISchemaItem, config: Pick<IEditorConfig, 'system' | 'stepFliter' | 'generate'>) => {
color: string;
darkColor: string;
scales: IScales;
};
export interface IColorScaleItem {
dark: string[];
darkA: string[];
light: string[];
lightA: string[];
}
export interface IColorScales {
[name: string]: IColorScaleItem;
}
export type IColorConfig = Pick<IEditorConfig, 'colorList' | 'system' | 'stepFliter' | 'generate'>;
export declare const genScalesByConfig: (config: IColorConfig) => IColorScales;
export * from './defaultConfig';