[OHIF-Viewers]醫療數字閱片-醫學影像-Module: Panel-自定義面板-上

https://docs.ohif.org/extensions/modules/panel.html

Module: Panel

An extension can register a Panel Module by defining agetPanelModulemethod. The panel module provides the ability to definemenuOptionsandcomponentsthat can be used by the consuming application.components

ThemenuOptions'stargetkey points to a registeredcomponents'sid. AdefaultContextis applied to allmenuOptions; however, eachmenuOptioncan optional provide it's owncontextvalue.

ThegetPanelModule

import MyComponent from './MyComponent.js';

export default {
  id: 'example-panel-module',

  /**
   * @param {object} params
   * @param {ServicesManager} params.servicesManager
   * @param {CommandsManager} params.commandsManager
   
 
*/
  getPanelModule({ servicesManager, commandsManager }) {
    return {
      menuOptions: [
        {
          // A suggested icon
          // Available icons determined by consuming app
          icon: 'list',
          // A suggested label
          label: 'Magic',
          // 'right' or 'left'
          from: 'right',
          // The target component to toggle open/close
          target: 'target-component-id',
          // UI Hint; If the target panel is in a "disabled" state
          isDisabled: studies => {
            return false;
          },
          // Overrides `defaultContext`, if specified
          context: ['ACTIVE_VIEWPORT:MAGIC'],
        },
      ],
      components: [
        {
          id: 'target-component-id',
          component: MyComponent,
        },
      ],
      defaultContext: ['ROUTE:VIEWER'],
    };
  },
};