@cainiaofe/cn-ui-charts/lib/lowcode/cn-line-chart/prototype.js

菜鸟图表组件

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
var _visualengine = require("@ali/visualengine");
var _logo = _interopRequireDefault(require("./logo"));
var _chartServiceSelectSetter = _interopRequireDefault(require("../../common/setter/chart-service-select-setter"));
var _intervalSetter = require("../../common/setter/interval-setter");
var _setterSnippet = require("../../common/manager/setter-snippet");
var _const = require("../../common/util/const");
var _statisticSetter = require("../../common/setter/statistic-setter");
var _util = require("../../common/util/util");
var _featurePosition = require("../../types/feature-position");
// 原型配置请参考：https://lark.alipay.com/vision/docs/prototype
var _default = _visualengine.Bundle.createPrototype({
  title: '折线图',
  componentName: 'CnLineChart',
  category: '图表',
  icon: _logo["default"],
  docUrl: '',
  enableCopy: true,
  // isContainer: true,
  snippets: [{
    screenshot: 'https://img.alicdn.com/imgextra/i1/O1CN01wuX6Ny1uUpUMMc28o_!!6000000006041-0-tps-1716-818.jpg',
    label: 'CnLineChart',
    schema: {
      componentName: 'CnLineChart',
      props: {}
    }
  }],
  configure: [{
    name: 'isCnLineChart',
    title: 'CnLineChart',
    initialValue: true,
    display: 'none'
  }, {
    name: '_context',
    title: '上下文',
    initialValue: {
      type: 'JSExpression',
      value: 'this'
    },
    display: 'none'
  }, (0, _setterSnippet.getComponentTitle)({
    initialValue: '折线图1'
  }), {
    name: 'dataFrom',
    title: '数据来源',
    setter: /*#__PURE__*/React.createElement(_chartServiceSelectSetter["default"], {
      leftDom: _intervalSetter.IntervalSetter,
      leftDomPropsList: [{
        fieldTitle: '横轴',
        fieldName: 'xField',
        showAliasName: true,
        showLabelFilter: true
      }, {
        fieldTitle: '纵轴',
        fieldName: 'yField',
        showAliasName: true
      }, {
        fieldTitle: '分组',
        fieldName: 'series'
      }]
    })
  }, (0, _setterSnippet.createFilterConfigSetter)(), (0, _setterSnippet.getChartCommonStyleSetterSnippet)({
    items: [{
      name: 'shape',
      title: '线样式',
      display: 'inline',
      setter: {
        componentName: 'RadioGroupSetter',
        props: {
          options: [{
            title: '折线',
            value: 'normal'
          }, {
            title: '平滑',
            value: 'smooth'
          }]
        }
      }
    }, {
      name: 'area',
      title: '开启面积图',
      display: 'inline',
      setter: 'BoolSetter'
    }]
  }), {
    name: _const.__featureConfig__,
    title: '增强功能',
    setter: (0, _setterSnippet.createFeatureSetters)({
      position: _featurePosition.FeaturePosition.line
    })
  }, {
    name: _const.__advancedConfig__,
    title: '高级配置',
    display: 'accordion',
    setter: (0, _setterSnippet.getObjectSetterSnippet)({
      items: [{
        name: 'handleProps',
        title: '手动设置图表配置(G2 Spec API协议)',
        display: 'inline',
        setter: (0, _statisticSetter.getMixedSetterSnippet)({
          setters: [(0, _util.getJSExpressionPrototype)({
            type: 'handleProps'
          })]
        })
      }]
    })
  }].concat((0, _util.createDataSourceSetters)(), [(0, _setterSnippet.getNodeIdSetterSnippet)()])
});
exports["default"] = _default;
module.exports = exports.default;
module.exports.default = exports.default;