本文整理汇总了TypeScript中style-value-types.complex.createTransformer方法的典型用法代码示例。如果您正苦于以下问题:TypeScript complex.createTransformer方法的具体用法?TypeScript complex.createTransformer怎么用?TypeScript complex.createTransformer使用的例子?那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类style-value-types.complex
的用法示例。
在下文中一共展示了complex.createTransformer方法的2个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: invariant
const createComplexAction: CreateVectorAction = (
action,
{ from, to, ...props }
) => {
const valueTemplate = complex.createTransformer(from);
invariant(
valueTemplate(from) === complex.createTransformer(to)(from),
`Values '${from}' and '${to}' are of different format, or a value might have changed value type.`
);
return action({ ...props, from: 0, to: 1 }).pipe(
blendArray(complex.parse(from), complex.parse(to)),
valueTemplate
);
};
示例2: pipe
export const mixComplex = (origin: string, target: string): MixComplex => {
const template = complex.createTransformer(target);
const originStats = analyse(origin);
const targetStats = analyse(target);
// Test if both values have the same number of each value type (number/rgb/hsla), or that the origin
// has the same or more numbers as the target, and throw if not.
invariant(
originStats.numHSL === targetStats.numHSL &&
originStats.numRGB === targetStats.numRGB &&
originStats.numNumbers >= targetStats.numNumbers,
`Complex values '${origin}' and '${target}' too different to mix. Ensure all colors are of the same type.`
);
return pipe(
mixArray(originStats.parsed, targetStats.parsed),
template
) as MixComplex;
};