@easyv/config 1.1.9 → 1.1.11

package/src/dimension.js

@@ -1,49 +1,49 @@
-const defaultDimension = {
-  width: 450,
-  height: 250,
-  left: 100,
-  top: 100,
-};
-export default ({
-  width = defaultDimension.width,
-  height = defaultDimension.height,
-  left = defaultDimension.left,
-  top = defaultDimension.top,
-} = defaultDimension) => ({
-  name: 'dimension',
-  displayName: '位置尺寸',
-  value: [
-    {
-      name: 'chartPosition',
-      displayName: '图表位置',
-      value: [
-        {
-          name: 'left',
-          displayName: 'X轴坐标',
-          value: left,
-        },
-        {
-          name: 'top',
-          displayName: 'Y轴坐标',
-          value: top,
-        },
-      ],
-    },
-    {
-      name: 'chartDimension',
-      displayName: '图表尺寸',
-      value: [
-        {
-          name: 'width',
-          displayName: '宽度',
-          value: width,
-        },
-        {
-          name: 'height',
-          displayName: '高度',
-          value: height,
-        },
-      ],
-    },
-  ],
-});
+const defaultDimension = {
+  width: 450,
+  height: 250,
+  left: 100,
+  top: 100,
+};
+export default ({
+  width = defaultDimension.width,
+  height = defaultDimension.height,
+  left = defaultDimension.left,
+  top = defaultDimension.top,
+} = defaultDimension) => ({
+  name: 'dimension',
+  displayName: '位置尺寸',
+  value: [
+    {
+      name: 'chartPosition',
+      displayName: '图表位置',
+      value: [
+        {
+          name: 'left',
+          displayName: 'X轴坐标',
+          value: left,
+        },
+        {
+          name: 'top',
+          displayName: 'Y轴坐标',
+          value: top,
+        },
+      ],
+    },
+    {
+      name: 'chartDimension',
+      displayName: '图表尺寸',
+      value: [
+        {
+          name: 'width',
+          displayName: '宽度',
+          value: width,
+        },
+        {
+          name: 'height',
+          displayName: '高度',
+          value: height,
+        },
+      ],
+    },
+  ],
+});

package/src/extent.js

@@ -1,29 +1,29 @@
-const extent = {
-  min: '0',
-  max: '',
-};
-export default ({ min = extent.min, max = extent.max } = extent) => ({
-  name: 'extent',
-  displayName: '数值范围',
-  value: [
-    {
-      name: 'min',
-      displayName: '最小值',
-      value: min,
-      type: 'input',
-      config: {
-        span: 12,
-      },
-    },
-    {
-      name: 'max',
-      displayName: '最大值',
-      value: max,
-      type: 'input',
-      config: {
-        span: 12,
-      },
-    },
-  ],
-  type: 'group',
-});
+const extent = {
+  min: '0',
+  max: '',
+};
+export default ({ min = extent.min, max = extent.max } = extent) => ({
+  name: 'extent',
+  displayName: '数值范围',
+  value: [
+    {
+      name: 'min',
+      displayName: '最小值',
+      value: min,
+      type: 'input',
+      config: {
+        span: 12,
+      },
+    },
+    {
+      name: 'max',
+      displayName: '最大值',
+      value: max,
+      type: 'input',
+      config: {
+        span: 12,
+      },
+    },
+  ],
+  type: 'group',
+});

package/src/font.js

@@ -1,23 +1,23 @@
-const defaultFont = {
-  fontFamily: 'Mircosoft Yahei',
-  fontSize: 12,
-  color: 'rgba(230,247,255,0.7)',
-  bold: false,
-  italic: false,
-  letterSpacing: 0,
-};
-export default ({
-  fontFamily = defaultFont.fontFamily,
-  fontSize = defaultFont.fontSize,
-  color = defaultFont.color,
-  bold = defaultFont.bold,
-  italic = defaultFont.italic,
-  letterSpacing = defaultFont.letterSpacing,
-} = defaultFont) => ({
-  fontFamily,
-  fontSize,
-  color,
-  bold,
-  italic,
-  letterSpacing,
-});
+const defaultFont = {
+  fontFamily: 'Mircosoft Yahei',
+  fontSize: 12,
+  color: 'rgba(230,247,255,0.7)',
+  bold: false,
+  italic: false,
+  letterSpacing: 0,
+};
+export default ({
+  fontFamily = defaultFont.fontFamily,
+  fontSize = defaultFont.fontSize,
+  color = defaultFont.color,
+  bold = defaultFont.bold,
+  italic = defaultFont.italic,
+  letterSpacing = defaultFont.letterSpacing,
+} = defaultFont) => ({
+  fontFamily,
+  fontSize,
+  color,
+  bold,
+  italic,
+  letterSpacing,
+});

