@easyv/config 1.1.32 → 1.1.34

package/lib/index.js

@@ -227,6 +227,12 @@ Object.defineProperty(exports, "pieSeries", {
     return _series.pieSeries;
   }
 });
+Object.defineProperty(exports, "pieTooltip", {
+  enumerable: true,
+  get: function get() {
+    return _pieTooltip["default"];
+  }
+});
 Object.defineProperty(exports, "purePieSeries", {
   enumerable: true,
   get: function get() {
@@ -338,5 +344,6 @@ var _shadow = _interopRequireDefault(require("./shadow"));
 var _textOverflow = _interopRequireDefault(require("./textOverflow"));
 var _baseLine = _interopRequireDefault(require("./baseLine"));
 var _control = require("./control");
+var _pieTooltip = _interopRequireDefault(require("./pieTooltip"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/lib/label.js

@@ -96,7 +96,9 @@ var _default = function _default() {
       }
     }, _objectSpread({
       _rule: [["show", "$eq", true]]
-    }, (0, _.translate)(x, y))].filter(function (item) {
+    }, (0, _.translate)(x, y)), (0, _.sc)("suffix", "后缀", "", [(0, _.sc)("content", "内容", "input", ""), (0, _.sc)("font", "字体样式", "textStyle", (0, _.font)()), (0, _.translate)()], {
+      defaultOpen: true
+    }, (0, _.showRule)())].filter(function (item) {
       return !!item;
     })
   };

package/lib/pieTooltip.js

@@ -0,0 +1,314 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _ = require(".");
+var defaultTooltip = {
+  manual: true,
+  tip: {
+    translate: {
+      x: 0,
+      y: 0
+    },
+    image: "",
+    size: {
+      width: 120,
+      height: 40
+    },
+    margin: {
+      marginTop: 10,
+      marginBottom: 10,
+      marginLeft: 10,
+      marginRight: 10
+    },
+    data: {
+      lineHeight: 18,
+      iconSize: 10,
+      num: "",
+      name: {
+        fontFamily: "Mircosoft Yahei",
+        fontSize: 12,
+        color: "#C8E7FF",
+        bold: false,
+        italic: false,
+        letterSpacing: 0
+      },
+      value: {
+        font: {
+          fontFamily: "Mircosoft Yahei",
+          fontSize: 12,
+          color: "#D4EFFC",
+          bold: false,
+          italic: false,
+          letterSpacing: 0
+        }
+      },
+      percentage: {
+        font: {
+          fontFamily: "Mircosoft Yahei",
+          fontSize: 12,
+          color: "#D4EFFC",
+          bold: false,
+          italic: false,
+          letterSpacing: 0
+        }
+      },
+      suffix: {
+        font: {
+          fontFamily: "Mircosoft Yahei",
+          fontSize: 12,
+          color: "#D4EFFC",
+          bold: false,
+          italic: false,
+          letterSpacing: 0
+        },
+        translate: {
+          x: 0,
+          y: 0
+        }
+      }
+    }
+  }
+};
+var _default = function _default() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultTooltip,
+    _ref$manual = _ref.manual,
+    manual = _ref$manual === void 0 ? defaultTooltip.manual : _ref$manual,
+    _ref$tip = _ref.tip,
+    _ref$tip2 = _ref$tip === void 0 ? defaultTooltip.tip : _ref$tip,
+    _ref$tip2$translate = _ref$tip2.translate,
+    _ref$tip2$translate2 = _ref$tip2$translate === void 0 ? defaultTooltip.tip.translate : _ref$tip2$translate,
+    _ref$tip2$translate2$ = _ref$tip2$translate2.x,
+    tipTranslateX = _ref$tip2$translate2$ === void 0 ? defaultTooltip.tip.translate.x : _ref$tip2$translate2$,
+    _ref$tip2$translate2$2 = _ref$tip2$translate2.y,
+    tipTranslateY = _ref$tip2$translate2$2 === void 0 ? defaultTooltip.tip.translate.y : _ref$tip2$translate2$2,
+    _ref$tip2$image = _ref$tip2.image,
+    image = _ref$tip2$image === void 0 ? defaultTooltip.tip.image : _ref$tip2$image,
+    _ref$tip2$size = _ref$tip2.size,
+    _ref$tip2$size2 = _ref$tip2$size === void 0 ? defaultTooltip.tip.size : _ref$tip2$size,
+    _ref$tip2$size2$width = _ref$tip2$size2.width,
+    tipWidth = _ref$tip2$size2$width === void 0 ? defaultTooltip.tip.size.width : _ref$tip2$size2$width,
+    _ref$tip2$size2$heigh = _ref$tip2$size2.height,
+    tipHeight = _ref$tip2$size2$heigh === void 0 ? defaultTooltip.tip.size.height : _ref$tip2$size2$heigh,
+    _ref$tip2$margin = _ref$tip2.margin,
+    _ref$tip2$margin2 = _ref$tip2$margin === void 0 ? defaultTooltip.tip.margin : _ref$tip2$margin,
+    _ref$tip2$margin2$mar = _ref$tip2$margin2.marginTop,
+    marginTop = _ref$tip2$margin2$mar === void 0 ? defaultTooltip.tip.margin.marginTop : _ref$tip2$margin2$mar,
+    _ref$tip2$margin2$mar2 = _ref$tip2$margin2.marginBottom,
+    marginBottom = _ref$tip2$margin2$mar2 === void 0 ? defaultTooltip.tip.margin.marginBottom : _ref$tip2$margin2$mar2,
+    _ref$tip2$margin2$mar3 = _ref$tip2$margin2.marginLeft,
+    marginLeft = _ref$tip2$margin2$mar3 === void 0 ? defaultTooltip.tip.margin.marginLeft : _ref$tip2$margin2$mar3,
+    _ref$tip2$margin2$mar4 = _ref$tip2$margin2.marginRight,
+    marginRight = _ref$tip2$margin2$mar4 === void 0 ? defaultTooltip.tip.margin.marginRight : _ref$tip2$margin2$mar4,
+    _ref$tip2$data = _ref$tip2.data,
+    _ref$tip2$data$lineHe = _ref$tip2$data.lineHeight,
+    lineHeight = _ref$tip2$data$lineHe === void 0 ? defaultTooltip.tip.data.lineHeight : _ref$tip2$data$lineHe,
+    _ref$tip2$data$iconSi = _ref$tip2$data.iconSize,
+    iconSize = _ref$tip2$data$iconSi === void 0 ? defaultTooltip.tip.data.iconSize : _ref$tip2$data$iconSi,
+    _ref$tip2$data$num = _ref$tip2$data.num,
+    num = _ref$tip2$data$num === void 0 ? defaultTooltip.tip.data.num : _ref$tip2$data$num,
+    _ref$tip2$data$name = _ref$tip2$data.name,
+    _ref$tip2$data$name2 = _ref$tip2$data$name === void 0 ? defaultTooltip.tip.data.name : _ref$tip2$data$name,
+    nameFontFamily = _ref$tip2$data$name2.fontFamily,
+    nameFontSize = _ref$tip2$data$name2.fontSize,
+    nameColor = _ref$tip2$data$name2.color,
+    nameBold = _ref$tip2$data$name2.bold,
+    nameItalic = _ref$tip2$data$name2.italic,
+    nameLetterSpacing = _ref$tip2$data$name2.letterSpacing,
+    _ref$tip2$data$value = _ref$tip2$data.value,
+    _ref$tip2$data$value2 = _ref$tip2$data$value === void 0 ? defaultTooltip.tip.data.value : _ref$tip2$data$value,
+    _ref$tip2$data$value3 = _ref$tip2$data$value2.font,
+    valueFontFamily = _ref$tip2$data$value3.fontFamily,
+    valueFontSize = _ref$tip2$data$value3.fontSize,
+    valueFontColor = _ref$tip2$data$value3.color,
+    valueFontBold = _ref$tip2$data$value3.bold,
+    valueFontItalic = _ref$tip2$data$value3.italic,
+    valueFontLetterSpacing = _ref$tip2$data$value3.letterSpacing,
+    _ref$tip2$data$percen = _ref$tip2$data.percentage,
+    _ref$tip2$data$percen2 = _ref$tip2$data$percen === void 0 ? defaultTooltip.tip.data.percentage : _ref$tip2$data$percen,
+    _ref$tip2$data$percen3 = _ref$tip2$data$percen2.font,
+    percentageFontFamily = _ref$tip2$data$percen3.fontFamily,
+    percentageFontSize = _ref$tip2$data$percen3.fontSize,
+    percentageFontColor = _ref$tip2$data$percen3.color,
+    percentageFontBold = _ref$tip2$data$percen3.bold,
+    percentageFontItalic = _ref$tip2$data$percen3.italic,
+    percentageFontLetterSpacing = _ref$tip2$data$percen3.letterSpacing,
+    _ref$tip2$data$suffix = _ref$tip2$data.suffix,
+    _ref$tip2$data$suffix2 = _ref$tip2$data$suffix === void 0 ? defaultTooltip.tip.data.suffix : _ref$tip2$data$suffix,
+    _ref$tip2$data$suffix3 = _ref$tip2$data$suffix2.font,
+    _ref$tip2$data$suffix4 = _ref$tip2$data$suffix3 === void 0 ? defaultTooltip.tip.data.suffix.font : _ref$tip2$data$suffix3,
+    suffixFontFamily = _ref$tip2$data$suffix4.fontFamily,
+    suffixFontSize = _ref$tip2$data$suffix4.fontSize,
+    suffixColor = _ref$tip2$data$suffix4.color,
+    suffixBold = _ref$tip2$data$suffix4.bold,
+    suffixItalic = _ref$tip2$data$suffix4.italic,
+    suffixLetterSpacing = _ref$tip2$data$suffix4.letterSpacing;
+  return {
+    name: "tooltip",
+    displayName: "提示框",
+    value: [{
+      name: "manual",
+      displayName: "悬停触发",
+      value: manual,
+      type: "boolean"
+    }, {
+      name: "tip",
+      displayName: "提示框",
+      value: [(0, _.translate)(tipTranslateX, tipTranslateY), {
+        type: "uploadImage",
+        name: "image",
+        displayName: "背景",
+        value: image
+      }, {
+        name: "size",
+        displayName: "尺寸",
+        value: [{
+          name: "width",
+          displayName: "宽度",
+          value: tipWidth,
+          config: {
+            span: 12,
+            suffix: "W"
+          }
+        }, {
+          name: "height",
+          displayName: "高度",
+          value: tipHeight,
+          config: {
+            span: 12,
+            suffix: "H"
+          }
+        }],
+        type: "group"
+      }, (0, _.margin)({
+        marginTop: marginTop,
+        marginRight: marginRight,
+        marginBottom: marginBottom,
+        marginLeft: marginLeft
+      }), {
+        displayName: "数据",
+        name: "data",
+        value: [{
+          displayName: "图标尺寸",
+          type: "number",
+          value: iconSize,
+          name: "iconSize"
+        }, {
+          name: "name",
+          displayName: "系列名称",
+          value: {
+            fontFamily: nameFontFamily,
+            fontSize: nameFontSize,
+            color: nameColor,
+            bold: nameBold,
+            italic: nameItalic,
+            letterSpacing: nameLetterSpacing
+          },
+          type: "textStyle",
+          markColorType: "textColor"
+        }, {
+          name: "value",
+          displayName: "系列值",
+          value: [{
+            name: "show",
+            displayName: "显示",
+            value: true,
+            type: "boolean"
+          }, {
+            name: "fontStyle",
+            displayName: "文本样式",
+            value: {
+              fontFamily: valueFontFamily,
+              fontSize: valueFontSize,
+              color: valueFontColor,
+              bold: valueFontBold,
+              italic: valueFontItalic,
+              letterSpacing: valueFontLetterSpacing
+            },
+            type: "textStyle",
+            markColorType: "textColor"
+          }, {
+            name: "suffix",
+            displayName: "后缀",
+            value: [{
+              name: "show",
+              displayName: "显示",
+              value: false,
+              type: "boolean"
+            }, {
+              name: "content",
+              displayName: "内容",
+              type: "input",
+              value: "$"
+            }, {
+              name: "font",
+              displayName: "文本样式",
+              value: {
+                fontFamily: suffixFontFamily,
+                fontSize: suffixFontSize,
+                color: suffixColor,
+                bold: suffixBold,
+                italic: suffixItalic,
+                letterSpacing: suffixLetterSpacing
+              },
+              type: "textStyle",
+              markColorType: "textColor"
+            }, (0, _.translate)(0, 0)]
+          }]
+        }, {
+          name: "percentage",
+          displayName: "百分比",
+          value: [{
+            name: "show",
+            displayName: "显示",
+            value: true,
+            type: "boolean"
+          }, {
+            name: "fontStyle",
+            displayName: "文本样式",
+            value: {
+              fontFamily: percentageFontFamily,
+              fontSize: percentageFontSize,
+              color: percentageFontColor,
+              bold: percentageFontBold,
+              italic: percentageFontItalic,
+              letterSpacing: percentageFontLetterSpacing
+            },
+            type: "textStyle",
+            markColorType: "textColor"
+          }, {
+            name: "suffix",
+            displayName: "后缀",
+            value: [{
+              name: "show",
+              displayName: "显示",
+              value: true,
+              type: "boolean"
+            }, {
+              name: "content",
+              displayName: "内容",
+              type: "input",
+              value: "%"
+            }, {
+              name: "font",
+              displayName: "文本样式",
+              value: {
+                fontFamily: suffixFontFamily,
+                fontSize: suffixFontSize,
+                color: suffixColor,
+                bold: suffixBold,
+                italic: suffixItalic,
+                letterSpacing: suffixLetterSpacing
+              },
+              type: "textStyle",
+              markColorType: "textColor"
+            }, (0, _.translate)(0, 0)]
+          }]
+        }]
+      }]
+    }]
+  };
+};
+exports["default"] = _default;

