@easyv/config 1.2.12 → 1.2.14

package/lib/control.js

@@ -13,6 +13,7 @@ var defaultControl = {
   },
   gap: 20,
   drag: {
+    start: 0,
     width: 30,
     color: "RGBA(255, 255, 255, .3)"
   }
@@ -33,7 +34,9 @@ var control = function control() {
     gap = _ref$gap === void 0 ? defaultControl.gap : _ref$gap,
     _ref$drag = _ref.drag;
   _ref$drag = _ref$drag === void 0 ? defaultControl.drag : _ref$drag;
-  var _ref$drag$width = _ref$drag.width,
+  var _ref$drag$start = _ref$drag.start,
+    start = _ref$drag$start === void 0 ? defaultControl.drag.start : _ref$drag$start,
+    _ref$drag$width = _ref$drag.width,
     width = _ref$drag$width === void 0 ? defaultControl.drag.width : _ref$drag$width,
     _ref$drag$color = _ref$drag.color,
     dragColor = _ref$drag$color === void 0 ? defaultControl.drag.color : _ref$drag$color;
@@ -84,6 +87,16 @@ var control = function control() {
       name: "drag",
       displayName: "详情区域",
       value: [{
+        name: "start",
+        displayName: "起始位置",
+        value: start,
+        type: "range",
+        config: {
+          suffix: "%",
+          min: 0,
+          max: 100
+        }
+      }, {
         name: "width",
         displayName: "宽度",
         value: width,

package/lib/legend.js

@@ -364,12 +364,14 @@ var defaultLegendOfPie = {
     show: true,
     precision: 0,
     sameColor: false,
+    align: "left",
     gap: 0,
     font: defaultFont
   },
   value: {
     show: true,
     sameColor: false,
+    align: "left",
     gap: 0,
     font: defaultFont,
     suffix: {
@@ -426,6 +428,8 @@ var legendOfPie = function legendOfPie() {
     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,
@@ -436,6 +440,8 @@ var legendOfPie = function legendOfPie() {
     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,
@@ -555,6 +561,27 @@ var legendOfPie = function legendOfPie() {
         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: '文本样式',
@@ -603,6 +630,27 @@ var legendOfPie = function legendOfPie() {
         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: '文本样式',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/config",
-  "version": "1.2.12",
+  "version": "1.2.14",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -28,4 +28,4 @@
       "commit": true
     }
   }
-}
+}

package/src/control.js

@@ -7,6 +7,7 @@ const defaultControl={
   },
   gap:20,
   drag:{
+    start:0,
     width:30,
     color:"RGBA(255, 255, 255, .3)"
   }
@@ -21,6 +22,7 @@ export const control = ({
   } = defaultControl.margin,
   gap = defaultControl.gap,
   drag:{
+    start = defaultControl.drag.start,
     width = defaultControl.drag.width,
     color:dragColor = defaultControl.drag.color
   } = defaultControl.drag
@@ -80,6 +82,17 @@ export const control = ({
         name: "drag",
         displayName: "详情区域",
         value: [
+          {
+            name: "start",
+            displayName: "起始位置",
+            value: start,
+            type: "range",
+            config: {
+              suffix: "%",
+              min: 0,
+              max:100
+            },
+          },
           {
             name: "width",
             displayName: "宽度",

package/src/legend.js

@@ -379,12 +379,14 @@ const defaultLegendOfPie = {
     show: true,
     precision: 0,
     sameColor: false,
+    align:"left",
     gap: 0,
     font: defaultFont,
   },
   value: {
     show: true,
     sameColor: false,
+    align:"left",
     gap: 0,
     font: defaultFont,
     suffix: {
@@ -419,12 +421,14 @@ export const legendOfPie = ({
     show: showPercent = defaultLegendOfPie.percent.show,
     precision = defaultLegendOfPie.percent.precision,
     sameColor: percentSameColor = defaultLegendOfPie.percent.sameColor,
+    align: percentAlign = defaultLegendOfPie.percent.align,
     gap: percentGap = defaultLegendOfPie.percent.gap,
     font: percentFont = defaultLegendOfPie.percent.font,
   } = defaultLegendOfPie.percent,
   value: {
     show: showValue = defaultLegendOfPie.value.show,
     sameColor: valueSameColor = defaultLegendOfPie.value.sameColor,
+    align: valueAlign = defaultLegendOfPie.value.align,
     gap: valueGap = defaultLegendOfPie.value.gap,
     font: valueFont = defaultLegendOfPie.value.font,
     suffix: {
@@ -552,6 +556,21 @@ export const legendOfPie = ({
           value: percentSameColor,
           type: 'boolean',
         },
+        {
+          ...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" }
+            ]
+          }
+        },
         {
           ...showRule(),
           name: 'font',
@@ -622,6 +641,21 @@ export const legendOfPie = ({
           value: valueSameColor,
           type: 'boolean',
         },
+        {
+          ...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" }
+            ]
+          }
+        },
         {
           ...showRule(),
           name: 'font',