本文整理匯總了TypeScript中@uifabric/merge-styles.mergeStyles函數的典型用法代碼示例。如果您正苦於以下問題：TypeScript mergeStyles函數的具體用法？TypeScript mergeStyles怎麽用？TypeScript mergeStyles使用的例子？那麽, 這裏精選的函數代碼示例或許可以為您提供幫助。
在下文中一共展示了mergeStyles函數的4個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: getIcon
export function getIcon(name?: string): IIconRecord | undefined {
let icon: IIconRecord | undefined = undefined;
const options = _iconSettings.__options;
name = name ? normalizeIconName(name) : '';
name = _iconSettings.__remapped[name] || name;
if (name) {
icon = _iconSettings[name!] as IIconRecord;
if (icon) {
let { subset } = icon;
if (subset && subset.fontFace) {
if (!subset.isRegistered) {
fontFace(subset.fontFace);
subset.isRegistered = true;
}
if (!subset.className) {
subset.className = mergeStyles(subset.style, {
fontFamily: subset.fontFace.fontFamily,
fontWeight: subset.fontFace.fontWeight || 'normal',
fontStyle: subset.fontFace.fontStyle || 'normal'
});
}
}
} else {
if (!options.disableWarnings && options.warnOnMissingIcons) {
warn(`The icon "${name}" was used but not registered. See http://aka.ms/fabric-icon-usage for more information.`);
}
}
}
return icon;
}示例2: getIconClassName
export function getIconClassName(name: string): string {
let className = '';
const icon = getIcon(name);
if (icon) {
className = mergeStyles(icon.subset.className, defaultIconStyles, {
selectors: {
'::before': {
content: `"${icon.code}"`
}
}
});
}
return className;
}示例3: mergeStyles
import { getDocument } from './dom/getDocument';
import { mergeStyles } from '@uifabric/merge-styles';
import { EventGroup } from './EventGroup';
let _scrollbarWidth: number;
let _bodyScrollDisabledCount = 0;
const DisabledScrollClassName = mergeStyles({
overflow: 'hidden !important' as 'hidden'
});
/**
* Placing this attribute on scrollable divs optimizes detection to know
* if the div is scrollable or not (given we can avoid expensive operations
* like getComputedStyle.)
*
* @public
*/
export const DATA_IS_SCROLLABLE_ATTRIBUTE = 'data-is-scrollable';
const _makeElementScrollAllower = () => {
let _previousClientY = 0;
let _element: Element | null = null;
// remember the clientY for future calls of _preventOverscrolling
const _saveClientY = (event: TouchEvent): void => {
if (event.targetTouches.length === 1) {
_previousClientY = event.targetTouches[0].clientY;
}
};
示例4: mergeStyles
get: (): string => {
// tslint:disable-next-line:no-any
const style: IRawStyle = { [cssProperty]: (getTheme().palette as any)[colorName] };
return mergeStyles(isHover ? { selectors: { ':hover': style } } : style).toString();
},