本文整理匯總了TypeScript中@uifabric/merge-styles/lib/index.mergeStyles函數的典型用法代碼示例。如果您正苦於以下問題:TypeScript mergeStyles函數的具體用法?TypeScript mergeStyles怎麽用?TypeScript mergeStyles使用的例子?那麽, 這裏精選的函數代碼示例或許可以為您提供幫助。
在下文中一共展示了mergeStyles函數的6個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: mergeStyles
get: (): string => {
if (className === undefined) {
// tslint:disable-next-line:no-any
className = mergeStyles(styles[styleName] as any).toString();
}
return className;
},
示例2: getIconClassName
export function getIconClassName(name: string): string {
let className = '';
const icon = getIcon(name);
if (icon) {
className = mergeStyles(
icon.subset.className,
{
selectors: {
'::before': {
content: `"${icon.code}"`
}
}
});
}
return className;
}
示例3: getIcon
export function getIcon(name?: string): IIconRecord | undefined {
let icon: IIconRecord | undefined = undefined;
const options = _iconSettings.__options;
name = name ? name.toLowerCase() : '';
name = _iconSettings.__remapped[name] || name;
if (name) {
icon = _iconSettings[name!] as IIconRecord;
if (icon) {
let { subset } = icon;
if (subset.fontFace && !subset.isRegistered) {
// Register font face for given icons.
fontFace(subset.fontFace);
// Generate a base class name for the given font.
subset.className = mergeStyles(
subset.style,
{
fontFamily: subset.fontFace.fontFamily,
fontWeight: subset.fontFace.fontWeight || 'normal',
fontStyle: subset.fontFace.fontStyle || 'normal'
}).toString();
subset.isRegistered = true;
}
} 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;
}
示例4: getIcon
export function getIcon(name?: string): IIconRecord | undefined {
let icon: IIconRecord | undefined = undefined;
name = name ? name.toLowerCase() : '';
name = _icons.__remapped[name] || name;
if (name) {
icon = _icons[name!] as IIconRecord;
if (icon) {
let { subset } = icon;
if (!subset.isRegistered) {
// Register font face for given icons.
fontFace(subset.fontFace);
// Generate a base class name for the given font.
subset.className = mergeStyles(
subset.style,
{
fontFamily: subset.fontFace.fontFamily,
fontWeight: subset.fontFace.fontWeight || 'normal',
fontStyle: subset.fontFace.fontStyle || 'normal'
}).toString();
subset.isRegistered = true;
}
} else {
if (_icons.__options.warnOnMissingIcons) {
warn(`The icon "${name}" was referenced but not registered.`);
}
}
}
return icon;
}
示例5: 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();
},
示例6: mergeStyles
import { getDocument } from './dom';
import { mergeStyles } from '@uifabric/merge-styles/lib/index';
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';
/**
* Disables the body scrolling.
*
* @public
*/
export function disableBodyScroll(): void {
let doc = getDocument();
if (doc && doc.body && !_bodyScrollDisabledCount) {
doc.body.classList.add(DisabledScrollClassName);
}