Class LogPlugin

packages/amis-editor/src/plugin/Log.tsx:8–160

import {getSchemaTpl, tipedLabel} from 'amis-editor-core';

export class LogPlugin extends BasePlugin {
  static id = 'LogPlugin';
  // 关联渲染器名字
  rendererName = 'log';
  $schema = '/schemas/LogSchema.json';

  // 组件名称
  name = '日志';
  isBaseComponent = true;
  icon = 'fa fa-file-text-o';
  pluginIcon = 'log-plugin';
  description = '用来实时显示日志';
  searchKeywords = '实时日志';
  docLink = '/amis/zh-CN/components/log';
  tags = ['展示'];
  previewSchema = {
    type: 'log',
    height: 120,
    autoScroll: true
  };
  scaffold: any = {
    type: 'log',
    autoScroll: true,
    height: 500,
    encoding: 'utf-8'
  };
  panelJustify = true;
  panelTitle = '日志';
  panelBodyCreator = (context: BaseEventContext) => {
    const renderer: any = context.info.renderer;
    return getSchemaTpl('tabs', [
      {
        title: '属性',
        body: getSchemaTpl('collapseGroup', [
          {
            title: '基本',
            body: [
              getSchemaTpl('apiControl', {
                required: true,
                name: 'source',
                renderLabel: true,
                label: tipedLabel(
                  '数据源',
                  `返回日志信息的服务，后端需要通过流的方式返回结果。
                  可参考<a target="_blank" href="https://baidu.github.io/amis/zh-CN/components/log#%E5%90%8E%E7%AB%AF%E5%AE%9E%E7%8E%B0%E5%8F%82%E8%80%83">示例</a>`
                )
              }),
              {
                type: 'input-text',
                label: tipedLabel(
                  '文本编码',
                  '返回内容的字符编码，例如 UTF-8、ISO-8859-2、KOI8-R、GBK等等。默认UTF-8'
                ),
                name: 'encoding'
              },
              getSchemaTpl('placeholder', {
                label: '加载提示',
                placeholder: '加载中'