package/package.json

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

package/src/index.js

@@ -48,7 +48,9 @@ import shadow from './shadow';
 import textOverflow from './textOverflow';
 import baseLine from './baseLine';
 import { control } from './control';
+import pieTooltip from './pieTooltip';
 export {
+  pieTooltip,
   control,
   show,
   showRule,

package/src/pieTooltip.js

@@ -0,0 +1,321 @@
+import { translate, margin } from ".";
+const defaultTooltip = {
+  manual: true,
+  tip: {
+    translate: { x: 0, y: 0 },
+    image: "",
+    size: { width: 120, height: 40 },
+    margin: {
+      marginTop: 10,
+      marginBottom: 10,
+      marginLeft: 10,
+      marginRight: 10,
+    },
+    data: {
+      lineHeight: 18,
+      iconSize: 10,
+      num: "",
+      name: {
+        fontFamily: "Mircosoft Yahei",
+        fontSize: 12,
+        color: "#C8E7FF",
+        bold: false,
+        italic: false,
+        letterSpacing: 0,
+      },
+      value: {
+        font: {
+          fontFamily: "Mircosoft Yahei",
+          fontSize: 12,
+          color: "#D4EFFC",
+          bold: false,
+          italic: false,
+          letterSpacing: 0,
+        },
+      },
+      percentage: {
+        font: {
+          fontFamily: "Mircosoft Yahei",
+          fontSize: 12,
+          color: "#D4EFFC",
+          bold: false,
+          italic: false,
+          letterSpacing: 0,
+        },
+      },
+      suffix: {
+        font: {
+          fontFamily: "Mircosoft Yahei",
+          fontSize: 12,
+          color: "#D4EFFC",
+          bold: false,
+          italic: false,
+          letterSpacing: 0,
+        },
+        translate: { x: 0, y: 0 },
+      },
+    },
+  },
+};
+export default ({
+  manual = defaultTooltip.manual,
+  tip: {
+    translate: {
+      x: tipTranslateX = defaultTooltip.tip.translate.x,
+      y: tipTranslateY = defaultTooltip.tip.translate.y,
+    } = defaultTooltip.tip.translate,
+    image = defaultTooltip.tip.image,
+    size: {
+      width: tipWidth = defaultTooltip.tip.size.width,
+      height: tipHeight = defaultTooltip.tip.size.height,
+    } = defaultTooltip.tip.size,
+    margin: {
+      marginTop = defaultTooltip.tip.margin.marginTop,
+      marginBottom = defaultTooltip.tip.margin.marginBottom,
+      marginLeft = defaultTooltip.tip.margin.marginLeft,
+      marginRight = defaultTooltip.tip.margin.marginRight,
+    } = defaultTooltip.tip.margin,
+    data: {
+      lineHeight = defaultTooltip.tip.data.lineHeight,
+      iconSize = defaultTooltip.tip.data.iconSize,
+      num = defaultTooltip.tip.data.num,
+      name: {
+        fontFamily: nameFontFamily,
+        fontSize: nameFontSize,
+        color: nameColor,
+        bold: nameBold,
+        italic: nameItalic,
+        letterSpacing: nameLetterSpacing,
+      } = defaultTooltip.tip.data.name,
+      value: {
+        font: {
+          fontFamily: valueFontFamily,
+          fontSize: valueFontSize,
+          color: valueFontColor,
+          bold: valueFontBold,
+          italic: valueFontItalic,
+          letterSpacing: valueFontLetterSpacing,
+        },
+      } = defaultTooltip.tip.data.value,
+      percentage: {
+        font: {
+          fontFamily: percentageFontFamily,
+          fontSize: percentageFontSize,
+          color: percentageFontColor,
+          bold: percentageFontBold,
+          italic: percentageFontItalic,
+          letterSpacing: percentageFontLetterSpacing,
+        },
+      } = defaultTooltip.tip.data.percentage,
+      suffix: {
+        font: {
+          fontFamily: suffixFontFamily,
+          fontSize: suffixFontSize,
+          color: suffixColor,
+          bold: suffixBold,
+          italic: suffixItalic,
+          letterSpacing: suffixLetterSpacing,
+        } = defaultTooltip.tip.data.suffix.font,
+      } = defaultTooltip.tip.data.suffix,
+    },
+  } = defaultTooltip.tip,
+} = defaultTooltip) => ({
+  name: "tooltip",
+  displayName: "提示框",
+  value: [
+    {
+      name: "manual",
+      displayName: "悬停触发",
+      value: manual,
+      type: "boolean",
+    },
+    {
+      name: "tip",
+      displayName: "提示框",
+      value: [
+        translate(tipTranslateX, tipTranslateY),
+        {
+          type: "uploadImage",
+          name: "image",
+          displayName: "背景",
+          value: image,
+        },
+        {
+          name: "size",
+          displayName: "尺寸",
+          value: [
+            {
+              name: "width",
+              displayName: "宽度",
+              value: tipWidth,
+              config: {
+                span: 12,
+                suffix: "W",
+              },
+            },
+            {
+              name: "height",
+              displayName: "高度",
+              value: tipHeight,
+              config: {
+                span: 12,
+                suffix: "H",
+              },
+            },
+          ],
+          type: "group",
+        },
+        margin({
+          marginTop,
+          marginRight,
+          marginBottom,
+          marginLeft,
+        }),
+        {
+          displayName: "数据",
+          name: "data",
+          value: [
+            {
+              displayName: "图标尺寸",
+              type: "number",
+              value: iconSize,
+              name: "iconSize",
+            },
+            {
+              name: "name",
+              displayName: "系列名称",
+              value: {
+                fontFamily: nameFontFamily,
+                fontSize: nameFontSize,
+                color: nameColor,
+                bold: nameBold,
+                italic: nameItalic,
+                letterSpacing: nameLetterSpacing,
+              },
+              type: "textStyle",
+              markColorType: "textColor",
+            },
+            {
+              name: "value",
+              displayName: "系列值",
+              value: [
+                {
+                  name: "show",
+                  displayName: "显示",
+                  value: true,
+                  type: "boolean",
+                },
+                {
+                  name: "fontStyle",
+                  displayName: "文本样式",
+                  value: {
+                    fontFamily: valueFontFamily,
+                    fontSize: valueFontSize,
+                    color: valueFontColor,
+                    bold: valueFontBold,
+                    italic: valueFontItalic,
+                    letterSpacing: valueFontLetterSpacing,
+                  },
+                  type: "textStyle",
+                  markColorType: "textColor",
+                },
+                {
+                  name: "suffix",
+                  displayName: "后缀",
+                  value: [
+                    {
+                      name: "show",
+                      displayName: "显示",
+                      value: false,
+                      type: "boolean",
+                    },
+                    {
+                      name: "content",
+                      displayName: "内容",
+                      type: "input",
+                      value: "$",
+                    },
+                    {
+                      name: "font",
+                      displayName: "文本样式",
+                      value: {
+                        fontFamily: suffixFontFamily,
+                        fontSize: suffixFontSize,
+                        color: suffixColor,
+                        bold: suffixBold,
+                        italic: suffixItalic,
+                        letterSpacing: suffixLetterSpacing,
+                      },
+                      type: "textStyle",
+                      markColorType: "textColor",
+                    },
+                    translate(0, 0),
+                  ],
+                },
+              ],
+            },
+            {
+              name: "percentage",
+              displayName: "百分比",
+              value: [
+                {
+                  name: "show",
+                  displayName: "显示",
+                  value: true,
+                  type: "boolean",
+                },
+                {
+                  name: "fontStyle",
+                  displayName: "文本样式",
+                  value: {
+                    fontFamily: percentageFontFamily,
+                    fontSize: percentageFontSize,
+                    color: percentageFontColor,
+                    bold: percentageFontBold,
+                    italic: percentageFontItalic,
+                    letterSpacing: percentageFontLetterSpacing,
+                  },
+                  type: "textStyle",
+                  markColorType: "textColor",
+                },
+                {
+                  name: "suffix",
+                  displayName: "后缀",
+                  value: [
+                    {
+                      name: "show",
+                      displayName: "显示",
+                      value: true,
+                      type: "boolean",
+                    },
+                    {
+                      name: "content",
+                      displayName: "内容",
+                      type: "input",
+                      value: "%",
+                    },
+                    {
+                      name: "font",
+                      displayName: "文本样式",
+                      value: {
+                        fontFamily: suffixFontFamily,
+                        fontSize: suffixFontSize,
+                        color: suffixColor,
+                        bold: suffixBold,
+                        italic: suffixItalic,
+                        letterSpacing: suffixLetterSpacing,
+                      },
+                      type: "textStyle",
+                      markColorType: "textColor",
+                    },
+                    translate(0, 0),
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    },
+  ],
+});