本文整理汇总了TypeScript中office-ui-fabric-react/lib/Utilities.memoizeFunction函数的典型用法代码示例。如果您正苦于以下问题：TypeScript memoizeFunction函数的具体用法？TypeScript memoizeFunction怎么用？TypeScript memoizeFunction使用的例子？那么, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了memoizeFunction函数的7个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: memoizeFunction
import { memoizeFunction } from 'office-ui-fabric-react/lib/Utilities';
import { IButtonStyles } from 'office-ui-fabric-react/lib/Button';
import { HighContrastSelector } from '../../../Styling';
export const getCustomSplitButtonStyles = memoizeFunction((): IButtonStyles => {
return {
splitButtonMenuButton: { backgroundColor: 'white', width: '10px' },
splitButtonMenuIcon: { fontSize: '7px' },
splitButtonDivider: { borderLeft: '1px solid #c8c8c8', right: 12 },
splitButtonContainer: {
selectors: {
[HighContrastSelector]: {
border: 'none'
}
}
}
};
});示例2: memoizeFunction
export const getCustomCompoundButtonStyles = memoizeFunction(
(): IButtonStyles => {
return {
root: {
width: '100%',
marginBottom: '16px',
maxWidth: 'none',
minHeight: '68px',
padding: '14px'
},
textContainer: {
overflow: 'hidden'
},
label: {
textOverflow: 'ellipsis',
width: 'inherit',
overflow: 'hidden',
whiteSpace: 'nowrap',
fontSize: '12px',
lineHeight: '14px',
minHeight: '16px',
color: '#000000'
},
description: {
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
overflow: 'hidden',
lineHeight: '14px',
minHeight: '16px'
}
};
}
);示例3: memoizeFunction
import { IThumbnailItemStyles } from './ThumbnailList.types';
import { memoizeFunction } from 'office-ui-fabric-react/lib/Utilities';
import { IButtonStyles } from 'office-ui-fabric-react/lib/Button';
export const getCustomCommandBarStyles = memoizeFunction(
(): IButtonStyles => {
return {
root: {
maxWidth: 'auto',
paddingLeft: '0px',
paddingTop: '2px',
paddingBottom: '10px'
},
label: {
fontSize: '12px',
lineHeight: '14px'
},
description: {
fontSize: '12px',
lineHeight: '14px',
paddingBottom: '2px'
}
};
}
);
export const getThumbnailItemStyles = (): IThumbnailItemStyles => {
return {
root: {
overflow: 'hidden',
marginBottom: '16px',示例4: memoizeFunction
import { memoizeFunction } from 'office-ui-fabric-react/lib/Utilities';
import { IButtonStyles } from 'office-ui-fabric-react/lib/Button';
export const getCustomSplitButtonStyles = memoizeFunction((): IButtonStyles => {
return {
splitButtonMenuButton: { backgroundColor: 'white', width: '10px' },
splitButtonMenuIcon: { fontSize: '7px' },
splitButtonDivider: { borderLeft: '1px solid #c8c8c8', right: 12 }
};
});示例5: memoizeFunction
import { IButtonStyles } from 'office-ui-fabric-react/lib/Button';
export const getCustomCommandBarStyles = memoizeFunction(
(): IButtonStyles => {
return {
root: {
maxWidth: 'auto',
padding: '0px',
height: '100%',
selectors: {
div: {
margin: 'auto'
}
}
},
label: {
fontSize: '12px',
lineHeight: '14px'
},
description: {
fontSize: '12px',
lineHeight: '14px',
paddingBottom: '2px'
},
textContainer: {
paddingLeft: '16px'
}
};
}
);
export const getThumbnailItemStyles = (): IThumbnailItemStyles => {示例6: memoizeFunction
import { memoizeFunction } from 'office-ui-fabric-react/lib/Utilities';
const getContextOrFalse = memoizeFunction(
(): CanvasRenderingContext2D | false => document.createElement('canvas').getContext('2d') || false,
1
);
export function isSingleLineText(lineLength: number, text: string, textStyle: string): boolean {
const context = getContextOrFalse();
if (!context) {
return false;
}
context.font = textStyle;
const textWidth = context.measureText(text).width;
return textWidth <= lineLength;
}
示例7: memoizeFunction
import { memoizeFunction } from 'office-ui-fabric-react/lib/Utilities';
import { IButtonStyles } from 'office-ui-fabric-react/lib/Button';
export const getCustomActionBarButtonStyles = memoizeFunction(
(): IButtonStyles => {
return {
root: {
marginRight: '16px'
},
textContainer: {
overflow: 'hidden'
},
label: {
textOverflow: 'ellipsis',
width: 'inherit',
overflow: 'hidden',
whiteSpace: 'nowrap',
lineHeight: '14px',
minHeight: '16px'
}
};
}
);