@easyv/config 1.2.19 → 1.2.20

package/lib/highlight.js

@@ -0,0 +1,526 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _ = require(".");
+var defaultConfig = {
+  show: true,
+  defaultSelected: "",
+  showType: "bar",
+  // openStack:true,
+  barStyle: {
+    style: "square",
+    // paddingInner:1,
+    // seriesIntervalWidth:1,
+    fillType: "color",
+    fill: (0, _.multiColor)({
+      type: "pure",
+      pure: "#EDC20A"
+    }),
+    border: {
+      borderWidth: 0,
+      borderColor: "#20ADFF"
+    },
+    url: "components/static-image/superChart/pattern.png",
+    size: {
+      width: 10,
+      height: 10
+    },
+    opacity: 0.65
+  },
+  icon: {
+    show: true,
+    mode: "single",
+    image: "components/static-image/superChart/fang.png",
+    size: {
+      width: 12,
+      height: 12
+    },
+    inner: {
+      color: "#83C4FF",
+      radius: 3
+    },
+    outer: {
+      color: "rgba(24,144,255,0.4)",
+      radius: 6
+    },
+    color: "#00FFFF",
+    radius: 4
+  },
+  headDecorate: {
+    show: true,
+    type: "image",
+    url: "",
+    video: "",
+    size: {
+      width: 20,
+      height: 20
+    },
+    translate: {
+      x: 0,
+      y: 0
+    }
+  },
+  numlabel: {
+    show: true,
+    textStyle: (0, _.font)(),
+    position: "outerStart",
+    reverse: true,
+    translate: {
+      x: 0,
+      y: 0
+    },
+    suffix: {
+      content: "",
+      font: (0, _.font)(),
+      translate: {
+        x: 0,
+        y: 0
+      }
+    }
+  }
+};
+var _default = exports["default"] = function _default() {
+  var isSuper = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultConfig,
+    _ref$show = _ref.show,
+    showConfig = _ref$show === void 0 ? defaultConfig.show : _ref$show,
+    _ref$defaultSelected = _ref.defaultSelected,
+    defaultSelected = _ref$defaultSelected === void 0 ? defaultConfig.defaultSelected : _ref$defaultSelected,
+    _ref$showType = _ref.showType,
+    showType = _ref$showType === void 0 ? defaultConfig.showType : _ref$showType,
+    _ref$barStyle = _ref.barStyle,
+    _ref$barStyle2 = _ref$barStyle === void 0 ? defaultConfig.barStyle : _ref$barStyle,
+    _ref$barStyle2$style = _ref$barStyle2.style,
+    style = _ref$barStyle2$style === void 0 ? defaultConfig.barStyle.type : _ref$barStyle2$style,
+    _ref$barStyle2$fillTy = _ref$barStyle2.fillType,
+    fillType = _ref$barStyle2$fillTy === void 0 ? defaultConfig.barStyle.fillType : _ref$barStyle2$fillTy,
+    _ref$barStyle2$fill = _ref$barStyle2.fill,
+    fill = _ref$barStyle2$fill === void 0 ? defaultConfig.barStyle.fill : _ref$barStyle2$fill,
+    _ref$barStyle2$border = _ref$barStyle2.border,
+    _ref$barStyle2$border2 = _ref$barStyle2$border === void 0 ? defaultConfig.barStyle.border : _ref$barStyle2$border,
+    _ref$barStyle2$border3 = _ref$barStyle2$border2.borderWidth,
+    borderWidth = _ref$barStyle2$border3 === void 0 ? defaultConfig.barStyle.border.borderWidth : _ref$barStyle2$border3,
+    _ref$barStyle2$border4 = _ref$barStyle2$border2.borderColor,
+    borderColor = _ref$barStyle2$border4 === void 0 ? defaultConfig.barStyle.border.borderColor : _ref$barStyle2$border4,
+    _ref$barStyle2$url = _ref$barStyle2.url,
+    url = _ref$barStyle2$url === void 0 ? defaultConfig.barStyle.url : _ref$barStyle2$url,
+    _ref$barStyle2$size = _ref$barStyle2.size,
+    _ref$barStyle2$size2 = _ref$barStyle2$size === void 0 ? defaultConfig.barStyle.size : _ref$barStyle2$size,
+    _ref$barStyle2$size2$ = _ref$barStyle2$size2.width,
+    width = _ref$barStyle2$size2$ === void 0 ? defaultConfig.barStyle.size.width : _ref$barStyle2$size2$,
+    _ref$barStyle2$size2$2 = _ref$barStyle2$size2.height,
+    height = _ref$barStyle2$size2$2 === void 0 ? defaultConfig.barStyle.size.height : _ref$barStyle2$size2$2,
+    _ref$barStyle2$opacit = _ref$barStyle2.opacity,
+    opacity = _ref$barStyle2$opacit === void 0 ? defaultConfig.barStyle.opacity : _ref$barStyle2$opacit,
+    _ref$icon = _ref.icon,
+    _ref$icon2 = _ref$icon === void 0 ? defaultConfig.icon : _ref$icon,
+    _ref$icon2$show = _ref$icon2.show,
+    showIcon = _ref$icon2$show === void 0 ? defaultConfig.icon.show : _ref$icon2$show,
+    _ref$icon2$mode = _ref$icon2.mode,
+    mode = _ref$icon2$mode === void 0 ? defaultConfig.icon.mode : _ref$icon2$mode,
+    _ref$icon2$image = _ref$icon2.image,
+    image = _ref$icon2$image === void 0 ? defaultConfig.icon.image : _ref$icon2$image,
+    _ref$icon2$size = _ref$icon2.size,
+    _ref$icon2$size2 = _ref$icon2$size === void 0 ? defaultConfig.icon.size : _ref$icon2$size,
+    _ref$icon2$size2$widt = _ref$icon2$size2.width,
+    iconWidth = _ref$icon2$size2$widt === void 0 ? defaultConfig.icon.size.width : _ref$icon2$size2$widt,
+    _ref$icon2$size2$heig = _ref$icon2$size2.height,
+    iconHeight = _ref$icon2$size2$heig === void 0 ? defaultConfig.icon.size.height : _ref$icon2$size2$heig,
+    _ref$icon2$inner = _ref$icon2.inner,
+    _ref$icon2$inner2 = _ref$icon2$inner === void 0 ? defaultConfig.icon.inner : _ref$icon2$inner,
+    _ref$icon2$inner2$col = _ref$icon2$inner2.color,
+    innerColor = _ref$icon2$inner2$col === void 0 ? defaultConfig.icon.inner.color : _ref$icon2$inner2$col,
+    _ref$icon2$inner2$rad = _ref$icon2$inner2.radius,
+    innerRadius = _ref$icon2$inner2$rad === void 0 ? defaultConfig.icon.inner.radius : _ref$icon2$inner2$rad,
+    _ref$icon2$outer = _ref$icon2.outer,
+    _ref$icon2$outer2 = _ref$icon2$outer === void 0 ? defaultConfig.icon.outer : _ref$icon2$outer,
+    _ref$icon2$outer2$col = _ref$icon2$outer2.color,
+    outerColor = _ref$icon2$outer2$col === void 0 ? defaultConfig.icon.outer.color : _ref$icon2$outer2$col,
+    _ref$icon2$outer2$rad = _ref$icon2$outer2.radius,
+    outerRadius = _ref$icon2$outer2$rad === void 0 ? defaultConfig.icon.outer.radius : _ref$icon2$outer2$rad,
+    _ref$icon2$color = _ref$icon2.color,
+    color = _ref$icon2$color === void 0 ? defaultConfig.icon.color : _ref$icon2$color,
+    _ref$icon2$radius = _ref$icon2.radius,
+    radius = _ref$icon2$radius === void 0 ? defaultConfig.icon.radius : _ref$icon2$radius,
+    _ref$headDecorate = _ref.headDecorate,
+    _ref$headDecorate2 = _ref$headDecorate === void 0 ? defaultConfig.headDecorate : _ref$headDecorate,
+    _ref$headDecorate2$sh = _ref$headDecorate2.show,
+    showHead = _ref$headDecorate2$sh === void 0 ? defaultConfig.headDecorate.show : _ref$headDecorate2$sh,
+    _ref$headDecorate2$ty = _ref$headDecorate2.type,
+    headType = _ref$headDecorate2$ty === void 0 ? defaultConfig.headDecorate.type : _ref$headDecorate2$ty,
+    _ref$headDecorate2$ur = _ref$headDecorate2.url,
+    headUrl = _ref$headDecorate2$ur === void 0 ? defaultConfig.headDecorate.url : _ref$headDecorate2$ur,
+    _ref$headDecorate2$vi = _ref$headDecorate2.video,
+    video = _ref$headDecorate2$vi === void 0 ? defaultConfig.headDecorate.video : _ref$headDecorate2$vi,
+    _ref$headDecorate2$si = _ref$headDecorate2.size,
+    _ref$headDecorate2$si2 = _ref$headDecorate2$si === void 0 ? defaultConfig.headDecorate.size : _ref$headDecorate2$si,
+    _ref$headDecorate2$si3 = _ref$headDecorate2$si2.width,
+    headWidth = _ref$headDecorate2$si3 === void 0 ? defaultConfig.headDecorate.size.width : _ref$headDecorate2$si3,
+    _ref$headDecorate2$si4 = _ref$headDecorate2$si2.height,
+    headHeight = _ref$headDecorate2$si4 === void 0 ? defaultConfig.headDecorate.size.height : _ref$headDecorate2$si4,
+    _ref$headDecorate2$tr = _ref$headDecorate2.translate,
+    _ref$headDecorate2$tr2 = _ref$headDecorate2$tr === void 0 ? defaultConfig.headDecorate.translate : _ref$headDecorate2$tr,
+    _ref$headDecorate2$tr3 = _ref$headDecorate2$tr2.x,
+    x = _ref$headDecorate2$tr3 === void 0 ? defaultConfig.headDecorate.translate.x : _ref$headDecorate2$tr3,
+    _ref$headDecorate2$tr4 = _ref$headDecorate2$tr2.y,
+    y = _ref$headDecorate2$tr4 === void 0 ? defaultConfig.headDecorate.translate.y : _ref$headDecorate2$tr4,
+    _ref$numlabel = _ref.numlabel,
+    _ref$numlabel2 = _ref$numlabel === void 0 ? defaultConfig.numlabel : _ref$numlabel,
+    _ref$numlabel2$show = _ref$numlabel2.show,
+    showLabel = _ref$numlabel2$show === void 0 ? defaultConfig.numlabel.show : _ref$numlabel2$show,
+    _ref$numlabel2$textSt = _ref$numlabel2.textStyle,
+    textStyle = _ref$numlabel2$textSt === void 0 ? defaultConfig.numlabel.textStyle : _ref$numlabel2$textSt,
+    _ref$numlabel2$positi = _ref$numlabel2.position,
+    position = _ref$numlabel2$positi === void 0 ? defaultConfig.numlabel.position : _ref$numlabel2$positi,
+    _ref$numlabel2$revers = _ref$numlabel2.reverse,
+    reverse = _ref$numlabel2$revers === void 0 ? defaultConfig.numlabel.reverse : _ref$numlabel2$revers,
+    _ref$numlabel2$transl = _ref$numlabel2.translate,
+    _ref$numlabel2$transl2 = _ref$numlabel2$transl === void 0 ? defaultConfig.numlabel.translate : _ref$numlabel2$transl,
+    _ref$numlabel2$transl3 = _ref$numlabel2$transl2.x,
+    labelX = _ref$numlabel2$transl3 === void 0 ? defaultConfig.numlabel.translate.x : _ref$numlabel2$transl3,
+    _ref$numlabel2$transl4 = _ref$numlabel2$transl2.y,
+    labelY = _ref$numlabel2$transl4 === void 0 ? defaultConfig.numlabel.translate.y : _ref$numlabel2$transl4,
+    _ref$numlabel2$suffix = _ref$numlabel2.suffix,
+    _ref$numlabel2$suffix2 = _ref$numlabel2$suffix === void 0 ? defaultConfig.numlabel.suffix : _ref$numlabel2$suffix,
+    _ref$numlabel2$suffix3 = _ref$numlabel2$suffix2.content,
+    content = _ref$numlabel2$suffix3 === void 0 ? defaultConfig.numlabel.suffix.content : _ref$numlabel2$suffix3,
+    _ref$numlabel2$suffix4 = _ref$numlabel2$suffix2.font,
+    suffixFont = _ref$numlabel2$suffix4 === void 0 ? defaultConfig.numlabel.suffix.font : _ref$numlabel2$suffix4,
+    _ref$numlabel2$suffix5 = _ref$numlabel2$suffix2.translate,
+    _ref$numlabel2$suffix6 = _ref$numlabel2$suffix5 === void 0 ? defaultConfig.numlabel.suffix.translate : _ref$numlabel2$suffix5,
+    _ref$numlabel2$suffix7 = _ref$numlabel2$suffix6.x,
+    suffixX = _ref$numlabel2$suffix7 === void 0 ? defaultConfig.numlabel.suffix.translate.x : _ref$numlabel2$suffix7,
+    _ref$numlabel2$suffix8 = _ref$numlabel2$suffix6.y,
+    suffixY = _ref$numlabel2$suffix8 === void 0 ? defaultConfig.numlabel.suffix.translate.x : _ref$numlabel2$suffix8;
+  return (0, _.sc)("selectStyle", "点击选中样式", "", [(0, _.show)(showConfig), (0, _.sc)("defaultSelected", "默认选中", "input", defaultSelected, {
+    other: {
+      tip: "输入X轴的标签，则选中那一列"
+    }
+  }, (0, _.showRule)()), (0, _.sc)("showType", "类型", "radio", showType, {
+    mode: "button",
+    options: [{
+      name: "柱状",
+      value: "bar"
+    }, {
+      name: "折线",
+      value: "line"
+    }, {
+      name: "面积",
+      value: "area"
+    }]
+  }, isSuper ? (0, _.showRule)() : (0, _.showRule)("hidden", "$eq", true)),
+  // sc("openStack","开启堆叠","boolean",openStack,{},{rule:[["show","$eq",true],["showType","$eq","bar"]]}),
+  (0, _.sc)("barStyle", "柱状样式", "", [{
+    name: 'style',
+    displayName: '类型',
+    value: style,
+    type: 'select',
+    config: {
+      options: [{
+        name: '方形',
+        value: 'square'
+      }, {
+        name: '子弹头',
+        value: 'round'
+      }]
+    }
+  },
+  // {
+  //   name: 'paddingInner',
+  //   displayName: '柱间间距',
+  //   value: paddingInner,
+  //   type: 'number',
+  //   config: {
+  //     step: 0.01,
+  //   },
+  // },
+  // {
+  //   name: 'seriesIntervalWidth',
+  //   displayName: '系列间距',
+  //   value: seriesIntervalWidth,
+  //   type: 'number',
+  //   config: {
+  //     step: 0.01,
+  //   },
+  // },
+  {
+    name: 'fillType',
+    displayName: '填充样式',
+    value: fillType,
+    type: 'radio',
+    config: {
+      options: [{
+        name: '颜色',
+        value: 'color'
+      }, {
+        name: '纹理',
+        value: 'pattern'
+      }]
+    }
+  }, {
+    rule: [['fillType', '$eq', 'color']],
+    name: 'fill',
+    displayName: '柱子颜色',
+    type: 'multicolor',
+    value: fill,
+    markColorType: 'seriesGradient'
+  }, {
+    rule: [['fillType', '$eq', 'color']],
+    name: 'border',
+    displayName: '描边',
+    value: [{
+      name: "borderWidth",
+      displayName: "线宽",
+      type: "number",
+      value: borderWidth,
+      config: {
+        min: 0
+      }
+    }, {
+      name: "borderColor",
+      displayName: "描边颜色",
+      type: "color",
+      value: borderColor
+    }]
+  }, {
+    rule: [['fillType', '$eq', 'pattern']],
+    name: 'url',
+    displayName: '纹理图片',
+    type: 'uploadImage',
+    value: url
+  }, {
+    rule: [['fillType', '$eq', 'pattern']],
+    name: 'size',
+    displayName: '尺寸',
+    value: [{
+      name: 'width',
+      displayName: '宽度',
+      value: width,
+      config: {
+        span: 12,
+        suffix: 'W'
+      }
+    }, {
+      name: 'height',
+      displayName: '高度',
+      value: height,
+      config: {
+        span: 12,
+        suffix: 'H'
+      }
+    }],
+    type: 'group'
+  }, {
+    rule: [['fillType', '$eq', 'pattern']],
+    type: 'range',
+    name: 'opacity',
+    displayName: '透明度',
+    value: opacity,
+    config: {
+      max: 1,
+      min: 0,
+      step: 0.01
+    }
+  }], {
+    defaultOpen: true
+  }, {
+    rule: [["show", "$eq", true], ["showType", "$eq", "bar"]]
+  }), (0, _.sc)("icon", "数据标记", "", [{
+    name: 'show',
+    displayName: '显示',
+    value: showIcon,
+    type: 'boolean'
+  }, {
+    rule: [['show', '$eq', true]],
+    name: 'mode',
+    displayName: '模式',
+    value: mode,
+    type: 'select',
+    config: {
+      options: [{
+        name: '单圆',
+        value: 'single'
+      }, {
+        name: '双圆',
+        value: 'double'
+      }, {
+        name: '自定义',
+        value: 'custom'
+      }]
+    }
+  }, {
+    rule: [['show', '$eq', true], ['mode', '$eq', 'custom']],
+    name: 'image',
+    displayName: '图片',
+    value: image,
+    type: 'uploadImage'
+  }, {
+    rule: [['show', '$eq', true], ['mode', '$eq', 'custom']],
+    name: 'size',
+    displayName: '尺寸',
+    value: [{
+      name: 'width',
+      displayName: '宽度',
+      value: iconWidth,
+      config: {
+        span: 12,
+        suffix: 'W'
+      }
+    }, {
+      name: 'height',
+      displayName: '高度',
+      value: iconHeight,
+      config: {
+        span: 12,
+        suffix: 'H'
+      }
+    }],
+    type: 'group'
+  }, {
+    rule: [['show', '$eq', true], ['mode', '$eq', 'double']],
+    name: 'inner',
+    displayName: '内圆',
+    value: [{
+      name: 'color',
+      displayName: '颜色',
+      value: innerColor,
+      type: 'color'
+    }, {
+      name: 'radius',
+      displayName: '半径',
+      value: innerRadius,
+      type: 'number',
+      config: {
+        min: 0,
+        suffix: 'px'
+      }
+    }]
+  }, {
+    rule: [['show', '$eq', true], ['mode', '$eq', 'double']],
+    name: 'outer',
+    displayName: '外圆',
+    value: [{
+      name: 'color',
+      displayName: '颜色',
+      value: outerColor,
+      type: 'color'
+    }, {
+      name: 'radius',
+      displayName: '半径',
+      value: outerRadius,
+      type: 'number',
+      config: {
+        min: 0,
+        suffix: 'px'
+      }
+    }]
+  }, (0, _defineProperty2["default"])({
+    rule: [['show', '$eq', true], ['mode', '$eq', 'single']],
+    name: 'color',
+    displayName: '颜色',
+    value: color,
+    type: 'color',
+    markColorType: 'palette'
+  }, "markColorType", 'palette'), {
+    rule: [['show', '$eq', true], ['mode', '$eq', 'single']],
+    name: 'radius',
+    displayName: '半径',
+    value: radius,
+    type: 'number',
+    config: {
+      min: 0,
+      suffix: 'px'
+    }
+  }], {
+    defaultOpen: true
+  }, {
+    rule: [["show", "$eq", true], ["showType", "$neq", "bar"]]
+  }), (0, _.sc)("headDecorate", "头部装饰", "", [(0, _.show)(showHead), (0, _.sc)("type", "类型", "radio", headType, {
+    options: [{
+      name: "图片",
+      value: "image"
+    }, {
+      name: "视频",
+      value: "video"
+    }]
+  }), (0, _.sc)("url", "图片", "image", headUrl, {}, (0, _.showRule)("type", "$eq", "image")), (0, _.sc)("video", "视频", "video", video, {}, (0, _.showRule)("type", "$eq", "video")), (0, _.sc)("size", "尺寸", "group", [(0, _.sc)("width", "宽", "number", headWidth, {
+    span: 12,
+    suffix: "px"
+  }), (0, _.sc)("height", "高", "number", headHeight, {
+    span: 12,
+    suffix: "px"
+  })]), (0, _.translate)(x, y)], {}, {
+    rule: [["show", "$eq", true], ["showType", "$eq", "bar"]]
+  }), (0, _.sc)("numlabel", "数值标签", "", [{
+    name: 'show',
+    displayName: '显示',
+    value: showLabel,
+    type: 'boolean'
+  }, {
+    rule: [['show', '$eq', true]],
+    name: 'font',
+    displayName: '文本样式',
+    type: 'textStyle',
+    value: textStyle
+  }, {
+    name: "position",
+    displayName: "位置",
+    value: position,
+    type: "select",
+    config: {
+      options: [{
+        name: "起点",
+        value: "start"
+      }, {
+        name: "居中",
+        value: "middle"
+      }, {
+        name: "终点",
+        value: "end"
+      }, {
+        name: "终点外",
+        value: "outerStart"
+      }, {
+        name: "图表外",
+        value: "chartStart"
+      }]
+    }
+  }, {
+    rule: [["position", "$neq", "middle"], ["position", "$neq", "chartStart"]],
+    name: "reverse",
+    displayName: "负值反向",
+    type: "boolean",
+    value: reverse,
+    tip: "开启后负值的标签会与正值对称显示"
+  }, {
+    name: 'translate',
+    displayName: '偏移',
+    type: 'group',
+    value: [{
+      name: 'x',
+      displayName: 'X',
+      type: 'number',
+      value: labelX,
+      config: {
+        span: 12,
+        suffix: 'px'
+      }
+    }, {
+      name: 'y',
+      displayName: 'Y',
+      type: 'number',
+      value: labelY,
+      config: {
+        span: 12,
+        suffix: 'px'
+      }
+    }]
+  }, (0, _.sc)("suffix", "后缀", "", [(0, _.sc)("content", "内容", "input", content), (0, _.sc)("font", "字体样式", "textStyle", suffixFont), (0, _.translate)(suffixX, suffixY)], {
+    defaultOpen: true
+  }, (0, _.showRule)())], {}, (0, _.showRule)())]);
+};

