@cainiaofe/cn-ui-charts/es/lowcode/cn-tile/prototype.js

菜鸟图表组件

var _getLowCodeCoreUtil;
import { Bundle } from '@ali/visualengine';
import Icon from "./logo";
import { createCellSnippet, createDefaultFilter, getComponentSlotSetterSnippet, getGroupSetterSnippet, getObjectSetterSnippet } from "../../common/manager/setter-snippet";
import { getLowCodeCoreUtil } from "../../common/util/util";

// 原型配置请参考：https://lark.alipay.com/vision/docs/prototype
export default Bundle.createPrototype({
  title: '瓷片（DashBoard场景中使用）',
  componentName: 'CnTile',
  category: '图表',
  icon: Icon,
  docUrl: '',
  isContainer: true,
  // initialChildren: [{
  //   componentName: 'CnTabItem',
  //   props: { primaryKey: 'tab_' + uuid(8) },
  // }, {
  //   componentName: 'CnTabItem',
  //   props: { primaryKey: 'tab_' + uuid(8) },
  // }],
  // canDropIn:['CnStatisticCard', 'CnPieChart','CnLineChart','CnColumnChart'],
  initialChildren: [createCellSnippet()],
  snippets: [{
    screenshot: 'https://img.alicdn.com/imgextra/i1/O1CN01gksTqP1qrUcrep748_!!6000000005549-0-tps-660-308.jpg',
    label: 'CnTile',
    schema: {
      componentName: 'CnTile',
      props: {}
    }
  }],
  configure: [{
    name: 'isCnTile',
    title: 'CnTile',
    initialValue: true,
    display: 'none'
  }, {
    name: '_context',
    title: '上下文',
    initialValue: {
      type: 'JSExpression',
      value: 'this'
    },
    display: 'none'
  }, getGroupSetterSnippet({
    items: [{
      name: 'span',
      title: '在一行中占几列(共12列)',
      display: 'inline',
      setter: 'NumberSetter'
    }],
    outerConfig: {
      title: '布局'
    }
  }), {
    name: '_filter',
    title: '筛选条件',
    display: 'plain',
    setter: getObjectSetterSnippet({
      items: [getComponentSlotSetterSnippet({
        title: '开启筛选',
        slotInitialValue: {
          type: "JSSlot",
          value: [createDefaultFilter()]
        }
      }), {
        name: 'slotPosition',
        title: '筛选栏位置',
        display: 'inline',
        defaultValue: 'titleBottom',
        setter: {
          componentName: 'RadioGroupSetter',
          props: {
            options: [{
              label: '标题右侧',
              value: 'right'
            }, {
              label: '标题下方',
              value: 'titleBottom'
            }]
          }
        }
      }]
    })
  }, {
    title: '样式',
    name: 'tileStyle',
    display: 'accordion',
    collapsed: false,
    setter: getObjectSetterSnippet({
      items: [{
        name: 'type',
        title: '瓷片样式',
        display: 'inline',
        defaultValue: 'normal',
        initialValue: 'normal',
        setter: {
          componentName: 'RadioGroupSetter',
          props: {
            options: [{
              label: '无边框',
              value: 'noBorder'
            }, {
              label: '普通',
              value: 'normal'
            }]
          }
        }
      }, {
        name: 'title',
        title: '标题',
        display: 'inline',
        initialValue: '标题',
        setter: 'CnI18nSetter'
      }, {
        name: 'titleTip',
        title: '标题提示',
        display: 'inline',
        setter: 'CnI18nSetter'
      }, {
        name: 'collapsible',
        title: '支持折叠',
        display: 'inline',
        setter: 'BoolSetter'
      }, {
        name: 'backgroundColor',
        title: '背景色',
        display: 'inline',
        setter: "StringSetter"
      }, {
        name: 'customStyle',
        title: '自定义样式',
        display: 'inline',
        setter: {
          title: '写js表达式',
          componentName: 'CnRowDataSetter',
          props: function props() {
            return {
              list: [],
              initialCode: "function customStyle(){\n  return {\n  }\n}",
              tip: "\u8BF7\u8FD4\u56DEstyle\u5BF9\u8C61\u3002\n  "
            };
          }
        }
      }]
    })
  }, {
    name: 'extra',
    title: '右侧按钮栏',
    display: 'accordion',
    setter: (_getLowCodeCoreUtil = getLowCodeCoreUtil('button.createButtonListSetters')) === null || _getLowCodeCoreUtil === void 0 ? void 0 : _getLowCodeCoreUtil({
      position: getLowCodeCoreUtil('enumMap.ButtonPosition.tileRightButton')
    })
  }]
});