@easyv/config 1.3.7 → 1.3.9

package/lib/legend.js

@@ -0,0 +1,1154 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.legendOfRose = exports.legendOfPie = exports.legendOfDoublePie = exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _index = require("./index");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _require = require('.'),
+  translateConfig = _require.translate,
+  font = _require.font,
+  showConfig = _require.show,
+  showRule = _require.showRule;
+var loopConfig = {
+  rule: [['show', '$eq', true]],
+  name: 'loop',
+  displayName: '滚动',
+  value: [{
+    type: 'boolean',
+    name: 'show',
+    displayName: '',
+    value: false
+  }, {
+    type: "number",
+    name: "interval",
+    displayName: "轮播间隔",
+    value: 3,
+    config: {
+      suffix: 's'
+    }
+  }]
+};
+var defaultFont = font({
+  fontFamily: 'SourceHanSansCN-Medium',
+  fontSize: 12,
+  color: 'rgba(230, 247, 255, 1)',
+  bold: false,
+  italic: false,
+  letterSpacing: 0
+});
+var defaultLegend = {
+  show: true,
+  maxWidth: 40,
+  font: defaultFont,
+  iconSize: {
+    width: 10,
+    height: 10
+  },
+  iconGap: 5,
+  layout: {
+    gridTemplateColumns: 3,
+    gridGap: {
+      gridRowGap: 0,
+      gridColumnGap: 30
+    },
+    alignment: 'center bottom',
+    translate: {
+      x: 0,
+      y: 0
+    }
+  },
+  interactive: true,
+  unselect: {
+    opacity: 30
+  }
+};
+var _default = function _default() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultLegend,
+    _ref$show = _ref.show,
+    show = _ref$show === void 0 ? defaultLegend.show : _ref$show,
+    _ref$maxWidth = _ref.maxWidth,
+    maxWidth = _ref$maxWidth === void 0 ? defaultLegend.maxWidth : _ref$maxWidth,
+    overflow = _ref.overflow,
+    _ref$font = _ref.font,
+    font = _ref$font === void 0 ? defaultLegend.font : _ref$font,
+    _ref$iconSize = _ref.iconSize;
+  _ref$iconSize = _ref$iconSize === void 0 ? defaultLegend.iconSize : _ref$iconSize;
+  var _ref$iconSize$width = _ref$iconSize.width,
+    width = _ref$iconSize$width === void 0 ? defaultLegend.iconSize.width : _ref$iconSize$width,
+    _ref$iconSize$height = _ref$iconSize.height,
+    height = _ref$iconSize$height === void 0 ? defaultLegend.iconSize.height : _ref$iconSize$height,
+    _ref$iconGap = _ref.iconGap,
+    iconGap = _ref$iconGap === void 0 ? defaultLegend.iconGap : _ref$iconGap,
+    _ref$layout = _ref.layout;
+  _ref$layout = _ref$layout === void 0 ? defaultLegend.layout : _ref$layout;
+  var _ref$layout$gridTempl = _ref$layout.gridTemplateColumns,
+    gridTemplateColumns = _ref$layout$gridTempl === void 0 ? defaultLegend.layout.gridTemplateColumns : _ref$layout$gridTempl,
+    _ref$layout$gridGap = _ref$layout.gridGap;
+  _ref$layout$gridGap = _ref$layout$gridGap === void 0 ? defaultLegend.layout.gridGap : _ref$layout$gridGap;
+  var _ref$layout$gridGap$g = _ref$layout$gridGap.gridRowGap,
+    gridRowGap = _ref$layout$gridGap$g === void 0 ? defaultLegend.layout.gridGap.gridRowGap : _ref$layout$gridGap$g,
+    _ref$layout$gridGap$g2 = _ref$layout$gridGap.gridColumnGap,
+    gridColumnGap = _ref$layout$gridGap$g2 === void 0 ? defaultLegend.layout.gridGap.gridColumnGap : _ref$layout$gridGap$g2,
+    _ref$layout$alignment = _ref$layout.alignment,
+    alignment = _ref$layout$alignment === void 0 ? defaultLegend.layout.alignment : _ref$layout$alignment,
+    _ref$layout$translate = _ref$layout.translate;
+  _ref$layout$translate = _ref$layout$translate === void 0 ? defaultLegend.layout.translate : _ref$layout$translate;
+  var _ref$layout$translate2 = _ref$layout$translate.x,
+    x = _ref$layout$translate2 === void 0 ? defaultLegend.layout.translate.x : _ref$layout$translate2,
+    _ref$layout$translate3 = _ref$layout$translate.y,
+    y = _ref$layout$translate3 === void 0 ? defaultLegend.layout.translate.y : _ref$layout$translate3,
+    _ref$interactive = _ref.interactive,
+    interactive = _ref$interactive === void 0 ? defaultLegend.interactive : _ref$interactive,
+    _ref$unselect = _ref.unselect;
+  _ref$unselect = _ref$unselect === void 0 ? defaultLegend.unselect : _ref$unselect;
+  var _ref$unselect$opacity = _ref$unselect.opacity,
+    opacity = _ref$unselect$opacity === void 0 ? defaultLegend.unselect.opacity : _ref$unselect$opacity;
+  return {
+    name: 'legend',
+    displayName: '图例',
+    value: [showConfig(show), {
+      rule: [['show', '$eq', true]],
+      name: 'font',
+      displayName: '文本样式',
+      value: font,
+      type: 'textStyle',
+      markColorType: 'textColor'
+    }, {
+      "type": "radio",
+      "name": "LegendType",
+      "displayName": "布局类型",
+      "value": "Adaptive",
+      "config": {
+        "options": [{
+          "name": "固定宽度",
+          "value": "FixedWidth"
+        }, {
+          "name": "自适应",
+          "value": "Adaptive"
+        }],
+        "mode": "normal"
+      }
+    }, (0, _index.sc)("maxWidth", "宽度", "number", maxWidth, {
+      suffix: "px"
+    }, showRule("LegendType", "$eq", "FixedWidth"))].concat((0, _toConsumableArray2["default"])((0, _index.textOverflow)(overflow).map(function (item, index) {
+      return _objectSpread(_objectSpread({}, item), index === 0 ? {
+        rule: [["LegendType", "$eq", "FixedWidth"]]
+      } : {});
+    })), [{
+      name: 'iconSize',
+      displayName: '图标尺寸',
+      value: [{
+        name: 'width',
+        displayName: '宽度',
+        value: width,
+        config: {
+          span: 12,
+          suffix: 'px'
+        }
+      }, {
+        name: 'height',
+        displayName: '高度',
+        value: height,
+        config: {
+          span: 12,
+          suffix: 'px'
+        }
+      }],
+      type: 'group'
+    }, {
+      name: 'iconGap',
+      displayName: '间距',
+      value: iconGap,
+      config: {
+        suffix: 'px'
+      }
+    }, {
+      rule: [['show', '$eq', true]],
+      name: 'layout',
+      displayName: '布局',
+      value: [{
+        name: 'gridTemplateColumns',
+        displayName: '列数',
+        value: gridTemplateColumns,
+        type: 'number',
+        config: {
+          min: 1,
+          step: 1
+        }
+      }, {
+        name: 'gridGap',
+        displayName: '间距',
+        value: [{
+          name: 'gridRowGap',
+          displayName: '行距',
+          value: gridRowGap,
+          type: 'number',
+          config: {
+            span: 12,
+            suffix: 'px'
+          }
+        }, {
+          name: 'gridColumnGap',
+          displayName: '列距',
+          value: gridColumnGap,
+          type: 'number',
+          config: {
+            span: 12,
+            suffix: 'px'
+          }
+        }],
+        type: 'group'
+      }, {
+        type: 'grid',
+        name: 'alignment',
+        displayName: '位置',
+        value: alignment,
+        config: {
+          options: ['left top', 'center top', 'right top', 'center left', '', 'center right', 'left bottom', 'center bottom', 'right bottom']
+        }
+      }, _objectSpread({}, translateConfig(x, y))]
+    }, {
+      rule: [['show', '$eq', true]],
+      name: 'interactive',
+      displayName: '点击交互',
+      value: interactive,
+      type: 'boolean'
+    }, {
+      rule: [['show', '$eq', true], ['interactive', '$eq', true]],
+      name: 'unselect',
+      displayName: '未选中样式',
+      value: [{
+        name: 'opacity',
+        displayName: '透明度',
+        value: opacity,
+        type: 'range',
+        config: {
+          min: 0,
+          max: 100,
+          step: 1,
+          suffix: '%'
+        }
+      }]
+    }]).filter(function (item) {
+      return !!item;
+    }),
+    config: {
+      defaultOpen: true
+    }
+  };
+};
+exports["default"] = _default;
+var defaultLegendOfRose = {
+  show: true,
+  maxWidth: 40,
+  font: defaultFont,
+  iconSize: {
+    width: 10,
+    height: 10
+  },
+  iconGap: 5,
+  layout: {
+    gridTemplateColumns: 3,
+    gridGap: {
+      gridRowGap: 0,
+      gridColumnGap: 30
+    },
+    alignment: 'center bottom',
+    translate: {
+      x: 0,
+      y: 0
+    }
+  }
+};
+var legendOfRose = function legendOfRose() {
+  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultLegendOfRose,
+    _ref2$show = _ref2.show,
+    show = _ref2$show === void 0 ? defaultLegendOfRose.show : _ref2$show,
+    _ref2$maxWidth = _ref2.maxWidth,
+    maxWidth = _ref2$maxWidth === void 0 ? defaultLegendOfRose.maxWidth : _ref2$maxWidth,
+    overflow = _ref2.overflow,
+    _ref2$font = _ref2.font,
+    font = _ref2$font === void 0 ? defaultLegendOfRose.font : _ref2$font,
+    _ref2$iconSize = _ref2.iconSize;
+  _ref2$iconSize = _ref2$iconSize === void 0 ? defaultLegendOfRose.iconSize : _ref2$iconSize;
+  var _ref2$iconSize$width = _ref2$iconSize.width,
+    width = _ref2$iconSize$width === void 0 ? defaultLegendOfRose.iconSize.width : _ref2$iconSize$width,
+    _ref2$iconSize$height = _ref2$iconSize.height,
+    height = _ref2$iconSize$height === void 0 ? defaultLegendOfRose.iconSize.height : _ref2$iconSize$height,
+    _ref2$iconGap = _ref2.iconGap,
+    iconGap = _ref2$iconGap === void 0 ? defaultLegendOfRose.iconGap : _ref2$iconGap,
+    _ref2$layout = _ref2.layout;
+  _ref2$layout = _ref2$layout === void 0 ? defaultLegendOfRose.layout : _ref2$layout;
+  var _ref2$layout$gridTemp = _ref2$layout.gridTemplateColumns,
+    gridTemplateColumns = _ref2$layout$gridTemp === void 0 ? defaultLegendOfRose.layout.gridTemplateColumns : _ref2$layout$gridTemp,
+    _ref2$layout$gridGap = _ref2$layout.gridGap;
+  _ref2$layout$gridGap = _ref2$layout$gridGap === void 0 ? defaultLegendOfRose.layout.gridGap : _ref2$layout$gridGap;
+  var _ref2$layout$gridGap$ = _ref2$layout$gridGap.gridRowGap,
+    gridRowGap = _ref2$layout$gridGap$ === void 0 ? defaultLegendOfRose.layout.gridGap.gridRowGap : _ref2$layout$gridGap$,
+    _ref2$layout$gridGap$2 = _ref2$layout$gridGap.gridColumnGap,
+    gridColumnGap = _ref2$layout$gridGap$2 === void 0 ? defaultLegendOfRose.layout.gridGap.gridColumnGap : _ref2$layout$gridGap$2,
+    _ref2$layout$alignmen = _ref2$layout.alignment,
+    alignment = _ref2$layout$alignmen === void 0 ? defaultLegendOfRose.layout.alignment : _ref2$layout$alignmen,
+    _ref2$layout$translat = _ref2$layout.translate;
+  _ref2$layout$translat = _ref2$layout$translat === void 0 ? defaultLegendOfRose.layout.translate : _ref2$layout$translat;
+  var _ref2$layout$translat2 = _ref2$layout$translat.x,
+    x = _ref2$layout$translat2 === void 0 ? defaultLegendOfRose.layout.translate.x : _ref2$layout$translat2,
+    _ref2$layout$translat3 = _ref2$layout$translat.y,
+    y = _ref2$layout$translat3 === void 0 ? defaultLegendOfRose.layout.translate.y : _ref2$layout$translat3;
+  return {
+    name: 'legend',
+    displayName: '图例',
+    value: [showConfig(show), (0, _index.sc)("maxWidth", "宽度", "number", maxWidth, {
+      suffix: "px"
+    }, showRule())].concat((0, _toConsumableArray2["default"])((0, _index.textOverflow)(overflow)), [{
+      rule: [['show', '$eq', true]],
+      name: 'font',
+      displayName: '文本样式',
+      value: font,
+      type: 'textStyle',
+      markColorType: 'textColor'
+    }, {
+      name: 'iconSize',
+      displayName: '图标尺寸',
+      value: [{
+        name: 'width',
+        displayName: '宽度',
+        value: width,
+        config: {
+          span: 12,
+          suffix: 'px'
+        }
+      }, {
+        name: 'height',
+        displayName: '高度',
+        value: height,
+        config: {
+          span: 12,
+          suffix: 'px'
+        }
+      }],
+      type: 'group'
+    }, {
+      name: 'iconGap',
+      displayName: '间距',
+      value: iconGap,
+      config: {
+        suffix: 'px'
+      }
+    }, {
+      rule: [['show', '$eq', true]],
+      name: 'layout',
+      displayName: '布局',
+      value: [{
+        name: 'gridTemplateColumns',
+        displayName: '列数',
+        value: gridTemplateColumns,
+        type: 'number'
+      }, {
+        name: 'gridGap',
+        displayName: '间距',
+        value: [{
+          name: 'gridRowGap',
+          displayName: '行距',
+          value: gridRowGap,
+          type: 'number',
+          config: {
+            span: 12,
+            suffix: 'px'
+          }
+        }, {
+          name: 'gridColumnGap',
+          displayName: '列距',
+          value: gridColumnGap,
+          type: 'number',
+          config: {
+            span: 12,
+            suffix: 'px'
+          }
+        }],
+        type: 'group'
+      }, {
+        type: 'grid',
+        name: 'alignment',
+        displayName: '位置',
+        value: alignment,
+        config: {
+          options: ['left top', 'center top', 'right top', 'center left', '', 'center right', 'left bottom', 'center bottom', 'right bottom']
+        }
+      }, _objectSpread({}, translateConfig(x, y))]
+    }]),
+    config: {
+      defaultOpen: true
+    }
+  };
+};
+exports.legendOfRose = legendOfRose;
+var defaultLegendOfPie = {
+  show: true,
+  order: '',
+  iconSize: {
+    width: 10,
+    height: 10
+  },
+  iconGap: 5,
+  name: {
+    show: true,
+    font: defaultFont,
+    maxWidth: 40,
+    translate: {
+      x: 0,
+      y: 0
+    }
+  },
+  percent: {
+    show: true,
+    precision: 0,
+    sameColor: false,
+    align: "left",
+    gap: 0,
+    font: defaultFont,
+    translate: {
+      x: 0,
+      y: 0
+    }
+  },
+  value: {
+    show: true,
+    sameColor: false,
+    align: "left",
+    gap: 0,
+    font: defaultFont,
+    translate: {
+      x: 0,
+      y: 0
+    },
+    suffix: {
+      show: true,
+      text: '',
+      fontSize: 12,
+      translate: {
+        x: 0,
+        y: 0
+      }
+    }
+  },
+  layout: {
+    gridTemplateColumns: 1,
+    gridGap: {
+      gridRowGap: 10,
+      gridColumnGap: 10
+    },
+    alignment: 'center right',
+    translate: {
+      x: 0,
+      y: 0
+    }
+  }
+};
+var legendOfPie = function legendOfPie() {
+  var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultLegendOfPie,
+    _ref3$show = _ref3.show,
+    show = _ref3$show === void 0 ? defaultLegendOfPie.show : _ref3$show,
+    _ref3$order = _ref3.order,
+    order = _ref3$order === void 0 ? defaultLegendOfPie.order : _ref3$order,
+    _ref3$iconSize = _ref3.iconSize;
+  _ref3$iconSize = _ref3$iconSize === void 0 ? defaultLegendOfPie.iconSize : _ref3$iconSize;
+  var _ref3$iconSize$width = _ref3$iconSize.width,
+    width = _ref3$iconSize$width === void 0 ? defaultLegendOfPie.iconSize.width : _ref3$iconSize$width,
+    _ref3$iconSize$height = _ref3$iconSize.height,
+    height = _ref3$iconSize$height === void 0 ? defaultLegendOfPie.iconSize.height : _ref3$iconSize$height,
+    _ref3$iconGap = _ref3.iconGap,
+    iconGap = _ref3$iconGap === void 0 ? defaultLegendOfPie.iconGap : _ref3$iconGap,
+    _ref3$name = _ref3.name;
+  _ref3$name = _ref3$name === void 0 ? defaultLegendOfPie.name : _ref3$name;
+  var _ref3$name$show = _ref3$name.show,
+    showName = _ref3$name$show === void 0 ? defaultLegendOfPie.name.show : _ref3$name$show,
+    _ref3$name$font = _ref3$name.font,
+    nameFont = _ref3$name$font === void 0 ? defaultLegendOfPie.name.font : _ref3$name$font,
+    _ref3$name$maxWidth = _ref3$name.maxWidth,
+    maxWidth = _ref3$name$maxWidth === void 0 ? defaultLegendOfPie.name.maxWidth : _ref3$name$maxWidth,
+    overflow = _ref3$name.overflow,
+    _ref3$name$translate = _ref3$name.translate;
+  _ref3$name$translate = _ref3$name$translate === void 0 ? defaultLegendOfPie.name.translate : _ref3$name$translate;
+  var _ref3$name$translate$ = _ref3$name$translate.x,
+    nameX = _ref3$name$translate$ === void 0 ? defaultLegendOfPie.name.translate.x : _ref3$name$translate$,
+    _ref3$name$translate$2 = _ref3$name$translate.y,
+    nameY = _ref3$name$translate$2 === void 0 ? defaultLegendOfPie.name.translate.y : _ref3$name$translate$2,
+    _ref3$percent = _ref3.percent;
+  _ref3$percent = _ref3$percent === void 0 ? defaultLegendOfPie.percent : _ref3$percent;
+  var _ref3$percent$show = _ref3$percent.show,
+    showPercent = _ref3$percent$show === void 0 ? defaultLegendOfPie.percent.show : _ref3$percent$show,
+    _ref3$percent$precisi = _ref3$percent.precision,
+    precision = _ref3$percent$precisi === void 0 ? defaultLegendOfPie.percent.precision : _ref3$percent$precisi,
+    _ref3$percent$sameCol = _ref3$percent.sameColor,
+    percentSameColor = _ref3$percent$sameCol === void 0 ? defaultLegendOfPie.percent.sameColor : _ref3$percent$sameCol,
+    _ref3$percent$align = _ref3$percent.align,
+    percentAlign = _ref3$percent$align === void 0 ? defaultLegendOfPie.percent.align : _ref3$percent$align,
+    _ref3$percent$gap = _ref3$percent.gap,
+    percentGap = _ref3$percent$gap === void 0 ? defaultLegendOfPie.percent.gap : _ref3$percent$gap,
+    _ref3$percent$font = _ref3$percent.font,
+    percentFont = _ref3$percent$font === void 0 ? defaultLegendOfPie.percent.font : _ref3$percent$font,
+    _ref3$percent$transla = _ref3$percent.translate;
+  _ref3$percent$transla = _ref3$percent$transla === void 0 ? defaultLegendOfPie.percent.translate : _ref3$percent$transla;
+  var _ref3$percent$transla2 = _ref3$percent$transla.x,
+    percentX = _ref3$percent$transla2 === void 0 ? defaultLegendOfPie.percent.translate.x : _ref3$percent$transla2,
+    _ref3$percent$transla3 = _ref3$percent$transla.y,
+    percentY = _ref3$percent$transla3 === void 0 ? defaultLegendOfPie.percent.translate.y : _ref3$percent$transla3,
+    _ref3$value = _ref3.value;
+  _ref3$value = _ref3$value === void 0 ? defaultLegendOfPie.value : _ref3$value;
+  var _ref3$value$show = _ref3$value.show,
+    showValue = _ref3$value$show === void 0 ? defaultLegendOfPie.value.show : _ref3$value$show,
+    _ref3$value$sameColor = _ref3$value.sameColor,
+    valueSameColor = _ref3$value$sameColor === void 0 ? defaultLegendOfPie.value.sameColor : _ref3$value$sameColor,
+    _ref3$value$align = _ref3$value.align,
+    valueAlign = _ref3$value$align === void 0 ? defaultLegendOfPie.value.align : _ref3$value$align,
+    _ref3$value$gap = _ref3$value.gap,
+    valueGap = _ref3$value$gap === void 0 ? defaultLegendOfPie.value.gap : _ref3$value$gap,
+    _ref3$value$font = _ref3$value.font,
+    valueFont = _ref3$value$font === void 0 ? defaultLegendOfPie.value.font : _ref3$value$font,
+    _ref3$value$translate = _ref3$value.translate;
+  _ref3$value$translate = _ref3$value$translate === void 0 ? defaultLegendOfPie.value.translate : _ref3$value$translate;
+  var _ref3$value$translate2 = _ref3$value$translate.x,
+    valueX = _ref3$value$translate2 === void 0 ? defaultLegendOfPie.value.translate.x : _ref3$value$translate2,
+    _ref3$value$translate3 = _ref3$value$translate.y,
+    valueY = _ref3$value$translate3 === void 0 ? defaultLegendOfPie.value.translate.y : _ref3$value$translate3,
+    _ref3$value$suffix = _ref3$value.suffix;
+  _ref3$value$suffix = _ref3$value$suffix === void 0 ? defaultLegendOfPie.value.suffix : _ref3$value$suffix;
+  var _ref3$value$suffix$sh = _ref3$value$suffix.show,
+    showSuffix = _ref3$value$suffix$sh === void 0 ? defaultLegendOfPie.value.suffix.show : _ref3$value$suffix$sh,
+    _ref3$value$suffix$te = _ref3$value$suffix.text,
+    text = _ref3$value$suffix$te === void 0 ? defaultLegendOfPie.value.suffix.text : _ref3$value$suffix$te,
+    _ref3$value$suffix$fo = _ref3$value$suffix.fontSize,
+    fontSize = _ref3$value$suffix$fo === void 0 ? defaultLegendOfPie.value.suffix.fontSize : _ref3$value$suffix$fo,
+    _ref3$value$suffix$tr = _ref3$value$suffix.translate;
+  _ref3$value$suffix$tr = _ref3$value$suffix$tr === void 0 ? defaultLegendOfPie.value.suffix.translate : _ref3$value$suffix$tr;
+  var _ref3$value$suffix$tr2 = _ref3$value$suffix$tr.x,
+    suffixTranslateX = _ref3$value$suffix$tr2 === void 0 ? defaultLegendOfPie.value.suffix.translate.x : _ref3$value$suffix$tr2,
+    _ref3$value$suffix$tr3 = _ref3$value$suffix$tr.y,
+    suffixTranslateY = _ref3$value$suffix$tr3 === void 0 ? defaultLegendOfPie.value.suffix.translate.y : _ref3$value$suffix$tr3,
+    _ref3$layout = _ref3.layout;
+  _ref3$layout = _ref3$layout === void 0 ? defaultLegendOfPie.layout : _ref3$layout;
+  var _ref3$layout$gridTemp = _ref3$layout.gridTemplateColumns,
+    gridTemplateColumns = _ref3$layout$gridTemp === void 0 ? defaultLegendOfPie.layout.gridTemplateColumns : _ref3$layout$gridTemp,
+    _ref3$layout$gridGap = _ref3$layout.gridGap;
+  _ref3$layout$gridGap = _ref3$layout$gridGap === void 0 ? defaultLegendOfPie.layout.gridGap : _ref3$layout$gridGap;
+  var _ref3$layout$gridGap$ = _ref3$layout$gridGap.gridRowGap,
+    gridRowGap = _ref3$layout$gridGap$ === void 0 ? defaultLegendOfPie.layout.gridGap.gridRowGap : _ref3$layout$gridGap$,
+    _ref3$layout$gridGap$2 = _ref3$layout$gridGap.gridColumnGap,
+    gridColumnGap = _ref3$layout$gridGap$2 === void 0 ? defaultLegendOfPie.layout.gridGap.gridColumnGap : _ref3$layout$gridGap$2,
+    _ref3$layout$alignmen = _ref3$layout.alignment,
+    alignment = _ref3$layout$alignmen === void 0 ? defaultLegendOfPie.layout.alignment : _ref3$layout$alignmen,
+    _ref3$layout$translat = _ref3$layout.translate;
+  _ref3$layout$translat = _ref3$layout$translat === void 0 ? defaultLegendOfPie.layout.translate : _ref3$layout$translat;
+  var _ref3$layout$translat2 = _ref3$layout$translat.x,
+    x = _ref3$layout$translat2 === void 0 ? defaultLegendOfPie.layout.translate.x : _ref3$layout$translat2,
+    _ref3$layout$translat3 = _ref3$layout$translat.y,
+    y = _ref3$layout$translat3 === void 0 ? defaultLegendOfPie.layout.translate.y : _ref3$layout$translat3;
+  return {
+    name: 'legend',
+    displayName: '图例',
+    value: [showConfig(show), _objectSpread(_objectSpread({}, showRule()), {}, {
+      name: 'order',
+      displayName: '顺序',
+      value: order,
+      type: 'select',
+      config: {
+        options: [{
+          name: '数据返回顺序',
+          value: ''
+        }, {
+          name: '从大到小',
+          value: 'desc'
+        }, {
+          name: '从小到大',
+          value: 'asc'
+        }]
+      }
+    }), _objectSpread(_objectSpread({}, showRule()), {}, {
+      name: 'iconSize',
+      displayName: '图标尺寸',
+      value: [{
+        name: 'width',
+        displayName: '宽度',
+        value: width,
+        config: {
+          span: 12
+        }
+      }, {
+        name: 'height',
+        displayName: '高度',
+        value: height,
+        config: {
+          span: 12
+        }
+      }],
+      type: 'group'
+    }), _objectSpread(_objectSpread({}, showRule()), {}, {
+      name: 'iconGap',
+      displayName: '间距',
+      value: iconGap,
+      config: {
+        suffix: 'px'
+      }
+    }), _objectSpread(_objectSpread({}, showRule()), {}, {
+      name: 'name',
+      displayName: '类目',
+      value: [showConfig(showName), {
+        rule: [['show', '$eq', true]],
+        name: 'font',
+        displayName: '文本样式',
+        value: nameFont,
+        type: 'textStyle',
+        markColorType: 'textColor'
+      }, (0, _index.sc)("maxWidth", "宽度", "number", maxWidth, {
+        suffix: "px"
+      }, showRule())].concat((0, _toConsumableArray2["default"])((0, _index.textOverflow)(overflow)), [(0, _index.translate)(nameX, nameY)])
+    }), _objectSpread(_objectSpread({}, showRule()), {}, {
+      name: 'percent',
+      displayName: '占比值',
+      value: [showConfig(showPercent), _objectSpread(_objectSpread({}, showRule()), {}, {
+        name: 'precision',
+        displayName: '小数位数',
+        value: precision,
+        type: 'number',
+        config: {
+          min: 0
+        }
+      }), _objectSpread(_objectSpread({}, showRule()), {}, {
+        name: 'gap',
+        displayName: '间距',
+        value: percentGap,
+        type: 'number',
+        config: {
+          suffix: 'px'
+        }
+      }), _objectSpread(_objectSpread({}, showRule()), {}, {
+        name: 'sameColor',
+        displayName: '颜色跟随',
+        value: percentSameColor,
+        type: 'boolean'
+      }), _objectSpread(_objectSpread({}, showRule()), {}, {
+        name: "align",
+        displayName: "文本对齐",
+        value: percentAlign,
+        type: "radio",
+        config: {
+          mode: "icon",
+          options: [{
+            name: "左对齐",
+            value: "left",
+            icon: "align-left"
+          }, {
+            name: "居中对齐",
+            value: "center",
+            icon: "align-center"
+          }, {
+            name: "右对齐",
+            value: "right",
+            icon: "align-right"
+          }]
+        }
+      }), _objectSpread(_objectSpread({}, showRule()), {}, {
+        name: 'font',
+        displayName: '文本样式',
+        value: percentFont,
+        type: 'textStyle',
+        markColorType: 'textColor'
+      }), (0, _index.translate)(percentX, percentY)]
+    }), _objectSpread(_objectSpread({}, showRule()), {}, {
+      name: 'value',
+      displayName: '真实值',
+      value: [showConfig(showValue), _objectSpread(_objectSpread({}, showRule()), {}, {
+        name: "splitConfig",
+        displayName: "分割",
+        value: [{
+          name: "show",
+          displayName: "开启",
+          type: "boolean",
+          value: false
+        }, {
+          rule: [["show", "$eq", true]],
+          type: "number",
+          name: "splitCount",
+          displayName: "分割位数",
+          value: 3
+        }, {
+          rule: [["show", "$eq", true]],
+          type: "radio",
+          name: "style",
+          displayName: "样式",
+          value: "default",
+          config: {
+            options: [{
+              name: "默认",
+              value: "default"
+            }, {
+              name: "自定义",
+              value: "custom"
+            }],
+            mode: "normal"
+          }
+        }, {
+          rule: [["style", "$eq", "custom"]],
+          type: "input",
+          name: "separator",
+          displayName: "分隔符",
+          value: ","
+        }, {
+          rule: [["show", "$eq", true], ["style", "$eq", "custom"]],
+          type: "font",
+          name: "fontFamily",
+          displayName: "分隔符字体",
+          value: "SourceHanSansCN-Medium"
+        }, {
+          rule: [["show", "$eq", true]],
+          type: "group",
+          name: "margin",
+          displayName: "间距",
+          value: [{
+            name: "left",
+            displayName: "左",
+            value: 0,
+            type: "number",
+            config: {
+              span: 12,
+              suffix: 'px'
+            }
+          }, {
+            name: "right",
+            displayName: "右",
+            value: 0,
+            type: "number",
+            config: {
+              span: 12,
+              suffix: 'px'
+            }
+          }]
+        }]
+      }), _objectSpread(_objectSpread({}, showRule()), {}, {
+        name: 'suffix',
+        displayName: '后缀',
+        value: [{
+          name: 'show',
+          displayName: '显示',
+          value: showSuffix,
+          type: 'boolean'
+        }, _objectSpread(_objectSpread({}, showRule()), {}, {
+          name: 'text',
+          displayName: '内容',
+          value: text,
+          type: 'input'
+        }), _objectSpread(_objectSpread({}, showRule()), {}, {
+          name: 'fontSize',
+          displayName: '字号',
+          value: fontSize,
+          type: 'number',
+          config: {
+            suffix: 'px'
+          }
+        }), _objectSpread(_objectSpread({}, showRule()), translateConfig(suffixTranslateX, suffixTranslateY))],
+        config: {
+          defaultOpen: true
+        }
+      }), _objectSpread(_objectSpread({}, showRule()), {}, {
+        name: 'gap',
+        displayName: '间距',
+        value: valueGap,
+        type: 'number',
+        config: {
+          suffix: 'px'
+        }
+      }), _objectSpread(_objectSpread({}, showRule()), {}, {
+        name: 'sameColor',
+        displayName: '颜色跟随',
+        value: valueSameColor,
+        type: 'boolean'
+      }), _objectSpread(_objectSpread({}, showRule()), {}, {
+        name: "align",
+        displayName: "文本对齐",
+        value: valueAlign,
+        type: "radio",
+        config: {
+          mode: "icon",
+          options: [{
+            name: "左对齐",
+            value: "left",
+            icon: "align-left"
+          }, {
+            name: "居中对齐",
+            value: "center",
+            icon: "align-center"
+          }, {
+            name: "右对齐",
+            value: "right",
+            icon: "align-right"
+          }]
+        }
+      }), _objectSpread(_objectSpread({}, showRule()), {}, {
+        name: 'font',
+        displayName: '文本样式',
+        value: valueFont,
+        type: 'textStyle',
+        markColorType: 'textColor'
+      }), (0, _index.translate)(valueX, valueY)]
+    }), _objectSpread(_objectSpread({}, showRule()), {}, {
+      name: 'layout',
+      displayName: '布局',
+      value: [{
+        name: 'gridTemplateColumns',
+        displayName: '列数',
+        value: gridTemplateColumns,
+        type: 'number'
+      }, {
+        name: 'gridGap',
+        displayName: '间距',
+        value: [{
+          name: 'gridRowGap',
+          displayName: '行距',
+          value: gridRowGap,
+          type: 'number',
+          config: {
+            span: 12,
+            suffix: 'px'
+          }
+        }, {
+          name: 'gridColumnGap',
+          displayName: '列距',
+          value: gridColumnGap,
+          type: 'number',
+          config: {
+            span: 12,
+            suffix: 'px'
+          }
+        }],
+        type: 'group'
+      }, {
+        type: 'grid',
+        name: 'alignment',
+        displayName: '位置',
+        value: alignment,
+        config: {
+          options: ['left top', 'center top', 'right top', 'center left', '', 'center right', 'left bottom', 'center bottom', 'right bottom']
+        }
+      }, translateConfig(x, y)]
+    }), loopConfig],
+    config: {
+      defaultOpen: true
+    }
+  };
+};
+exports.legendOfPie = legendOfPie;
+var defaultLegendOfDoublePie = {
+  show: true,
+  key: 'legend',
+  displayName: '图例',
+  iconSize: {
+    width: 10,
+    height: 10
+  },
+  iconGap: 5,
+  name: {
+    show: true,
+    font: defaultFont,
+    maxWidth: 40
+  },
+  percent: {
+    show: true,
+    precision: 0,
+    sameColor: false,
+    gap: 0,
+    font: defaultFont
+  },
+  value: {
+    show: true,
+    sameColor: false,
+    gap: 0,
+    font: defaultFont,
+    suffix: {
+      show: true,
+      text: '',
+      fontSize: 12,
+      translate: {
+        x: 0,
+        y: 0
+      }
+    }
+  },
+  layout: {
+    gridTemplateColumns: 1,
+    gridGap: {
+      gridRowGap: 10,
+      gridColumnGap: 10
+    },
+    alignment: 'center right',
+    translate: {
+      x: 0,
+      y: 0
+    }
+  }
+};
+var legendOfDoublePie = function legendOfDoublePie() {
+  var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultLegendOfDoublePie,
+    _ref4$show = _ref4.show,
+    show = _ref4$show === void 0 ? defaultLegendOfDoublePie.show : _ref4$show,
+    _ref4$key = _ref4.key,
+    key = _ref4$key === void 0 ? defaultLegendOfDoublePie.key : _ref4$key,
+    _ref4$displayName = _ref4.displayName,
+    displayName = _ref4$displayName === void 0 ? defaultLegendOfDoublePie.displayName : _ref4$displayName,
+    _ref4$iconSize = _ref4.iconSize;
+  _ref4$iconSize = _ref4$iconSize === void 0 ? defaultLegendOfDoublePie.iconSize : _ref4$iconSize;
+  var _ref4$iconSize$width = _ref4$iconSize.width,
+    width = _ref4$iconSize$width === void 0 ? defaultLegendOfDoublePie.iconSize.width : _ref4$iconSize$width,
+    _ref4$iconSize$height = _ref4$iconSize.height,
+    height = _ref4$iconSize$height === void 0 ? defaultLegendOfDoublePie.iconSize.height : _ref4$iconSize$height,
+    _ref4$iconGap = _ref4.iconGap,
+    iconGap = _ref4$iconGap === void 0 ? defaultLegendOfDoublePie.iconGap : _ref4$iconGap,
+    _ref4$name = _ref4.name;
+  _ref4$name = _ref4$name === void 0 ? defaultLegendOfDoublePie.name : _ref4$name;
+  var _ref4$name$show = _ref4$name.show,
+    showName = _ref4$name$show === void 0 ? defaultLegendOfDoublePie.name.show : _ref4$name$show,
+    _ref4$name$font = _ref4$name.font,
+    nameFont = _ref4$name$font === void 0 ? defaultLegendOfDoublePie.name.font : _ref4$name$font,
+    _ref4$name$maxWidth = _ref4$name.maxWidth,
+    maxWidth = _ref4$name$maxWidth === void 0 ? defaultLegendOfDoublePie.name.maxWidth : _ref4$name$maxWidth,
+    overflow = _ref4$name.overflow,
+    _ref4$percent = _ref4.percent;
+  _ref4$percent = _ref4$percent === void 0 ? defaultLegendOfDoublePie.percent : _ref4$percent;
+  var _ref4$percent$show = _ref4$percent.show,
+    showPercent = _ref4$percent$show === void 0 ? defaultLegendOfDoublePie.percent.show : _ref4$percent$show,
+    _ref4$percent$precisi = _ref4$percent.precision,
+    precision = _ref4$percent$precisi === void 0 ? defaultLegendOfDoublePie.percent.precision : _ref4$percent$precisi,
+    _ref4$percent$sameCol = _ref4$percent.sameColor,
+    percentSameColor = _ref4$percent$sameCol === void 0 ? defaultLegendOfDoublePie.percent.sameColor : _ref4$percent$sameCol,
+    _ref4$percent$gap = _ref4$percent.gap,
+    percentGap = _ref4$percent$gap === void 0 ? defaultLegendOfDoublePie.percent.gap : _ref4$percent$gap,
+    _ref4$percent$font = _ref4$percent.font,
+    percentFont = _ref4$percent$font === void 0 ? defaultLegendOfDoublePie.percent.font : _ref4$percent$font,
+    _ref4$value = _ref4.value;
+  _ref4$value = _ref4$value === void 0 ? defaultLegendOfDoublePie.value : _ref4$value;
+  var _ref4$value$show = _ref4$value.show,
+    showValue = _ref4$value$show === void 0 ? defaultLegendOfDoublePie.value.show : _ref4$value$show,
+    _ref4$value$sameColor = _ref4$value.sameColor,
+    valueSameColor = _ref4$value$sameColor === void 0 ? defaultLegendOfDoublePie.value.sameColor : _ref4$value$sameColor,
+    _ref4$value$gap = _ref4$value.gap,
+    valueGap = _ref4$value$gap === void 0 ? defaultLegendOfDoublePie.value.gap : _ref4$value$gap,
+    _ref4$value$font = _ref4$value.font,
+    valueFont = _ref4$value$font === void 0 ? defaultLegendOfDoublePie.value.font : _ref4$value$font,
+    _ref4$value$suffix = _ref4$value.suffix;
+  _ref4$value$suffix = _ref4$value$suffix === void 0 ? defaultLegendOfDoublePie.value.suffix : _ref4$value$suffix;
+  var _ref4$value$suffix$sh = _ref4$value$suffix.show,
+    showSuffix = _ref4$value$suffix$sh === void 0 ? defaultLegendOfDoublePie.value.suffix.show : _ref4$value$suffix$sh,
+    _ref4$value$suffix$te = _ref4$value$suffix.text,
+    text = _ref4$value$suffix$te === void 0 ? defaultLegendOfDoublePie.value.suffix.text : _ref4$value$suffix$te,
+    _ref4$value$suffix$fo = _ref4$value$suffix.fontSize,
+    fontSize = _ref4$value$suffix$fo === void 0 ? defaultLegendOfDoublePie.value.suffix.fontSize : _ref4$value$suffix$fo,
+    _ref4$value$suffix$tr = _ref4$value$suffix.translate;
+  _ref4$value$suffix$tr = _ref4$value$suffix$tr === void 0 ? defaultLegendOfDoublePie.value.suffix.translate : _ref4$value$suffix$tr;
+  var _ref4$value$suffix$tr2 = _ref4$value$suffix$tr.x,
+    suffixTranslateX = _ref4$value$suffix$tr2 === void 0 ? defaultLegendOfDoublePie.value.suffix.translate.x : _ref4$value$suffix$tr2,
+    _ref4$value$suffix$tr3 = _ref4$value$suffix$tr.y,
+    suffixTranslateY = _ref4$value$suffix$tr3 === void 0 ? defaultLegendOfDoublePie.value.suffix.translate.y : _ref4$value$suffix$tr3,
+    _ref4$layout = _ref4.layout;
+  _ref4$layout = _ref4$layout === void 0 ? defaultLegendOfDoublePie.layout : _ref4$layout;
+  var _ref4$layout$gridTemp = _ref4$layout.gridTemplateColumns,
+    gridTemplateColumns = _ref4$layout$gridTemp === void 0 ? defaultLegendOfDoublePie.layout.gridTemplateColumns : _ref4$layout$gridTemp,
+    _ref4$layout$gridGap = _ref4$layout.gridGap;
+  _ref4$layout$gridGap = _ref4$layout$gridGap === void 0 ? defaultLegendOfDoublePie.layout.gridGap : _ref4$layout$gridGap;
+  var _ref4$layout$gridGap$ = _ref4$layout$gridGap.gridRowGap,
+    gridRowGap = _ref4$layout$gridGap$ === void 0 ? defaultLegendOfDoublePie.layout.gridGap.gridRowGap : _ref4$layout$gridGap$,
+    _ref4$layout$gridGap$2 = _ref4$layout$gridGap.gridColumnGap,
+    gridColumnGap = _ref4$layout$gridGap$2 === void 0 ? defaultLegendOfDoublePie.layout.gridGap.gridColumnGap : _ref4$layout$gridGap$2,
+    _ref4$layout$alignmen = _ref4$layout.alignment,
+    alignment = _ref4$layout$alignmen === void 0 ? defaultLegendOfDoublePie.layout.alignment : _ref4$layout$alignmen,
+    _ref4$layout$translat = _ref4$layout.translate;
+  _ref4$layout$translat = _ref4$layout$translat === void 0 ? defaultLegendOfDoublePie.layout.translate : _ref4$layout$translat;
+  var _ref4$layout$translat2 = _ref4$layout$translat.x,
+    x = _ref4$layout$translat2 === void 0 ? defaultLegendOfDoublePie.layout.translate.x : _ref4$layout$translat2,
+    _ref4$layout$translat3 = _ref4$layout$translat.y,
+    y = _ref4$layout$translat3 === void 0 ? defaultLegendOfDoublePie.layout.translate.y : _ref4$layout$translat3,
+    _ref4$layout$extraInp = _ref4$layout.extraInput,
+    extraInput = _ref4$layout$extraInp === void 0 ? [] : _ref4$layout$extraInp;
+  return {
+    name: key,
+    displayName: displayName,
+    value: [showConfig(show), _objectSpread(_objectSpread({}, showRule()), {}, {
+      name: 'iconSize',
+      displayName: '图标尺寸',
+      value: [{
+        name: 'width',
+        displayName: '宽度',
+        value: width,
+        config: {
+          span: 12
+        }
+      }, {
+        name: 'height',
+        displayName: '高度',
+        value: height,
+        config: {
+          span: 12
+        }
+      }],
+      type: 'group'
+    }), _objectSpread(_objectSpread({}, showRule()), {}, {
+      name: 'iconGap',
+      displayName: '间距',
+      value: iconGap,
+      config: {
+        suffix: 'px'
+      }
+    }), {
+      rule: [['show', '$eq', true]],
+      name: 'name',
+      displayName: '类目',
+      value: [showConfig(showName), {
+        rule: [['show', '$eq', true]],
+        name: 'font',
+        displayName: '文本样式',
+        value: nameFont,
+        type: 'textStyle',
+        markColorType: 'textColor'
+      }, (0, _index.sc)("maxWidth", "宽度", "number", maxWidth, {
+        suffix: "px"
+      }, showRule())].concat((0, _toConsumableArray2["default"])((0, _index.textOverflow)(overflow)))
+    }, {
+      rule: [['show', '$eq', true]],
+      name: 'percent',
+      displayName: '占比值',
+      value: [showConfig(showPercent), {
+        rule: [['show', '$eq', true]],
+        name: 'precision',
+        displayName: '小数位数',
+        value: precision,
+        type: 'number',
+        config: {
+          min: 0
+        }
+      }, {
+        rule: [['show', '$eq', true]],
+        name: 'gap',
+        displayName: '间距',
+        value: percentGap,
+        type: 'number',
+        config: {
+          suffix: 'px'
+        }
+      }, {
+        rule: [['show', '$eq', true]],
+        name: 'sameColor',
+        displayName: '颜色跟随',
+        value: percentSameColor,
+        type: 'boolean'
+      }, {
+        rule: [['show', '$eq', true]],
+        name: 'font',
+        displayName: '文本样式',
+        value: percentFont,
+        type: 'textStyle',
+        markColorType: 'textColor'
+      }]
+    }, {
+      rule: [['show', '$eq', true]],
+      name: 'value',
+      displayName: '真实值',
+      value: [showConfig(showValue), {
+        rule: [['show', '$eq', true]],
+        name: 'suffix',
+        displayName: '后缀',
+        value: [{
+          name: 'show',
+          displayName: '显示',
+          value: showSuffix,
+          type: 'boolean'
+        }, {
+          rule: [['show', '$eq', true]],
+          name: 'text',
+          displayName: '内容',
+          value: text,
+          type: 'input'
+        }, {
+          rule: [['show', '$eq', true]],
+          name: 'fontSize',
+          displayName: '字号',
+          value: fontSize,
+          type: 'number',
+          config: {
+            suffix: 'px'
+          }
+        }, _objectSpread({
+          rule: [['show', '$eq', true]]
+        }, translateConfig(suffixTranslateX, suffixTranslateY))],
+        config: {
+          defaultOpen: true
+        }
+      }, {
+        rule: [['show', '$eq', true]],
+        name: 'gap',
+        displayName: '间距',
+        value: valueGap,
+        type: 'number',
+        config: {
+          suffix: 'px'
+        }
+      }, {
+        rule: [['show', '$eq', true]],
+        name: 'sameColor',
+        displayName: '颜色跟随',
+        value: valueSameColor,
+        type: 'boolean'
+      }, {
+        rule: [['show', '$eq', true]],
+        name: 'font',
+        displayName: '文本样式',
+        value: valueFont,
+        type: 'textStyle',
+        markColorType: 'textColor'
+      }]
+    }, {
+      rule: [['show', '$eq', true]],
+      name: 'layout',
+      displayName: '布局',
+      value: [{
+        name: 'gridTemplateColumns',
+        displayName: '列数',
+        value: gridTemplateColumns,
+        type: 'number'
+      }, {
+        name: 'gridGap',
+        displayName: '间距',
+        value: [{
+          name: 'gridRowGap',
+          displayName: '行距',
+          value: gridRowGap,
+          type: 'number',
+          config: {
+            span: 12,
+            suffix: 'px'
+          }
+        }, {
+          name: 'gridColumnGap',
+          displayName: '列距',
+          value: gridColumnGap,
+          type: 'number',
+          config: {
+            span: 12,
+            suffix: 'px'
+          }
+        }],
+        type: 'group'
+      }].concat((0, _toConsumableArray2["default"])(extraInput)).filter(function (item) {
+        return !!item;
+      })
+    }],
+    config: {
+      defaultOpen: true
+    }
+  };
+};
+exports.legendOfDoublePie = legendOfDoublePie;