package/lib/index.js

@@ -125,6 +125,12 @@ Object.defineProperty(exports, "gridLine", {
     return _gridLine["default"];
   }
 });
+Object.defineProperty(exports, "highlight", {
+  enumerable: true,
+  get: function get() {
+    return _highlight["default"];
+  }
+});
 Object.defineProperty(exports, "imageGroup", {
   enumerable: true,
   get: function get() {
@@ -351,5 +357,6 @@ var _textOverflow = _interopRequireDefault(require("./textOverflow"));
 var _baseLine = _interopRequireDefault(require("./baseLine"));
 var _control = require("./control");
 var _pieTooltip = _interopRequireDefault(require("./pieTooltip"));
+var _highlight = _interopRequireDefault(require("./highlight"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/config",
-  "version": "1.2.19",
+  "version": "1.2.20",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/highlight.js

@@ -0,0 +1,494 @@
+import { multiColor, sc, showRule, font, show, translate } from ".";
+
+const defaultConfig={
+    show:true,
+    defaultSelected:"",
+    showType:"bar",
+    // openStack:true,
+    barStyle:{
+        style:"square",
+        // paddingInner:1,
+        // seriesIntervalWidth:1,
+        fillType:"color",
+        fill:multiColor({
+            type:"pure",
+            pure:"#EDC20A"
+        }),
+        border:{
+            borderWidth:0,
+            borderColor:"#20ADFF"
+        },
+        url:"components/static-image/superChart/pattern.png",
+        size:{
+            width:10,
+            height:10
+        },
+        opacity:0.65
+    },
+    icon:{
+        show:true,
+        mode:"single",
+        image:"components/static-image/superChart/fang.png",
+        size:{
+            width:12,
+            height:12
+        },
+        inner:{
+            color:"#83C4FF",
+            radius:3
+        },
+        outer:{
+            color:"rgba(24,144,255,0.4)",
+            radius:6
+        },
+        color:"#00FFFF",
+        radius:4
+    },
+    headDecorate:{
+        show:true,
+        type:"image",
+        url:"",
+        video:"",
+        size:{
+            width:20,
+            height:20
+        },
+        translate:{x:0,y:0}
+    },
+    numlabel:{
+        show:true,
+        textStyle:font(),
+        position:"outerStart",
+        reverse:true,
+        translate:{x:0,y:0},
+        suffix:{
+            content:"",
+            font:font(),
+            translate:{x:0,y:0}
+        }
+    }
+}
+export default (isSuper=false,{
+    show:showConfig = defaultConfig.show,
+    defaultSelected = defaultConfig.defaultSelected,
+    showType = defaultConfig.showType,
+    // openStack = defaultConfig.openStack,
+    barStyle:{
+        style = defaultConfig.barStyle.type,
+        // paddingInner = defaultConfig.barStyle.paddingInner,
+        // seriesIntervalWidth = defaultConfig.barStyle.seriesIntervalWidth,
+        fillType = defaultConfig.barStyle.fillType,
+        fill = defaultConfig.barStyle.fill,
+        border:{
+            borderWidth = defaultConfig.barStyle.border.borderWidth,
+            borderColor = defaultConfig.barStyle.border.borderColor
+        } = defaultConfig.barStyle.border,
+        url = defaultConfig.barStyle.url,
+        size:{
+            width = defaultConfig.barStyle.size.width,
+            height = defaultConfig.barStyle.size.height
+        } = defaultConfig.barStyle.size,
+        opacity = defaultConfig.barStyle.opacity
+    } = defaultConfig.barStyle,
+    icon:{
+        show:showIcon = defaultConfig.icon.show,
+        mode = defaultConfig.icon.mode,
+        image = defaultConfig.icon.image,
+        size:{
+            width:iconWidth = defaultConfig.icon.size.width,
+            height:iconHeight = defaultConfig.icon.size.height
+        } = defaultConfig.icon.size,
+        inner:{
+            color:innerColor = defaultConfig.icon.inner.color,
+            radius:innerRadius = defaultConfig.icon.inner.radius
+        } = defaultConfig.icon.inner,
+        outer:{
+            color:outerColor = defaultConfig.icon.outer.color,
+            radius:outerRadius = defaultConfig.icon.outer.radius
+        } = defaultConfig.icon.outer,
+        color = defaultConfig.icon.color,
+        radius = defaultConfig.icon.radius
+    } = defaultConfig.icon,
+    headDecorate:{
+        show:showHead = defaultConfig.headDecorate.show,
+        type:headType = defaultConfig.headDecorate.type,
+        url:headUrl = defaultConfig.headDecorate.url,
+        video = defaultConfig.headDecorate.video,
+        size:{
+            width:headWidth = defaultConfig.headDecorate.size.width,
+            height:headHeight = defaultConfig.headDecorate.size.height
+        } = defaultConfig.headDecorate.size,
+        translate:{
+            x = defaultConfig.headDecorate.translate.x,
+            y = defaultConfig.headDecorate.translate.y
+        } = defaultConfig.headDecorate.translate
+    } = defaultConfig.headDecorate,
+    numlabel:{
+        show:showLabel = defaultConfig.numlabel.show,
+        textStyle = defaultConfig.numlabel.textStyle,
+        position = defaultConfig.numlabel.position,
+        reverse = defaultConfig.numlabel.reverse,
+        translate:{
+            x:labelX = defaultConfig.numlabel.translate.x,
+            y:labelY = defaultConfig.numlabel.translate.y
+        } = defaultConfig.numlabel.translate,
+        suffix:{
+            content = defaultConfig.numlabel.suffix.content,
+            font:suffixFont = defaultConfig.numlabel.suffix.font,
+            translate:{
+                x:suffixX = defaultConfig.numlabel.suffix.translate.x,
+                y:suffixY = defaultConfig.numlabel.suffix.translate.x
+            } = defaultConfig.numlabel.suffix.translate
+        } = defaultConfig.numlabel.suffix
+    } = defaultConfig.numlabel
+} = defaultConfig)=>{
+    return sc("selectStyle","点击选中样式","",[
+        show(showConfig),
+        sc("defaultSelected","默认选中","input",defaultSelected,{other:{tip:"输入X轴的标签，则选中那一列"}},showRule()),
+        sc("showType","类型","radio",showType,{mode:"button",options:[
+            {name:"柱状",value:"bar"},
+            {name:"折线",value:"line"},
+            {name:"面积",value:"area"}
+        ]},isSuper?showRule():showRule("hidden","$eq",true)),
+        // sc("openStack","开启堆叠","boolean",openStack,{},{rule:[["show","$eq",true],["showType","$eq","bar"]]}),
+        sc("barStyle","柱状样式","",[
+            {
+              name: 'style',
+              displayName: '类型',
+              value: style,
+              type: 'select',
+              config: {
+                options: [
+                  { name: '方形', value: 'square' },
+                  { name: '子弹头', value: 'round' },
+                ],
+              },
+            },
+            // {
+            //   name: 'paddingInner',
+            //   displayName: '柱间间距',
+            //   value: paddingInner,
+            //   type: 'number',
+            //   config: {
+            //     step: 0.01,
+            //   },
+            // },
+            // {
+            //   name: 'seriesIntervalWidth',
+            //   displayName: '系列间距',
+            //   value: seriesIntervalWidth,
+            //   type: 'number',
+            //   config: {
+            //     step: 0.01,
+            //   },
+            // },
+            {
+              name: 'fillType',
+              displayName: '填充样式',
+              value: fillType,
+              type: 'radio',
+              config: {
+                options: [
+                  { name: '颜色', value: 'color' },
+                  { name: '纹理', value: 'pattern' },
+                ],
+              },
+            },
+            {
+              rule: [['fillType', '$eq', 'color']],
+              name: 'fill',
+              displayName: '柱子颜色',
+              type: 'multicolor',
+              value: fill,
+              markColorType: 'seriesGradient',
+            },
+            {
+              rule: [['fillType', '$eq', 'color']],
+              name: 'border',
+              displayName: '描边',
+              value:[
+                {
+                  name:"borderWidth",
+                  displayName:"线宽",
+                  type:"number",
+                  value:borderWidth,
+                  config:{ min:0 }
+                },
+                {
+                  name:"borderColor",
+                  displayName:"描边颜色",
+                  type:"color",
+                  value:borderColor
+                }
+              ]
+            },
+            {
+              rule: [['fillType', '$eq', 'pattern']],
+              name: 'url',
+              displayName: '纹理图片',
+              type: 'uploadImage',
+              value: url,
+            },
+            {
+              rule: [['fillType', '$eq', 'pattern']],
+              name: 'size',
+              displayName: '尺寸',
+              value: [
+                {
+                  name: 'width',
+                  displayName: '宽度',
+                  value: width,
+                  config: { span: 12, suffix: 'W' },
+                },
+                {
+                  name: 'height',
+                  displayName: '高度',
+                  value: height,
+                  config: { span: 12, suffix: 'H' },
+                },
+              ],
+              type: 'group',
+            },
+            {
+              rule: [['fillType', '$eq', 'pattern']],
+              type: 'range',
+              name: 'opacity',
+              displayName: '透明度',
+              value: opacity,
+              config: { max: 1, min: 0, step: 0.01 },
+            },
+        ],{defaultOpen:true},{rule:[["show","$eq",true],["showType","$eq","bar"]]}),
+        sc("icon","数据标记","",[
+            {
+              name: 'show',
+              displayName: '显示',
+              value: showIcon,
+              type: 'boolean',
+            },
+            {
+              rule: [['show', '$eq', true]],
+              name: 'mode',
+              displayName: '模式',
+              value: mode,
+              type: 'select',
+              config: {
+                options: [
+                  {
+                    name: '单圆',
+                    value: 'single',
+                  },
+                  {
+                    name: '双圆',
+                    value: 'double',
+                  },
+                  {
+                    name: '自定义',
+                    value: 'custom',
+                  },
+                ],
+              },
+            },
+            {
+              rule: [
+                ['show', '$eq', true],
+                ['mode', '$eq', 'custom'],
+              ],
+              name: 'image',
+              displayName: '图片',
+              value: image,
+              type: 'uploadImage',
+            },
+            {
+              rule: [
+                ['show', '$eq', true],
+                ['mode', '$eq', 'custom'],
+              ],
+              name: 'size',
+              displayName: '尺寸',
+              value: [
+                {
+                  name: 'width',
+                  displayName: '宽度',
+                  value: iconWidth,
+                  config: {
+                    span: 12,
+                    suffix: 'W',
+                  },
+                },
+                {
+                  name: 'height',
+                  displayName: '高度',
+                  value: iconHeight,
+                  config: {
+                    span: 12,
+                    suffix: 'H',
+                  },
+                },
+              ],
+              type: 'group',
+            },
+            {
+              rule: [
+                ['show', '$eq', true],
+                ['mode', '$eq', 'double'],
+              ],
+              name: 'inner',
+              displayName: '内圆',
+              value: [
+                {
+                  name: 'color',
+                  displayName: '颜色',
+                  value: innerColor,
+                  type: 'color',
+                },
+                {
+                  name: 'radius',
+                  displayName: '半径',
+                  value: innerRadius,
+                  type: 'number',
+                  config: {
+                    min: 0,
+                    suffix: 'px',
+                  },
+                },
+              ],
+            },
+            {
+              rule: [
+                ['show', '$eq', true],
+                ['mode', '$eq', 'double'],
+              ],
+              name: 'outer',
+              displayName: '外圆',
+              value: [
+                {
+                  name: 'color',
+                  displayName: '颜色',
+                  value: outerColor,
+                  type: 'color',
+                },
+                {
+                  name: 'radius',
+                  displayName: '半径',
+                  value: outerRadius,
+                  type: 'number',
+                  config: {
+                    min: 0,
+                    suffix: 'px',
+                  },
+                },
+              ],
+            },
+            {
+              rule: [
+                ['show', '$eq', true],
+                ['mode', '$eq', 'single'],
+              ],
+              name: 'color',
+              displayName: '颜色',
+              value: color,
+              type: 'color',
+              markColorType: 'palette',
+              markColorType: 'palette',
+            },
+            {
+              rule: [
+                ['show', '$eq', true],
+                ['mode', '$eq', 'single'],
+              ],
+              name: 'radius',
+              displayName: '半径',
+              value: radius,
+              type: 'number',
+              config: {
+                min: 0,
+                suffix: 'px',
+              },
+            },
+        ],{defaultOpen:true},{rule:[["show","$eq",true],["showType","$neq","bar"]]}),
+        sc("headDecorate","头部装饰","",[
+            show(showHead),
+            sc("type","类型","radio",headType,{options:[
+              {name:"图片",value:"image"},
+              {name:"视频",value:"video"}
+            ]}),
+            sc("url","图片","image",headUrl,{},showRule("type","$eq","image")),
+            sc("video","视频","video",video,{},showRule("type","$eq","video")),
+            sc("size","尺寸","group",[
+                sc("width","宽","number",headWidth,{span:12,suffix:"px"}),
+                sc("height","高","number",headHeight,{span:12,suffix:"px"})
+            ]),
+            translate(x,y)
+        ],{},{rule:[["show","$eq",true],["showType","$eq","bar"]]}),
+        sc("numlabel","数值标签","",[
+            {
+              name: 'show',
+              displayName: '显示',
+              value: showLabel,
+              type: 'boolean',
+            },
+            {
+              rule: [['show', '$eq', true]],
+              name: 'font',
+              displayName: '文本样式',
+              type: 'textStyle',
+              value: textStyle,
+            },
+            {
+              name: "position",
+              displayName: "位置",
+              value: position,
+              type: "select",
+              config: {
+                options: [
+                  { name: "起点", value: "start" },
+                  { name: "居中", value: "middle" },
+                  { name: "终点", value: "end" },
+                  { name: "终点外", value: "outerStart" },
+                  { name: "图表外", value: "chartStart" },
+                ],
+              },
+            },
+            {
+              rule:[["position","$neq","middle"],["position","$neq","chartStart"]],
+              name:"reverse",
+              displayName:"负值反向",
+              type:"boolean",
+              value:reverse,
+              tip:"开启后负值的标签会与正值对称显示"
+            },
+            {
+              name: 'translate',
+              displayName: '偏移',
+              type: 'group',
+              value: [
+                {
+                  name: 'x',
+                  displayName: 'X',
+                  type: 'number',
+                  value: labelX,
+                  config: {
+                    span: 12,
+                    suffix: 'px',
+                  },
+                },
+                {
+                  name: 'y',
+                  displayName: 'Y',
+                  type: 'number',
+                  value: labelY,
+                  config: {
+                    span: 12,
+                    suffix: 'px',
+                  },
+                },
+              ],
+            },
+            sc("suffix","后缀","",[
+              sc("content","内容","input",content),
+              sc("font","字体样式","textStyle",suffixFont),
+              translate(suffixX,suffixY)
+            ],{defaultOpen:true},showRule())
+        ],{},showRule())
+    ])
+}

package/src/index.js

@@ -49,6 +49,8 @@ import textOverflow from './textOverflow';
 import baseLine from './baseLine';
 import { control } from './control';
 import pieTooltip from './pieTooltip';
+import highlight from './highlight';
+
 export {
   pieTooltip,
   control,
@@ -102,5 +104,6 @@ export {
   pieCurrent,
   sc,
   shadow,
-  baseLine
+  baseLine,
+  highlight
 };