TypeScript Utilities.memoizeFunction函数代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了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'
        }
      }
    }
  };
});

开发者ID:zoarif，项目名称:office-ui-fabric-react，代码行数:18，代码来源:Button.Split.Example.styles.ts

示例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'
      }
    };
  }
);

开发者ID:mikewheaton，项目名称:office-ui-fabric-react，代码行数:33，代码来源:CompoundButton.styles.ts

示例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',

开发者ID:magellantoo，项目名称:office-ui-fabric-react，代码行数:31，代码来源:ThumbnailList.styles.ts

示例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 }
  };
});

开发者ID:ThomasMichon，项目名称:office-ui-fabric-react，代码行数:10，代码来源:Button.Split.Example.styles.ts

示例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 => {

开发者ID:atneik，项目名称:office-ui-fabric-react，代码行数:32，代码来源:ThumbnailList.styles.ts

示例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;
}

开发者ID:OfficeDev，项目名称:office-ui-fabric-react，代码行数:20，代码来源:textHelpers.ts

示例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'
      }
    };
  }
);

开发者ID:aditima，项目名称:office-ui-fabric-react，代码行数:23，代码来源:ActionBarButton.styles.ts

注：本文中的office-ui-fabric-react/lib/Utilities.memoizeFunction函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。