@easyv/config 1.0.49 → 1.0.54

package/src/pie.js

@@ -1,4 +1,11 @@
-import { font, show as showConfig, showRule, translate as translateConfig, axisLine, sc } from './';
+import {
+  font,
+  show as showConfig,
+  showRule,
+  translate as translateConfig,
+  axisLine,
+  sc,
+} from './';
 
 const defaultBasePie = {
   chart: {
@@ -69,19 +76,19 @@ const basePie = ({
 });
 
 const defaultBaseRose = {
-  chart:{
+  chart: {
     innerRadius: 0,
     outerRadius: 1,
-    padAngle: 2
-  }
-}
-const baseRose=({
+    padAngle: 2,
+  },
+};
+const baseRose = ({
   chart: {
     innerRadius = defaultBaseRose.chart.innerRadius,
     outerRadius = defaultBaseRose.chart.outerRadius,
     padAngle = defaultBaseRose.chart.padAngle,
   } = defaultBaseRose.chart,
-} = defaultBaseRose)=>({
+} = defaultBaseRose) => ({
   name: 'chart',
   displayName: '饼图',
   value: [
@@ -123,18 +130,18 @@ const baseRose=({
   config: {
     defaultOpen: true,
   },
-})
+});
 
-const defaultGridLine={
+const defaultGridLine = {
   show: true,
   color: '#BAE7FF',
   lineWidth: 1,
 };
-const gridLine=({
+const gridLine = ({
   show = defaultGridLine.show,
   color = defaultGridLine.color,
-  lineWidth = defaultGridLine.lineWidth
-}=defaultGridLine)=>({
+  lineWidth = defaultGridLine.lineWidth,
+} = defaultGridLine) => ({
   name: 'gridLine',
   displayName: '网格线',
   value: [
@@ -162,118 +169,120 @@ const gridLine=({
       },
     },
   ],
-})
+});
 
 const defaultRoseAxis = {
-  axis:{
-    count:6,
-    textStyle:font(),
-    gap:10,
-    axisline:{
+  axis: {
+    count: 6,
+    textStyle: font(),
+    gap: 10,
+    axisline: {
       show: true,
       color: '#BAE7FF',
       lineWidth: 1,
     },
-    gridLine:{
-      show:true,
+    gridLine: {
+      show: true,
       color: '#BAE7FF',
-      lineWidth: 1
-    }
-  }
-}
+      lineWidth: 1,
+    },
+  },
+};
 
 const roseCategoryAxis = ({
-  axis:{
+  axis: {
     textStyle = defaultRoseAxis.axis.textStyle,
     gap = defaultRoseAxis.axis.gap,
     axisLine: axisLine_ = defaultRoseAxis.axis.axisline,
-    gridLine: gridLine_ = defaultRoseAxis.axis.gridLine
-  }=defaultRoseAxis.axis
-}=defaultRoseAxis)=>({
-  name:"categoryAxis",
-  displayName:"类目轴",
-  value:[
-    {
-      name:"textStyle",
-      displayName:"标签文本",
-      value:font(textStyle),
-      type:"textStyle"
-    },
-    {
-      name:"gap",
-      displayName:"边距",
-      value:gap,
-      type:"number",
-      config:{
-        suffix:"px"
-      }
+    gridLine: gridLine_ = defaultRoseAxis.axis.gridLine,
+  } = defaultRoseAxis.axis,
+} = defaultRoseAxis) => ({
+  name: 'categoryAxis',
+  displayName: '类目轴',
+  value: [
+    {
+      name: 'textStyle',
+      displayName: '标签文本',
+      value: font(textStyle),
+      type: 'textStyle',
+      markColorType: 'textColor'
+    },
+    {
+      name: 'gap',
+      displayName: '边距',
+      value: gap,
+      type: 'number',
+      config: {
+        suffix: 'px',
+      },
     },
     axisLine(axisLine_),
-    gridLine(gridLine_)
+    gridLine(gridLine_),
   ],
   config: {
     defaultOpen: true,
-  }
-})
+  },
+});
 
 const roseValueAxis = ({
-  axis:{
+  axis: {
     count = defaultRoseAxis.axis.count,
     textStyle = defaultRoseAxis.axis.textStyle,
     gap = defaultRoseAxis.axis.gap,
     axisLine: axisLine_ = defaultRoseAxis.axis.axisline,
-    gridLine: gridLine_ = defaultRoseAxis.axis.gridLine
-  }=defaultRoseAxis.axis
-} = defaultRoseAxis)=>({
-  name:"valueAxis",
-  displayName:"数值轴",
-  value:[
+    gridLine: gridLine_ = defaultRoseAxis.axis.gridLine,
+  } = defaultRoseAxis.axis,
+} = defaultRoseAxis) => ({
+  name: 'valueAxis',
+  displayName: '数值轴',
+  value: [
     {
-      name:"count",
-      displayName:"数量",
-      value:count,
-      type:"number"
+      name: 'count',
+      displayName: '数量',
+      value: count,
+      type: 'number',
     },
     {
-      name:"textStyle",
-      displayName:"标签文本",
-      value:font(textStyle),
-      type:"textStyle"
+      name: 'textStyle',
+      displayName: '标签文本',
+      value: font(textStyle),
+      type: 'textStyle',
+      markColorType: 'textColor'
     },
     {
-      name:"gap",
-      displayName:"边距",
-      value:gap,
-      type:"number",
-      config:{
-        suffix:"px"
-      }
+      name: 'gap',
+      displayName: '边距',
+      value: gap,
+      type: 'number',
+      config: {
+        suffix: 'px',
+      },
     },
     axisLine(axisLine_),
-    gridLine(gridLine_)
+    gridLine(gridLine_),
   ],
   config: {
     defaultOpen: true,
-  }
-})
+  },
+});
 
 const defaultCategoryText = {
   categoryText: {
-      show:true,
-      font:font(),
-      gap:10
-  }
-}
-const categoryText=({
+    show: true,
+    font: font(),
+    gap: 10,
+  },
+};
+const categoryText = ({
   categoryText: {
     show = defaultCategoryText.categoryText.show,
     font = defaultCategoryText.categoryText.font,
-    gap = defaultCategoryText.categoryText.gap
+    gap = defaultCategoryText.categoryText.gap,
   } = defaultCategoryText,
-})=>({
+}) => ({
   name: 'categoryText',
-  displayName:'类目文本',
-  value:[
+  displayName: '类目文本',
+  value: [
     {
       name: 'show',
       displayName: '显示',
@@ -285,7 +294,8 @@ const categoryText=({
       name: 'textStyle',
       displayName: '文本样式',
       value: font,
-      type:"textStyle"
+      type: 'textStyle',
+      markColorType: 'textColor'
     },
     {
       ...showRule(),
@@ -293,12 +303,12 @@ const categoryText=({
       displayName: '间距',
       value: gap,
       type: 'number',
-      config:{
-        suffix:"px"
-      }
-    }
-  ]
-})
+      config: {
+        suffix: 'px',
+      },
+    },
+  ],
+});
 
 const defaultDecorate = {
   decorate: {
@@ -409,7 +419,7 @@ const defaultDecorate2 = {
 const decorate2 = ({
   show = defaultDecorate2.show,
   radiusWidth = defaultDecorate2.radiusWidth,
-  opacity = defaultDecorate2.opacity
+  opacity = defaultDecorate2.opacity,
 }) => ({
   name: 'decorate2',
   displayName: '装饰物',
@@ -428,7 +438,7 @@ const decorate2 = ({
       type: 'range',
       config: {
         min: 0,
-        max: 100
+        max: 100,
       },
     },
     {
@@ -440,10 +450,10 @@ const decorate2 = ({
       config: {
         min: 0,
         max: 100,
-        suffix: "%",
+        suffix: '%',
       },
-    }
-  ]
+    },
+  ],
 });
 
 const defaultCurrent = {
@@ -477,8 +487,8 @@ export const current = ({
     name: {
       show: showName = defaultCurrent.current.name.show,
       font: nameFont = defaultCurrent.current.name.font,
-      translate: nameTranslate ,
-      textBreak
+      translate: nameTranslate,
+      textBreak,
     } = defaultCurrent.current.name,
     percent: {
       show: showPercent = defaultCurrent.current.percent.show,
@@ -528,16 +538,20 @@ export const current = ({
           displayName: '文本样式',
           value: nameFont,
           type: 'textStyle',
+          markColorType: 'textColor',
         },
-        nameTranslate!=undefined && {
+        nameTranslate != undefined && {
           ...showRule(),
-          ...translateConfig(nameTranslate.x,nameTranslate.y)
+          ...translateConfig(nameTranslate.x, nameTranslate.y),
         },
-        textBreak!=undefined && {
+        textBreak != undefined && {
           ...showRule(),
-          ...sc("textBreak","首行字数","number",textBreak,{min:0,suffix:"个"})
-        }
-      ].filter(item=>!!item),
+          ...sc('textBreak', '首行字数', 'number', textBreak, {
+            min: 0,
+            suffix: '个',
+          }),
+        },
+      ].filter((item) => !!item),
     },
     {
       rule: [['show', '$eq', true]],
@@ -561,6 +575,7 @@ export const current = ({
           displayName: '文本样式',
           value: percentFont,
           type: 'textStyle',
+          markColorType: 'textColor',
         },
         {
           rule: [['show', '$eq', true]],
@@ -580,6 +595,7 @@ export const current = ({
           displayName: '文本样式',
           value: valueFont,
           type: 'textStyle',
+          markColorType: 'textColor',
         },
         {
           rule: [['show', '$eq', true]],
@@ -632,14 +648,14 @@ const defaultBaseOuter = {
     innerRadius: 0,
     outerRadius: 1,
     padAngle: 2,
-  }
-}
+  },
+};
 const baseOuter = ({
   chart: {
     innerRadius = defaultBasePie.chart.innerRadius,
     outerRadius = defaultBasePie.chart.outerRadius,
-    padAngle = defaultBasePie.chart.padAngle
-  } = defaultBasePie.chart
+    padAngle = defaultBasePie.chart.padAngle,
+  } = defaultBasePie.chart,
 } = defaultBaseOuter) => ({
   name: 'chart',
   displayName: '图形',
@@ -681,35 +697,35 @@ const baseOuter = ({
   ],
   config: {
     defaultOpen: true,
-  }
-})
+  },
+});
 
 const defaultOuterDecorate = {
-  outerDecorate:{
-    color:"#CF00FF",
-    width:10,
-    tick:{
-      show:true,
-      count:12,
-      color:"#CF00FF",
-      width:3,
-      length:8
-    }
-  }
-}
-const outerDecorate=({
-  outerDecorate:{
+  outerDecorate: {
+    color: '#CF00FF',
+    width: 10,
+    tick: {
+      show: true,
+      count: 12,
+      color: '#CF00FF',
+      width: 3,
+      length: 8,
+    },
+  },
+};
+const outerDecorate = ({
+  outerDecorate: {
     color = defaultOuterDecorate.outerDecorate.color,
     width = defaultOuterDecorate.outerDecorate.width,
-    tick:{
+    tick: {
       show = defaultOuterDecorate.outerDecorate.tick.show,
       count = defaultOuterDecorate.outerDecorate.tick.count,
       color: tickColor = defaultOuterDecorate.outerDecorate.tick.color,
       width: tickWidth = defaultOuterDecorate.outerDecorate.tick.width,
-      length = defaultOuterDecorate.outerDecorate.tick.length
-    } = defaultOuterDecorate.outerDecorate.tick
-  }=defaultOuterDecorate.outerDecorate
-} = defaultOuterDecorate)=>({
+      length = defaultOuterDecorate.outerDecorate.tick.length,
+    } = defaultOuterDecorate.outerDecorate.tick,
+  } = defaultOuterDecorate.outerDecorate,
+} = defaultOuterDecorate) => ({
   name: 'outerDecorate',
   displayName: '外环装饰',
   value: [
@@ -717,18 +733,18 @@ const outerDecorate=({
       name: 'color',
       displayName: '颜色',
       value: color,
-      type: 'color'
+      type: 'color',
     },
     {
-      name:"width",
-      displayName:"粗细",
+      name: 'width',
+      displayName: '粗细',
       value: width,
-      type: "number",
-      config:{
-        min:0,
-        max:100,
-        suffix:"px"
-      }
+      type: 'number',
+      config: {
+        min: 0,
+        max: 100,
+        suffix: 'px',
+      },
     },
     {
       name: 'tick',
@@ -737,45 +753,45 @@ const outerDecorate=({
         showConfig(show),
         {
           ...showRule(),
-          name:"count",
-          displayName:"个数",
-          value:count,
-          type:"number",
-          config:{
-            min:0
-          }
+          name: 'count',
+          displayName: '个数',
+          value: count,
+          type: 'number',
+          config: {
+            min: 0,
+          },
         },
         {
           ...showRule(),
-          name:"color",
-          displayName:"颜色",
-          value:tickColor,
-          type:"color"
+          name: 'color',
+          displayName: '颜色',
+          value: tickColor,
+          type: 'color',
         },
         {
           ...showRule(),
-          name:"width",
-          displayName:"粗细",
-          value:tickWidth,
-          type:"number",
-          config:{
-            suffix:"px"
-          }
+          name: 'width',
+          displayName: '粗细',
+          value: tickWidth,
+          type: 'number',
+          config: {
+            suffix: 'px',
+          },
         },
         {
           ...showRule(),
-          name:"length",
-          displayName:"长度",
-          value:length,
-          type:"number",
-          config:{
-            suffix:"px"
-          }
-        }
+          name: 'length',
+          displayName: '长度',
+          value: length,
+          type: 'number',
+          config: {
+            suffix: 'px',
+          },
+        },
       ],
-    }
-  ]
-})
+    },
+  ],
+});
 
 export const rosePie = (_basePie = defaultBasePie) => ({
   name: 'fan',
@@ -783,11 +799,14 @@ export const rosePie = (_basePie = defaultBasePie) => ({
   value: [basePie(_basePie)],
 });
 
-export const rosePieDecorate = (_baseOuter = defaultBaseOuter, _outerDecorate = defaultOuterDecorate)=>({
+export const rosePieDecorate = (
+  _baseOuter = defaultBaseOuter,
+  _outerDecorate = defaultOuterDecorate
+) => ({
   name: 'fan',
   displayName: '环图属性',
-  value:[baseOuter(_baseOuter),outerDecorate(_outerDecorate)]
-})
+  value: [baseOuter(_baseOuter), outerDecorate(_outerDecorate)],
+});
 
 export const donut = (
   {
@@ -814,31 +833,42 @@ export const carouselDonut = (
   value: [basePie(_basePie), current(_current)],
 });
 
-export const nestRosePie = (_baseRose = defaultBaseRose, _categoryAxis = defaultRoseAxis, _valueAxis = defaultRoseAxis) =>({
+export const nestRosePie = (
+  _baseRose = defaultBaseRose,
+  _categoryAxis = defaultRoseAxis,
+  _valueAxis = defaultRoseAxis
+) => ({
   name: 'fan',
   displayName: '环图属性',
-  value:[baseRose(_baseRose), roseCategoryAxis(_categoryAxis), roseValueAxis(_valueAxis)]
+  value: [
+    baseRose(_baseRose),
+    roseCategoryAxis(_categoryAxis),
+    roseValueAxis(_valueAxis),
+  ],
 });
 
 export const carouselDonut2 = (
   {
-    basePie: _basePie = defaultBasePie, 
+    basePie: _basePie = defaultBasePie,
     categoryText: _categoryText = defaultCategoryText,
     decorate2: _decorate2 = defaultDecorate2,
-    current: _current = defaultCurrent
-  }={
+    current: _current = defaultCurrent,
+  } = {
     basePie: defaultBasePie,
     categoryText: defaultCategoryText,
     decorate2: defaultDecorate2,
     current: defaultCurrent,
   }
-)=>({
-  name:'fan',
-  displayName:'环图属性',
-  value:[basePie(_basePie),categoryText(_categoryText), decorate2(_decorate2),current(_current)]
-})
-
-
+) => ({
+  name: 'fan',
+  displayName: '环图属性',
+  value: [
+    basePie(_basePie),
+    categoryText(_categoryText),
+    decorate2(_decorate2),
+    current(_current),
+  ],
+});
 
 const defaultPie = {
   fan: {
@@ -976,4 +1006,4 @@ export default ({
       },
     },
   ],
-});
+});