package/src/gridLine.js

@@ -1,49 +1,49 @@
-const gridLine = {
-  show: false,
-  strokeDasharray: '3,3',
-  color: 'rgba(230, 247, 255, 0.2)',
-  lineWidth: 1,
-};
-export default ({
-  show = gridLine.show,
-  strokeDasharray = gridLine.strokeDasharray,
-  color = gridLine.color,
-  lineWidth = gridLine.lineWidth,
-} = gridLine) => ({
-  name: 'gridLine',
-  displayName: '网格线',
-  value: [
-    {
-      name: 'show',
-      displayName: '显示',
-      value: show,
-      type: 'boolean',
-    },
-    {
-      rule: [['show', '$eq', true]],
-      name: 'strokeDasharray',
-      displayName: '虚线样式',
-      value: strokeDasharray,
-      type: 'input',
-      tip: '格式使用半角字符，如2,2',
-    },
-    {
-      rule: [['show', '$eq', true]],
-      name: 'color',
-      displayName: '颜色',
-      value: color,
-      type: 'color',
-      markColorType: 'gridColor',
-    },
-    {
-      rule: [['show', '$eq', true]],
-      name: 'lineWidth',
-      displayName: '粗细',
-      value: lineWidth,
-      type: 'number',
-      config: {
-        suffix: 'px',
-      },
-    },
-  ],
-});
+const gridLine = {
+  show: false,
+  strokeDasharray: '3,3',
+  color: 'rgba(230, 247, 255, 0.2)',
+  lineWidth: 1,
+};
+export default ({
+  show = gridLine.show,
+  strokeDasharray = gridLine.strokeDasharray,
+  color = gridLine.color,
+  lineWidth = gridLine.lineWidth,
+} = gridLine) => ({
+  name: 'gridLine',
+  displayName: '网格线',
+  value: [
+    {
+      name: 'show',
+      displayName: '显示',
+      value: show,
+      type: 'boolean',
+    },
+    {
+      rule: [['show', '$eq', true]],
+      name: 'strokeDasharray',
+      displayName: '虚线样式',
+      value: strokeDasharray,
+      type: 'input',
+      tip: '格式使用半角字符，如2,2',
+    },
+    {
+      rule: [['show', '$eq', true]],
+      name: 'color',
+      displayName: '颜色',
+      value: color,
+      type: 'color',
+      markColorType: 'gridColor',
+    },
+    {
+      rule: [['show', '$eq', true]],
+      name: 'lineWidth',
+      displayName: '粗细',
+      value: lineWidth,
+      type: 'number',
+      config: {
+        suffix: 'px',
+      },
+    },
+  ],
+});

package/src/imageGroup.js

@@ -0,0 +1,37 @@
+import { sc, translate, show } from '.';
+
+const defaultImageGroup={
+    show:true,
+    url:"",
+    size:{
+        width:20,
+        height:20
+    },
+    translate:{
+        x:0,
+        y:0
+    }
+}
+
+export const imageGroup=(name="imageGroup", displayName="图片组", {
+    show:show_=defaultImageGroup.show,
+    url=defaultImageGroup.url,
+    size:{
+        width=defaultImageGroup.size.width,
+        height=defaultImageGroup.size.height
+    } = defaultImageGroup.size,
+    translate:{
+        x=defaultImageGroup.translate.x,
+        y=defaultImageGroup.translate.y
+    } = defaultImageGroup.translate
+} = defaultImageGroup)=>{
+    return sc(name,displayName,'',[
+        show(show_),
+        sc("url","图片","image",url),
+        sc("size","尺寸","group",[
+            sc("width","宽","number",width,{span:12,suffix:"px"}),
+            sc("height","高","number",height,{span:12,suffix:"px"})
+        ]),
+        translate(x,y)
+    ])
+}

package/src/index.js

