本文整理匯總了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;
};