@easyv/config 1.3.7 → 1.3.8

package/lib/animation.js

@@ -0,0 +1,313 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.dataAnimation = exports.animationOfPie = exports.animationOfCarousel = void 0;
+var _ = require("./");
+var animation = {
+  show: false,
+  duration: 3,
+  interval: 3
+};
+var _default = function _default() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : animation,
+    _ref$show = _ref.show,
+    show = _ref$show === void 0 ? animation.show : _ref$show,
+    _ref$duration = _ref.duration,
+    duration = _ref$duration === void 0 ? animation.duration : _ref$duration,
+    _ref$interval = _ref.interval,
+    interval = _ref$interval === void 0 ? animation.interval : _ref$interval,
+    hoverStop = _ref.hoverStop;
+  return {
+    name: "animation",
+    displayName: "轮播动画",
+    value: [{
+      name: "show",
+      displayName: "",
+      value: show,
+      type: "boolean"
+    }, {
+      rule: [["show", "$eq", true]],
+      name: "duration",
+      displayName: "滚动时长",
+      value: duration,
+      type: "number",
+      config: {
+        span: 12,
+        suffix: "s"
+      }
+    }, {
+      rule: [["show", "$eq", true]],
+      name: "interval",
+      displayName: "间隔时长",
+      value: interval,
+      type: "number",
+      config: {
+        span: 12,
+        suffix: "s"
+      }
+    }, hoverStop !== undefined && {
+      rule: [["show", "$eq", true]],
+      name: "hover",
+      displayName: "悬停暂停动画",
+      value: hoverStop,
+      type: "boolean"
+    }].filter(function (d) {
+      return !!d;
+    })
+  };
+};
+exports["default"] = _default;
+var defaultDataAnimation = {
+  show: false,
+  duration: 3
+};
+var dataAnimation = function dataAnimation() {
+  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultDataAnimation,
+    _ref2$show = _ref2.show,
+    show = _ref2$show === void 0 ? defaultDataAnimation.show : _ref2$show,
+    _ref2$duration = _ref2.duration,
+    duration = _ref2$duration === void 0 ? defaultDataAnimation.duration : _ref2$duration;
+  return {
+    name: "dataAnimation",
+    displayName: "数据动画",
+    value: [{
+      name: "show",
+      displayName: "",
+      value: show,
+      type: "boolean"
+    }, {
+      rule: [["show", "$eq", true]],
+      name: "duration",
+      displayName: "滚动时长",
+      value: duration,
+      type: "number",
+      config: {
+        span: 12,
+        suffix: "s"
+      }
+    }]
+  };
+};
+exports.dataAnimation = dataAnimation;
+var defaultAnimationOfPie = {
+  show: true,
+  current: {
+    heighten: 10,
+    opacity: 60
+  },
+  interval: 3,
+  interactive: "",
+  canCancel: false
+};
+var animationOfPie = function animationOfPie() {
+  var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultAnimationOfPie,
+    _ref3$show = _ref3.show,
+    show = _ref3$show === void 0 ? defaultAnimationOfPie.show : _ref3$show,
+    _ref3$current = _ref3.current;
+  _ref3$current = _ref3$current === void 0 ? defaultAnimationOfPie.current : _ref3$current;
+  var widthen = _ref3$current.widthen,
+    _ref3$current$heighte = _ref3$current.heighten,
+    heighten = _ref3$current$heighte === void 0 ? defaultAnimationOfPie.current.heighten : _ref3$current$heighte,
+    _ref3$current$opacity = _ref3$current.opacity,
+    opacity = _ref3$current$opacity === void 0 ? defaultAnimationOfPie.current.opacity : _ref3$current$opacity,
+    _ref3$interval = _ref3.interval,
+    interval = _ref3$interval === void 0 ? defaultAnimationOfPie.interval : _ref3$interval,
+    _ref3$interactive = _ref3.interactive,
+    interactive = _ref3$interactive === void 0 ? defaultAnimationOfPie.interactive : _ref3$interactive,
+    _ref3$canCancel = _ref3.canCancel,
+    canCancel = _ref3$canCancel === void 0 ? defaultAnimationOfPie.canCancel : _ref3$canCancel,
+    hoverStop = _ref3.hoverStop;
+  return {
+    name: "animation",
+    displayName: "轮播动画",
+    value: [{
+      name: "on",
+      displayName: "开启",
+      value: show,
+      type: "boolean"
+    }, {
+      rule: [["on", "$eq", true]],
+      name: "current",
+      displayName: "当前值",
+      value: [{
+        name: "heighten",
+        displayName: "高度增长",
+        value: heighten,
+        type: "number"
+      }, widthen != undefined ? {
+        name: "widthen",
+        displayName: "半径增长",
+        value: widthen,
+        type: "number"
+      } : undefined, {
+        name: "opacity",
+        displayName: "透明度",
+        value: opacity,
+        type: "range",
+        config: {
+          min: 0,
+          max: 100,
+          suffix: "%"
+        }
+      }].filter(function (d) {
+        return !!d;
+      }),
+      config: {
+        defaultOpen: true
+      }
+    }, {
+      rule: [["on", "$eq", true]],
+      name: "interval",
+      displayName: "间隔时长",
+      value: interval,
+      type: "number",
+      config: {
+        suffix: "s"
+      }
+    }, {
+      tip: "选择点击或悬浮，鼠标点击/悬浮各数据块时停止轮播仅显示当前数据信息",
+      name: "interactive",
+      displayName: "交互方式",
+      value: interactive,
+      type: "radio",
+      config: {
+        options: [{
+          name: "无",
+          value: ""
+        }, {
+          name: "点击",
+          value: "click"
+        }, {
+          name: "悬停",
+          value: "hover"
+        }]
+      }
+    }, {
+      name: "canCancel",
+      displayName: "允许取消",
+      type: "boolean",
+      value: canCancel
+    }, hoverStop !== undefined && {
+      rule: [["on", "$eq", true]],
+      name: "hoverStop",
+      displayName: "悬停暂停动画",
+      value: hoverStop,
+      type: "boolean"
+    }].filter(function (d) {
+      return !!d;
+    })
+  };
+};
+exports.animationOfPie = animationOfPie;
+var defaultAnimationOfCarousel = {
+  show: true,
+  current: {
+    width: 0.1,
+    color: (0, _.multiColor)(),
+    font: (0, _.font)(),
+    gap: 15
+  },
+  interval: 3,
+  rotate: 30,
+  interactive: true
+};
+var animationOfCarousel = function animationOfCarousel() {
+  var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultAnimationOfCarousel,
+    _ref4$show = _ref4.show,
+    show = _ref4$show === void 0 ? defaultAnimationOfCarousel.show : _ref4$show,
+    _ref4$current = _ref4.current;
+  _ref4$current = _ref4$current === void 0 ? defaultAnimationOfCarousel.current : _ref4$current;
+  var _ref4$current$width = _ref4$current.width,
+    width = _ref4$current$width === void 0 ? defaultAnimationOfCarousel.current.width : _ref4$current$width,
+    _ref4$current$color = _ref4$current.color,
+    color = _ref4$current$color === void 0 ? defaultAnimationOfCarousel.current.color : _ref4$current$color,
+    _ref4$current$textSty = _ref4$current.textStyle,
+    textStyle = _ref4$current$textSty === void 0 ? defaultAnimationOfCarousel.current.font : _ref4$current$textSty,
+    _ref4$current$gap = _ref4$current.gap,
+    gap = _ref4$current$gap === void 0 ? defaultAnimationOfCarousel.current.gap : _ref4$current$gap,
+    _ref4$interval = _ref4.interval,
+    interval = _ref4$interval === void 0 ? defaultAnimationOfCarousel.interval : _ref4$interval,
+    _ref4$rotate = _ref4.rotate,
+    rotate = _ref4$rotate === void 0 ? defaultAnimationOfCarousel.rotate : _ref4$rotate,
+    _ref4$interactive = _ref4.interactive,
+    interactive = _ref4$interactive === void 0 ? defaultAnimationOfCarousel.interactive : _ref4$interactive,
+    hoverStop = _ref4.hoverStop;
+  return {
+    name: "animation",
+    displayName: "轮播动画",
+    value: [{
+      name: "on",
+      displayName: "开启",
+      value: show,
+      type: "boolean"
+    }, {
+      rule: [["on", "$eq", true]],
+      name: "current",
+      displayName: "当前值",
+      value: [{
+        name: "width",
+        displayName: "弧宽增长",
+        value: width,
+        type: "number"
+      }, {
+        name: "color",
+        displayName: "颜色",
+        value: (0, _.multiColor)(color),
+        type: "multicolor"
+      }, {
+        name: "textStyle",
+        displayName: "类目文本样式",
+        value: (0, _.font)(textStyle),
+        type: "textStyle",
+        markColorType: "textColor"
+      }, {
+        name: "gap",
+        displayName: "类目文本间距",
+        value: gap,
+        type: "number",
+        config: {
+          suffix: "px"
+        }
+      }],
+      config: {
+        defaultOpen: true
+      }
+    }, {
+      rule: [["on", "$eq", true]],
+      name: "interval",
+      displayName: "间隔时长",
+      value: interval,
+      type: "number",
+      config: {
+        suffix: "s"
+      }
+    }, {
+      rule: [["on", "$eq", true]],
+      name: "rotate",
+      displayName: "旋转",
+      value: rotate,
+      type: "number",
+      config: {
+        min: 0,
+        max: 360,
+        suffix: "°"
+      }
+    }, {
+      name: "interactive",
+      displayName: "点击交互",
+      value: interactive,
+      type: "boolean"
+    }, hoverStop !== undefined && {
+      rule: [["on", "$eq", true]],
+      name: "hoverStop",
+      displayName: "悬停暂停动画",
+      value: hoverStop,
+      type: "boolean"
+    }].filter(function (d) {
+      return !!d;
+    })
+  };
+};
+exports.animationOfCarousel = animationOfCarousel;