@@ -1,99 +1,101 @@
-import show, { showRule } from './show';
-import font from './font';
-import translate from './translate';
-import gridLine from './gridLine';
-import tickLine from './tickLine';
-import axisLine from './axisLine';
-import extent from './extent';
-import unit from './unit';
-import margin from './margin';
-import multiColor from './multiColor';
-import animation, {
-  dataAnimation,
-  animationOfPie,
-  animationOfCarousel,
-} from './animation';
-import dimension from './dimension';
-import label, {
-  labelOfPie,
-  labelOfRose,
-  axisLabel,
-  valueAsixLabel,
-} from './label';
-import legend, { legendOfPie, legendOfRose, legendOfDoublePie } from './legend';
-import tooltip from './tooltip';
-import axes, { valueAxis, categoryAxis } from './axes';
-import mapping from './mapping';
-import {
-  bandSeries,
-  lineSeries,
-  areaSeries,
-  pieSeries,
-  purePieSeries,
-} from './series';
-import pie, {
-  rosePie,
-  rosePieDecorate,
-  donut,
-  carouselDonut,
-  nestRosePie,
-  carouselDonut2,
-  current as pieCurrent,
-} from './pie';
-import brush from './brush';
-import interaction from './interaction';
-import sc from './sc';
-import shadow from './shadow';
-import textOverflow from './textOverflow';
-import baseLine from './baseLine';
-export {
-  show,
-  showRule,
-  font,
-  tooltip,
-  translate,
-  textOverflow,
-  extent,
-  unit,
-  margin,
-  multiColor,
-  animation,
-  dataAnimation,
-  animationOfPie,
-  animationOfCarousel,
-  dimension,
-  gridLine,
-  tickLine,
-  axisLine,
-  valueAxis,
-  categoryAxis,
-  axes,
-  mapping,
-  bandSeries,
-  lineSeries,
-  areaSeries,
-  pieSeries,
-  purePieSeries,
-  brush,
-  interaction,
-  legend,
-  legendOfPie,
-  legendOfRose,
-  legendOfDoublePie,
-  label,
-  labelOfPie,
-  labelOfRose,
-  axisLabel,
-  valueAsixLabel,
-  pie,
-  rosePie,
-  nestRosePie,
-  rosePieDecorate,
-  donut,
-  carouselDonut,
-  carouselDonut2,
-  pieCurrent,
-  sc,
-  shadow,
-  baseLine
-};
+import show, { showRule } from './show';
+import font from './font';
+import translate from './translate';
+import gridLine from './gridLine';
+import tickLine from './tickLine';
+import axisLine from './axisLine';
+import extent from './extent';
+import unit from './unit';
+import margin from './margin';
+import multiColor from './multiColor';
+import animation, {
+  dataAnimation,
+  animationOfPie,
+  animationOfCarousel,
+} from './animation';
+import dimension from './dimension';
+import label, {
+  labelOfPie,
+  labelOfRose,
+  axisLabel,
+  valueAsixLabel,
+} from './label';
+import legend, { legendOfPie, legendOfRose, legendOfDoublePie } from './legend';
+import tooltip from './tooltip';
+import axes, { valueAxis, categoryAxis } from './axes';
+import mapping from './mapping';
+import { imageGroup } from './imageGroup';
+import {
+  bandSeries,
+  lineSeries,
+  areaSeries,
+  pieSeries,
+  purePieSeries,
+} from './series';
+import pie, {
+  rosePie,
+  rosePieDecorate,
+  donut,
+  carouselDonut,
+  nestRosePie,
+  carouselDonut2,
+  current as pieCurrent,
+} from './pie';
+import brush from './brush';
+import interaction from './interaction';
+import sc from './sc';
+import shadow from './shadow';
+import textOverflow from './textOverflow';
+import baseLine from './baseLine';
+export {
+  show,
+  showRule,
+  font,
+  tooltip,
+  translate,
+  textOverflow,
+  extent,
+  unit,
+  margin,
+  multiColor,
+  animation,
+  dataAnimation,
+  animationOfPie,
+  animationOfCarousel,
+  dimension,
+  gridLine,
+  tickLine,
+  axisLine,
+  valueAxis,
+  categoryAxis,
+  axes,
+  imageGroup,
+  mapping,
+  bandSeries,
+  lineSeries,
+  areaSeries,
+  pieSeries,
+  purePieSeries,
+  brush,
+  interaction,
+  legend,
+  legendOfPie,
+  legendOfRose,
+  legendOfDoublePie,
+  label,
+  labelOfPie,
+  labelOfRose,
+  axisLabel,
+  valueAsixLabel,
+  pie,
+  rosePie,
+  nestRosePie,
+  rosePieDecorate,
+  donut,
+  carouselDonut,
+  carouselDonut2,
+  pieCurrent,
+  sc,
+  shadow,
+  baseLine
+};