Class TooltipWrapperPlugin

packages/amis-editor/src/plugin/TooltipWrapper.tsx:10–309

import {generateId} from '../util';

export class TooltipWrapperPlugin extends BasePlugin {
  static id = 'TooltipWrapperPlugin';
  static scene = ['layout'];
  rendererName = 'tooltip-wrapper';
  $schema = '/schemas/TooltipWrapperSchema.json';

  isBaseComponent = true;
  name = '文字提示';
  description =
    '类似容器，可以将多个渲染器放置在一起，当用户鼠标悬停或者点击容器时，显示文字提示浮层';
  searchKeywords = '文字提示容器';
  docLink = '/amis/zh-CN/components/tooltip';
  tags = ['功能'];
  icon = 'fa fa-comment-alt';
  pluginIcon = 'tooltip-wrapper-plugin';

  scaffold = {
    type: 'tooltip-wrapper',
    tooltip: '提示文字',
    body: [
      {
        type: 'tpl',
        wrapperComponent: '',
        tpl: '内容',
        id: generateId()
      }
    ],
    enterable: true,
    showArrow: true,
    offset: [0, 0]
  };

  previewSchema = {
    ...this.scaffold,
    className: 'p-1 mr-3 border-2 border-solid border-indigo-400'
  };

  regions: Array<RegionConfig> = [
    {
      key: 'body',
      label: '内容区'
    }
  ];

  panelTitle = this.name;

  panelJustify = true;

  panelBodyCreator = (context: BaseEventContext) => {
    return [
      getSchemaTpl('tabs', [
        {
          title: '属性',
          className: 'p-none',
          body: [
            getSchemaTpl('collapseGroup', [
              {
                title: '基本',