TypeScript Utilities.memoizeFunction函數代碼示例

本文整理匯總了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；未經允許，請勿轉載。