testGBP/examples/gcp-meta-json.ts

import { WidgetLibType } from '../types/widgetLibTypes'

/**
 * 控件库配置示例
 */
const BillWidgetLib: WidgetLibType = {
  name: 'GCBPWebCommonWidgets',
  packageName: '@gcbp/web-common-widgets',
  label: '业务中台Web端通用控件库',
  description: '业务中台Web端通用控件库描述',
  workspace: 'gcbp',
  groups: [
    {
      type: 'prop',
      name: 'basic',
      label: '基础',
      visiableLabel: true
    },
    {
      type: 'prop',
      name: 'advanced',
      label: '高级',
      visiableLabel: true
    },
    {
      type: 'event',
      name: 'handler',
      label: '事件',
      visiableLabel: false
    }
  ],
  widgets: {
    action: [
      {
        name: 'GcdpDemoAction',
        exposePath: './action/GcdpDemoAction',
        label: '打开弹窗',
        icon: 'el-icon-add',
        category: 'action',
        matchCores: null,
        matchViews: null,
        description: '打开一个弹窗页面',
        props: [
          {
            name: 'modalId',
            label: '弹窗控件标识',
            required: true,
            type: 'string',
            editorType: 'string',
            defaultValue: '',
            group: 'basic',
            description: '输入弹窗控件标识，绑定想要打开的弹窗。'
          }
        ],
        parentName: 'CommonAction'
      }
    ],
    basic: [
      {
        name: 'GcdpTag',
        exposePath: './basic/GcdpTag',
        label: '标签',
        description: '基于GCP Design开发的基础标签',
        icon: 'iconfont gcbp-ide-biaoqian',
        category: 'basic',
        matchCores: null,
        matchViews: null,
        props: [
          {
            name: 'text',
            defaultValue: '标签',
            label: '文本',
            type: 'string',
            editorType: 'string',
            description: '标签文本',
            group: 'basic'
          },
          {
            name: 'type',
            label: '类型',
            required: false,
            type: 'string',
            defaultValue: 'normal',
            editorType: 'enum',
            editorOptions: [
              { name: 'normal', label: '默认' },
              { name: 'info', label: '提示' },
              { name: 'danger', label: '危险' },
              { name: 'warning', label: '警告' },
              { name: 'success', label: '成功' }
            ],
            group: 'basic',
            description: '标签的类型'
          },
          {
            name: 'size',
            label: '尺寸',
            required: false,
            type: 'string',
            defaultValue: 'small',
            editorType: 'enum',
            editorOptions: [
              { name: 'mini', label: '超小型' },
              { name: 'small', label: '小型（默认）' },
              { name: 'medium', label: '中等' },
              { name: 'large', label: '大型' }
            ],
            group: 'basic',
            description: '标签的尺寸'
          },
          {
            name: 'disabled',
            label: '禁用',
            description: '设置是否禁用',
            type: 'boolean',
            group: 'basic',
            editorType: 'bool',
            defaultValue: false
          },
          {
            name: 'closable',
            label: '是否可关闭',
            description: '设置是否可关闭',
            type: 'boolean',
            group: 'basic',
            editorType: 'bool',
            defaultValue: false
          },
          {
            name: 'eventHandlersMap',
            label: '事件',
            required: false,
            type: 'object',
            editorType: 'events',
            editorOptions: [
              {
                name: 'click',
                label: '当点击时',
                params: [],
                description: '当用户点击按钮时触发的事件'
              }
            ],
            defaultValue: {},
            group: 'handler',
            description: ''
          }
        ]
      }
    ],
    layout: [],
    form: [
      {
        name: 'GcdpSelectRegionalEditor',
        exposePath: './form/GcdpSelectRegionalEditor',
        label: '省市区选择',
        description: '省市区级联下拉选择控件',
        icon: 'iconfont gcbp-ide-xialadanxuan',
        category: 'form',
        matchCores: null,
        matchViews: null,
        props: [
          {
            name: 'prop',
            label: '字段',
            description: '绑定字段的名称',
            type: 'string',
            group: 'basic',
            editorType: 'field',
            editorOptions: {
              notUsedDataSource: true
            }
          },
          {
            name: 'label',
            label: '标题',
            defaultValue: '省市区',
            type: 'string',
            description: '控件的标题',
            group: 'basic',
            editorType: 'string'
          },
          {
            name: 'col',
            label: '所占列数',
            description: '设置元素所占列数，默认占2列',
            defaultValue: 2,
            type: 'number',
            group: 'basic',
            editorType: 'number'
          },
          {
            name: 'dataSource',
            label: '数据源',
            description: '下拉选项的数据源配置',
            type: 'object',
            group: 'dataSource',
            editorType: 'dataSource'
          },
          {
            name: 'lazy',
            label: '懒加载',
            description: '是否开启懒加载',
            type: 'boolean',
            defaultValue: true,
            group: 'dataSource',
            editorType: 'bool',
            editorOptions: {
              type: 'switch'
            }
          },
          {
            name: 'eventHandlersMap',
            label: '事件',
            required: false,
            type: 'object',
            editorType: 'events',
            editorOptions: [
              {
                name: 'load',
                label: '加载下级数据时',
                params: [
                  {
                    name: 'node',
                    label: '节点数据',
                    description: '当前节点数据'
                  },
                  {
                    name: 'resolve',
                    label: '设置数据',
                    description: '设置数据函数'
                  }
                ],
                description: '加载下级数据时触发'
              }
            ],
            defaultValue: {},
            group: 'handler',
            description: ''
          }
        ]
      }
    ],
    advanced: [
      {
        name: 'GcdpFormTableColumn',
        exposePath: './advanced/GcdpFormTableColumn',
        label: '表格列',
        description: '支持清空表头所有筛选的表格列',
        icon: 'iconfont gcbp-ide-zhage',
        category: 'advanced',
        matchCores: null,
        matchViews: null,
        parentName: 'FormTableColumn'
      }
    ],
    chart: []
  }
}