Class CardsPlugin

packages/amis-editor/src/plugin/Cards.tsx:24–631

import {escapeFormula, generateId, resolveArrayDatasource} from '../util';

export class CardsPlugin extends BasePlugin {
  static id = 'CardsPlugin';
  static scene = ['layout'];
  // 关联渲染器名字
  rendererName = 'cards';
  $schema = '/schemas/CardsSchema.json';

  // 组件名称
  name = '卡片列表';
  isBaseComponent = true;
  isListComponent = true;
  memberImmutable = true;
  description =
    '功能类似于表格，但是用一个个小卡片来展示数据。当前组件需要配置数据源，不自带数据拉取，请优先使用 「CRUD」 组件。';
  searchKeywords = '卡片组';
  docLink = '/amis/zh-CN/components/cards';
  tags = ['展示'];
  icon = 'fa fa-window-maximize';
  pluginIcon = 'cards-plugin';
  scaffold = {
    type: 'cards',
    columnsCount: 4,
    card: {
      type: 'container',
      body: [
        {
          type: 'container',
          body: [
            {
              type: 'icon',
              icon: 'fa fa-check',
              vendor: '',
              themeCss: {
                className: {
                  'font': {
                    color: 'var(--colors-brand-6)',
                    fontSize: '20px'
                  },
                  'padding-and-margin:default': {
                    marginRight: '10px'
                  }
                }
              },
              id: generateId()
            },
            {
              type: 'tpl',
              tpl: '流水线任务实例 ',
              inline: true,
              wrapperComponent: '',
              editorSetting: {
                mock: {}
              },
              style: {},
              themeCss: {
                baseControlClassName: {
                  'font:default': {
                    fontSize: 'var(--fonts-size-6)',