package/lib/axes.js

@@ -0,0 +1,212 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.valueAxis = exports["default"] = exports.categoryAxis = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _ = require(".");
+var _label = require("./label");
+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 defaultFont = (0, _.font)();
+var defaultFontAxisY = (0, _.font)({
+  color: "rgba(230, 247, 255, 1)"
+});
+var defaultCategoryAxis = {
+  on: true,
+  label: {
+    show: true,
+    format: {
+      type: "date",
+      showType: "MM月"
+    },
+    appearance: {
+      count: 3,
+      angle: 0,
+      wordBreak: "keep-all"
+    },
+    translate: {
+      x: 0,
+      y: 0
+    },
+    font: defaultFontAxisY
+  },
+  axisLine: {
+    show: true,
+    color: "#BAE7FF",
+    lineWidth: 1
+  },
+  tickLine: {
+    show: false,
+    color: "rgba(186,231,255,1)",
+    lineWidth: 1,
+    tickSize: 6
+  },
+  gridLine: {
+    show: true,
+    strokeDasharray: "3,3",
+    color: "rgba(230, 247, 255, 0.2)",
+    lineWidth: 1
+  }
+};
+var categoryAxis = function categoryAxis() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultCategoryAxis,
+    _ref$on = _ref.on,
+    on = _ref$on === void 0 ? defaultCategoryAxis.on : _ref$on,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? defaultCategoryAxis.label : _ref$label,
+    _ref$axisLine = _ref.axisLine,
+    axisLine_ = _ref$axisLine === void 0 ? defaultCategoryAxis.axisLine : _ref$axisLine,
+    _ref$tickLine = _ref.tickLine,
+    tickLine_ = _ref$tickLine === void 0 ? defaultCategoryAxis.tickLine : _ref$tickLine,
+    _ref$gridLine = _ref.gridLine,
+    gridLine_ = _ref$gridLine === void 0 ? defaultCategoryAxis.gridLine : _ref$gridLine;
+  return [{
+    name: "on",
+    displayName: "启用",
+    value: on,
+    type: "boolean"
+  }, _objectSpread({
+    rule: [["on", "$eq", true]]
+  }, (0, _label.axisLabel)(label)), _objectSpread({
+    rule: [["on", "$eq", true]]
+  }, (0, _.axisLine)(axisLine_)), _objectSpread({
+    rule: [["on", "$eq", true]]
+  }, (0, _.tickLine)(tickLine_)), _objectSpread({
+    rule: [["on", "$eq", true]]
+  }, (0, _.gridLine)(gridLine_))];
+};
+exports.categoryAxis = categoryAxis;
+var defaultValueAxis = {
+  on: true,
+  label: {
+    show: true,
+    extent: {
+      min: "0",
+      max: ""
+    },
+    auto: true,
+    mode: "count",
+    count: 3,
+    step: 100,
+    decimal: 0,
+    suffix: "",
+    translate: {
+      x: 6,
+      y: 0
+    },
+    font: defaultFont
+  },
+  unit: {
+    show: false,
+    text: "单位",
+    font: defaultFont,
+    translate: {
+      x: 0,
+      y: 0
+    }
+  },
+  axisLine: {
+    show: true,
+    color: "#BAE7FF",
+    lineWidth: 1
+  },
+  tickLine: {
+    show: true,
+    color: "rgba(186,231,255,1)",
+    lineWidth: 1,
+    tickSize: 6
+  },
+  gridLine: {
+    show: true,
+    strokeDasharray: "3,3",
+    color: "rgba(230, 247, 255, 0.2)",
+    lineWidth: 1
+  }
+};
+var valueAxis = function valueAxis() {
+  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultValueAxis,
+    _ref2$on = _ref2.on,
+    on = _ref2$on === void 0 ? defaultValueAxis.on : _ref2$on,
+    reverse = _ref2.reverse,
+    _ref2$openClipAxis = _ref2.openClipAxis,
+    openClipAxis = _ref2$openClipAxis === void 0 ? false : _ref2$openClipAxis,
+    clipValueAxis = _ref2.clipValueAxis,
+    openClip = _ref2.openClip,
+    clipAxis = _ref2.clipAxis,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? defaultValueAxis.label : _ref2$label,
+    _ref2$unit = _ref2.unit,
+    unit_ = _ref2$unit === void 0 ? defaultValueAxis.unit : _ref2$unit,
+    _ref2$axisLine = _ref2.axisLine,
+    axisLine_ = _ref2$axisLine === void 0 ? defaultValueAxis.axisLine : _ref2$axisLine,
+    _ref2$tickLine = _ref2.tickLine,
+    tickLine_ = _ref2$tickLine === void 0 ? defaultValueAxis.tickLine : _ref2$tickLine,
+    _ref2$gridLine = _ref2.gridLine,
+    gridLine_ = _ref2$gridLine === void 0 ? defaultValueAxis.gridLine : _ref2$gridLine;
+  return [{
+    name: "on",
+    displayName: "启用",
+    value: on,
+    type: "boolean"
+  }, reverse != undefined && (0, _.sc)("reverse", "反转", "boolean", reverse), openClip != undefined && (0, _.sc)("openClip", "开启断轴", "boolean", false), clipAxis != undefined && (0, _.sc)("clipAxis", "轴段区间", "array", [(0, _.sc)("range1", "区间", "object", [(0, _.sc)("value", "区间值", "number", 50), (0, _.sc)("offset", "高度占比", "range", 25)]), (0, _.sc)("range2", "区间", "object", [(0, _.sc)("value", "区间值", "number", 100), (0, _.sc)("offset", "高度占比", "range", 50)]), (0, _.sc)("range3", "区间", "object", [(0, _.sc)("value", "区间值", "number", 1000), (0, _.sc)("offset", "高度占比", "range", 75)])], {
+    template: (0, _.sc)("range", "区间", "object", [(0, _.sc)("value", "区间值", "number", 0), (0, _.sc)("offset", "高度占比", "range", 0)]),
+    other: {
+      tip: "不用设置高度占比为0或100的区间"
+    }
+  }, {
+    rule: [["openClip", "$eq", true]]
+  }), openClipAxis === true && _objectSpread(_objectSpread({}, (0, _label.valueCilpAsixLabel)()), {}, {
+    rule: [["on", "$eq", true]]
+  }), (openClipAxis === false || !!!openClipAxis) && _objectSpread({
+    rule: [["on", "$eq", true]]
+  }, (0, _label.valueAsixLabel)(label)), _objectSpread({
+    rule: [["on", "$eq", true]]
+  }, (0, _.unit)(unit_)), _objectSpread({
+    rule: [["on", "$eq", true]]
+  }, (0, _.axisLine)(axisLine_)), _objectSpread({
+    rule: [["on", "$eq", true]]
+  }, (0, _.tickLine)(tickLine_)), _objectSpread({
+    rule: [["on", "$eq", true]]
+  }, (0, _.gridLine)(gridLine_))].filter(function (item) {
+    return !!item;
+  });
+};
+exports.valueAxis = valueAxis;
+var _default = function _default() {
+  var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+      xAxis: defaultCategoryAxis,
+      yAxis: defaultValueAxis
+    },
+    _ref3$xAxis = _ref3.xAxis,
+    xAxis = _ref3$xAxis === void 0 ? defaultCategoryAxis : _ref3$xAxis,
+    _ref3$yAxis = _ref3.yAxis,
+    yAxis = _ref3$yAxis === void 0 ? defaultValueAxis : _ref3$yAxis,
+    zAxis = _ref3.zAxis;
+  return {
+    name: "axes",
+    displayName: "坐标轴",
+    value: [{
+      name: "xAxis",
+      displayName: "X轴",
+      value: categoryAxis(xAxis)
+    }, {
+      name: "yAxis",
+      displayName: "Y轴",
+      value: valueAxis(yAxis)
+    }, zAxis && {
+      name: "zAxis",
+      displayName: "Z轴",
+      value: valueAxis(zAxis)
+    }].filter(function (item) {
+      return !!item;
+    }),
+    config: {
+      layout: "horizontal"
+    },
+    type: "menu"
+  };
+};
+exports["default"] = _default;

package/lib/axisLine.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var axisLine = {
+  show: true,
+  color: '#BAE7FF',
+  lineWidth: 1
+};
+var _default = function _default() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : axisLine,
+    _ref$show = _ref.show,
+    show = _ref$show === void 0 ? axisLine.show : _ref$show,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? axisLine.color : _ref$color,
+    _ref$lineWidth = _ref.lineWidth,
+    lineWidth = _ref$lineWidth === void 0 ? axisLine.lineWidth : _ref$lineWidth;
+  return {
+    name: 'axisLine',
+    displayName: '轴线',
+    value: [{
+      name: 'show',
+      displayName: '显示',
+      value: show,
+      type: 'boolean'
+    }, {
+      rule: [['show', '$eq', true]],
+      name: 'color',
+      displayName: '颜色',
+      value: color,
+      type: 'color',
+      markColorType: 'assistColor'
+    }, {
+      rule: [['show', '$eq', true]],
+      name: 'lineWidth',
+      displayName: '粗细',
+      value: lineWidth,
+      type: 'number',
+      config: {
+        suffix: 'px'
+      }
+    }]
+  };
+};
+exports["default"] = _default;