@easyv/config 1.1.6 → 1.1.9

package/src/label.js

@@ -1,722 +1,722 @@
-import { translate, font, extent, showRule } from '.';
-
-const defaultFont = font();
-
-const defaultLabel = {
-  show: false,
-  font: {
-    fontFamily: 'Mircosoft Yahei',
-    fontSize: 12,
-    color: '#fff',
-    bold: false,
-    italic: false,
-    letterSpacing: 0,
-  },
-  translate: {
-    x: 0,
-    y: 0,
-  },
-};
-export default ({
-  show = defaultLabel.show,
-  font: {
-    fontFamily = defaultLabel.font.fontFamily,
-    fontSize = defaultLabel.font.fontSize,
-    color = defaultLabel.font.color,
-    bold = defaultLabel.font.bold,
-    italic = defaultLabel.font.italic,
-    letterSpacing = defaultLabel.font.letterSpacing,
-  } = defaultLabel.font,
-  position,
-  translate: { x, y } = defaultLabel.translate,
-} = defaultLabel) => ({
-  name: 'label',
-  displayName: '数值标签',
-  value: [
-    {
-      name: 'show',
-      displayName: '显示',
-      value: show,
-      type: 'boolean',
-    },
-    {
-      _rule: [['show', '$eq', true]],
-      name: 'font',
-      displayName: '文本样式',
-      value: {
-        fontFamily,
-        fontSize,
-        color,
-        bold,
-        italic,
-        letterSpacing,
-      },
-      type: 'textStyle',
-      markColorType: 'textColor',
-    },
-    position !== undefined && {
-      name: 'position',
-      displayName: '位置',
-      value: position,
-      type: 'select',
-      config: {
-        options: [
-          { name: '起点', value: 'start' },
-          { name: '居中', value: 'middle' },
-          { name: '终点', value: 'end' },
-          { name: '终点外', value: 'outerStart' },
-          { name: '图表外', value: 'chartStart' },
-        ],
-      },
-    },
-    {
-      _rule: [['show', '$eq', true]],
-      ...translate(x, y),
-    },
-  ].filter((item) => !!item),
-});
-
-const defaultLabelOfPie = {
-  show: true,
-  distance: 30,
-  lineLength: 10,
-  mode: 'horizontal',
-  translate: { x: 0, y: 0 },
-  name: { show: true, font: defaultFont },
-  percent: { show: true, precision: 0, font: defaultFont },
-  value: {
-    show: true,
-    suffix: {
-      show: false,
-      text: '',
-      fontSize: 12,
-      translate: { x: 0, y: 0 },
-    },
-    font: defaultFont,
-  },
-};
-export const labelOfPie = ({
-  show = defaultLabelOfPie.show,
-  distance = defaultLabelOfPie.distance,
-  lineLength = defaultLabelOfPie.lineLength,
-  lineColor, //这个是可选项，如果不在main.js里赋值，就不会出现
-  mode = defaultLabelOfPie.mode,
-  translate: { x, y } = defaultLabelOfPie.show,
-  name: {
-    show: showName = defaultLabelOfPie.name.show,
-    font: nameFont = defaultLabelOfPie.name.font,
-  } = defaultLabelOfPie.name,
-  percent: {
-    show: showPercent = defaultLabelOfPie.percent.show,
-    precision = defaultLabelOfPie.percent.precision,
-    font: percentFont = defaultLabelOfPie.percent.font,
-  } = defaultLabelOfPie.percent,
-  value: {
-    show: showValue = defaultLabelOfPie.value.show,
-    suffix: {
-      show: showSuffix = defaultLabelOfPie.value.suffix.show,
-      text: suffixText = defaultLabelOfPie.value.suffix.text,
-      fontSize: suffixFontSize = defaultLabelOfPie.value.suffix.fontSize,
-      translate: {
-        x: suffixTranslateX = defaultLabelOfPie.value.suffix.translate.x,
-        y: suffixTranslateY = defaultLabelOfPie.value.suffix.translate.y,
-      } = defaultLabelOfPie.value.suffix.translate,
-    } = defaultLabelOfPie.value.suffix,
-    font: valueFont = defaultLabelOfPie.value.font,
-  } = defaultLabelOfPie.value,
-} = defaultLabelOfPie) => ({
-  name: 'label',
-  displayName: '数值标签',
-  value: [
-    {
-      name: 'show',
-      displayName: '显示',
-      value: show,
-      type: 'boolean',
-    },
-    {
-      rule: [['show', '$eq', true]],
-      name: 'distance',
-      displayName: '偏移距离',
-      value: distance,
-      type: 'number',
-      config: {
-        suffix: 'px',
-      },
-    },
-    {
-      rule: [['show', '$eq', true]],
-      name: 'lineLength',
-      displayName: '线长',
-      value: lineLength,
-      type: 'number',
-      config: {
-        suffix: 'px',
-        min: 0,
-        step: 1,
-      },
-    },
-    lineColor !== undefined && {
-      name: 'lineColor',
-      displayName: '线颜色',
-      value: lineColor,
-      type: 'color',
-    },
-    {
-      rule: [['show', '$eq', true]],
-      name: 'mode',
-      displayName: '布局',
-      value: mode,
-      type: 'radio',
-      config: {
-        options: [
-          {
-            name: '上下',
-            value: 'vertical',
-          },
-          {
-            name: '水平',
-            value: 'horizontal',
-          },
-        ],
-      },
-    },
-    {
-      rule: [['show', '$eq', true]],
-      ...translate(x, y),
-    },
-    {
-      rule: [['show', '$eq', true]],
-      name: 'name',
-      displayName: '类目',
-      value: [
-        {
-          name: 'show',
-          displayName: '显示',
-          value: showName,
-          type: 'boolean',
-        },
-        {
-          rule: [['show', '$eq', true]],
-          name: 'font',
-          displayName: '文本样式',
-          value: nameFont,
-          type: 'textStyle',
-          markColorType: 'textColor',
-        },
-      ],
-    },
-    {
-      rule: [['show', '$eq', true]],
-      name: 'percent',
-      displayName: '占比值',
-      value: [
-        {
-          name: 'show',
-          displayName: '显示',
-          value: showPercent,
-          type: 'boolean',
-        },
-        {
-          rule: [['show', '$eq', true]],
-          name: 'precision',
-          displayName: '小数位数',
-          value: precision,
-          type: 'number',
-          config: {
-            min: 0,
-          },
-        },
-        {
-          rule: [['show', '$eq', true]],
-          name: 'font',
-          displayName: '文本样式',
-          value: percentFont,
-          type: 'textStyle',
-          markColorType: 'textColor',
-        },
-      ],
-    },
-    {
-      name: 'value',
-      displayName: '真实值',
-      value: [
-        {
-          name: 'show',
-          displayName: '显示',
-          value: showValue,
-          type: 'boolean',
-        },
-        {
-          rule: [['show', '$eq', true]],
-          name: 'suffix',
-          displayName: '后缀',
-          value: [
-            {
-              name: 'show',
-              displayName: '显示',
-              value: showSuffix,
-              type: 'boolean',
-            },
-            {
-              rule: [['show', '$eq', true]],
-              name: 'text',
-              displayName: '内容',
-              value: suffixText,
-              type: 'input',
-            },
-            {
-              rule: [['show', '$eq', true]],
-              name: 'fontSize',
-              displayName: '字号',
-              value: suffixFontSize,
-              type: 'number',
-            },
-            {
-              rule: [['show', '$eq', true]],
-              ...translate(suffixTranslateX, suffixTranslateY),
-            },
-          ],
-          config: {
-            defaultOpen: true,
-          },
-        },
-        {
-          rule: [['show', '$eq', true]],
-          name: 'font',
-          displayName: '文本样式',
-          value: valueFont,
-          type: 'textStyle',
-          markColorType: 'textColor',
-        },
-      ],
-    },
-  ].filter((item) => !!item),
-});
-
-const defaultLabelOfRose = {
-  show: true,
-  font: defaultFont,
-  gap: 10,
-};
-export const labelOfRose = ({
-  show = defaultLabelOfRose.show,
-  font: labelFont = defaultLabelOfRose.font,
-  gap = defaultLabelOfRose.gap,
-} = defaultLabelOfRose) => ({
-  name: 'label',
-  displayName: '数值标签',
-  value: [
-    {
-      name: 'show',
-      displayName: '显示',
-      value: show,
-      type: 'boolean',
-    },
-    {
-      ...showRule(),
-      name: 'font',
-      displayName: '文本样式',
-      value: font(labelFont),
-      type: 'textStyle',
-      markColorType: 'textColor',
-    },
-    {
-      ...showRule(),
-      name: 'gap',
-      displayName: '间距',
-      value: gap,
-      type: 'number',
-      config: {
-        suffix: 'px',
-      },
-    },
-  ],
-});
-
-const defaultAxisLabel = {
-  show: true,
-  format: { type: 'date', showType: 'MM月' },
-  appearance: { count: 3, angle: 0, wordBreak: 'keep-all' },
-  showLast: false,
-  translate: { x: 0, y: 0 },
-  font: font({ color: 'rgba(230, 247, 255, 1)' }),
-};
-export const axisLabel = ({
-  show: showLabel = defaultAxisLabel.show,
-  format: {
-    type: labelType = defaultAxisLabel.format.type,
-    showType: labelShowType = defaultAxisLabel.format.showType,
-  } = defaultAxisLabel.format,
-  appearance: {
-    count = defaultAxisLabel.appearance.count,
-    angle = defaultAxisLabel.appearance.angle,
-    wordBreak = defaultAxisLabel.appearance.wordBreak,
-  } = defaultAxisLabel.appearance,
-  showLast = defaultAxisLabel.showLast,
-  translate: {
-    x: labelTranslateX = defaultAxisLabel.translate.x,
-    y: labelTranslateY = defaultAxisLabel.translate.y,
-  } = defaultAxisLabel.translate,
-  font = defaultAxisLabel.font,
-} = defaultAxisLabel) => ({
-  name: 'label',
-  displayName: '轴标签',
-  value: [
-    {
-      name: 'show',
-      displayName: '显示',
-      value: showLabel,
-      type: 'boolean',
-    },
-    {
-      rule: [['show', '$eq', true]],
-      name: 'format',
-      displayName: '格式',
-      value: [
-        {
-          name: 'type',
-          displayName: '',
-          value: labelType,
-          type: 'radio',
-          config: {
-            options: [
-              {
-                name: '类目型',
-                value: 'category',
-              },
-              {
-                name: '时间型',
-                value: 'date',
-              },
-            ],
-            span: 24,
-          },
-        },
-        {
-          rule: [['type', '$eq', 'date']],
-          name: 'showType',
-          displayName: '',
-          value: labelShowType,
-          type: 'select',
-          config: {
-            options: [
-              {
-                name: '2017年1月1日 08:00:00',
-                value: 'YYYY年M月D日 HH:mm:ss',
-              },
-              {
-                name: '2017年01月01日 08:00:00',
-                value: 'YYYY年MM月DD日 HH:mm:ss',
-              },
-              {
-                name: '2017-1-1 08:00:00',
-                value: 'YYYY-M-D HH:mm:ss',
-              },
-              {
-                name: '2017-01-01 08:00:00',
-                value: 'YYYY-MM-DD HH:mm:ss',
-              },
-              {
-                name: '2017.1.1 08:00:00',
-                value: 'YYYY.M.D HH:mm:ss',
-              },
-              {
-                name: '2017.01.01 08:00:00',
-                value: 'YYYY.MM.DD HH:mm:ss',
-              },
-              {
-                name: '2017年1月1日',
-                value: 'YYYY年M月D日',
-              },
-              {
-                name: '2017年01月01日',
-                value: 'YYYY年MM月DD日',
-              },
-              {
-                name: '2017年01月',
-                value: 'YYYY年MM月',
-              },
-              {
-                name: '2017-1-1',
-                value: 'YYYY-M-D',
-              },
-              {
-                name: '2017-01-01',
-                value: 'YYYY-MM-DD',
-              },
-              {
-                name: '2017.1.1',
-                value: 'YYYY.M.D',
-              },
-              {
-                name: '2017.01.01',
-                value: 'YYYY.MM.DD',
-              },
-              {
-                name: '1月1日',
-                value: 'M月D日',
-              },
-              {
-                name: '01月01日',
-                value: 'MM月DD日',
-              },
-              {
-                name: '01月01日01时',
-                value: 'MM月DD日HH时',
-              },
-              {
-                name: '1-1',
-                value: 'M-D',
-              },
-              {
-                name: '01-01',
-                value: 'MM-DD',
-              },
-              {
-                name: '1.1',
-                value: 'M.D',
-              },
-              {
-                name: '01.01',
-                value: 'MM.DD',
-              },
-              {
-                name: '1月',
-                value: 'M月',
-              },
-              {
-                name: '01月',
-                value: 'MM月',
-              },
-              {
-                name: '1(月)',
-                value: 'M',
-              },
-              {
-                name: '01(月)',
-                value: 'MM',
-              },
-              {
-                name: '1日',
-                value: 'D日',
-              },
-              {
-                name: '01日',
-                value: 'DD日',
-              },
-              {
-                name: '1(日)',
-                value: 'D',
-              },
-              {
-                name: '01(日)',
-                value: 'DD',
-              },
-              {
-                name: '08:00:00',
-                value: 'HH:mm:ss',
-              },
-              {
-                name: '08:00',
-                value: 'HH:mm',
-              },
-              {
-                name: '星期一',
-                value: 'X',
-              },
-              {
-                name: 'Monday',
-                value: 'W',
-              },
-              {
-                name: 'Mon',
-                value: 'w',
-              },
-            ],
-            span: 24,
-          },
-        },
-      ],
-      type: 'group',
-    },
-    {
-      rule: [['show', '$eq', true]],
-      name: 'appearance',
-      displayName: '展示',
-      value: [
-        {
-          name: 'count',
-          displayName: '标签数量',
-          value: count,
-          type: 'number',
-          config: {
-            min: 2,
-            span: 12,
-          },
-        },
-        {
-          name: 'angle',
-          displayName: '文字角度',
-          value: angle,
-          type: 'number',
-          config: {
-            span: 12,
-            suffix: '°',
-          },
-        },
-        {
-          name: 'wordBreak',
-          displayName: '行字数限制',
-          value: wordBreak,
-          type: 'select',
-          config: {
-            options: [{ name: '不限制', value: 'keep-all' }],
-            allowInput: true,
-            span: 12,
-          },
-        },
-      ],
-      type: 'group',
-    },
-    {
-      name: 'showLast',
-      displayName: '显示最新',
-      value: showLast,
-      type: 'boolean',
-      tip: '显示返回最新数据的轴标签',
-    },
-    {
-      rule: [['show', '$eq', true]],
-      ...translate(labelTranslateX, labelTranslateY),
-    },
-    {
-      rule: [['show', '$eq', true]],
-      name: 'font',
-      displayName: '文本样式',
-      value: font,
-      type: 'textStyle',
-      markColorType: 'textColor',
-    },
-  ],
-});
-
-const defaultValueAxisLabel = {
-  show: true,
-  extent: { min: '0', max: '' },
-  auto: false,
-  mode: 'count',
-  count: 3,
-  step: 100,
-  decimal: 0,
-  suffix: '',
-  translate: { x: 6, y: 0 },
-  font: defaultFont,
-};
-export const valueAsixLabel = ({
-  show: showLabel = defaultValueAxisLabel.show,
-  extent: {
-    min = defaultValueAxisLabel.extent.min,
-    max = defaultValueAxisLabel.extent.max,
-  } = defaultValueAxisLabel.extent,
-  auto = defaultValueAxisLabel.auto,
-  mode = defaultValueAxisLabel.mode,
-  count = defaultValueAxisLabel.count,
-  step = defaultValueAxisLabel.step,
-  decimal = defaultValueAxisLabel.decimal,
-  suffix = defaultValueAxisLabel.suffix,
-  translate: {
-    x: labelTranslateX = defaultValueAxisLabel.translate.x,
-    y: labelTranslateY = defaultValueAxisLabel.translate.y,
-  } = defaultValueAxisLabel.translate,
-  font: labelFont = defaultValueAxisLabel.font,
-} = defaultValueAxisLabel) => ({
-  name: 'label',
-  displayName: '轴标签',
-  value: [
-    {
-      name: 'show',
-      displayName: '显示',
-      value: showLabel,
-      type: 'boolean',
-    },
-    {
-      rule: [['show', '$eq', true]],
-      ...extent({ min, max }),
-    },
-    {
-      rule: [['show', '$eq', true]],
-      name: 'auto',
-      displayName: '刻度自适应',
-      value: auto,
-      type: 'boolean',
-    },
-    {
-      rule: [
-        ['show', '$eq', true],
-        ['auto', '$eq', false],
-      ],
-      name: 'mode',
-      displayName: '模式',
-      value: mode,
-      type: 'radio',
-      config: {
-        options: [
-          { name: '数量强制', value: 'count' },
-          { name: '步长强制', value: 'step' },
-        ],
-      },
-    },
-    {
-      rule: [
-        ['show', '$eq', true],
-        ['auto', '$eq', false],
-        ['mode', '$eq', 'count'],
-      ],
-      name: 'count',
-      displayName: '标签数量',
-      value: count,
-      min: 2,
-      type: 'number',
-    },
-    {
-      rule: [
-        ['show', '$eq', true],
-        ['auto', '$eq', false],
-        ['mode', '$eq', 'step'],
-      ],
-      name: 'step',
-      displayName: '步长',
-      value: step,
-      type: 'number',
-    },
-    {
-      rule: [
-        ['show', '$eq', true],
-        ['auto', '$eq', false],
-      ],
-      name: 'decimal',
-      displayName: '小数位数',
-      value: decimal,
-      type: 'number',
-    },
-    {
-      rule: [['show', '$eq', true]],
-      name: 'suffix',
-      displayName: '后缀内容',
-      value: suffix,
-      type: 'input',
-    },
-    {
-      rule: [['show', '$eq', true]],
-      ...translate(labelTranslateX, labelTranslateY),
-    },
-    {
-      rule: [['show', '$eq', true]],
-      name: 'font',
-      displayName: '文本样式',
-      value: labelFont,
-      type: 'textStyle',
-    },
-  ],
-});
+import { translate, font, extent, showRule } from '.';
+
+const defaultFont = font();
+
+const defaultLabel = {
+  show: false,
+  font: {
+    fontFamily: 'Mircosoft Yahei',
+    fontSize: 12,
+    color: '#fff',
+    bold: false,
+    italic: false,
+    letterSpacing: 0,
+  },
+  translate: {
+    x: 0,
+    y: 0,
+  },
+};
+export default ({
+  show = defaultLabel.show,
+  font: {
+    fontFamily = defaultLabel.font.fontFamily,
+    fontSize = defaultLabel.font.fontSize,
+    color = defaultLabel.font.color,
+    bold = defaultLabel.font.bold,
+    italic = defaultLabel.font.italic,
+    letterSpacing = defaultLabel.font.letterSpacing,
+  } = defaultLabel.font,
+  position,
+  translate: { x, y } = defaultLabel.translate,
+} = defaultLabel) => ({
+  name: 'label',
+  displayName: '数值标签',
+  value: [
+    {
+      name: 'show',
+      displayName: '显示',
+      value: show,
+      type: 'boolean',
+    },
+    {
+      _rule: [['show', '$eq', true]],
+      name: 'font',
+      displayName: '文本样式',
+      value: {
+        fontFamily,
+        fontSize,
+        color,
+        bold,
+        italic,
+        letterSpacing,
+      },
+      type: 'textStyle',
+      markColorType: 'textColor',
+    },
+    position !== undefined && {
+      name: 'position',
+      displayName: '位置',
+      value: position,
+      type: 'select',
+      config: {
+        options: [
+          { name: '起点', value: 'start' },
+          { name: '居中', value: 'middle' },
+          { name: '终点', value: 'end' },
+          { name: '终点外', value: 'outerStart' },
+          { name: '图表外', value: 'chartStart' },
+        ],
+      },
+    },
+    {
+      _rule: [['show', '$eq', true]],
+      ...translate(x, y),
+    },
+  ].filter((item) => !!item),
+});
+
+const defaultLabelOfPie = {
+  show: true,
+  distance: 30,
+  lineLength: 10,
+  mode: 'horizontal',
+  translate: { x: 0, y: 0 },
+  name: { show: true, font: defaultFont },
+  percent: { show: true, precision: 0, font: defaultFont },
+  value: {
+    show: true,
+    suffix: {
+      show: false,
+      text: '',
+      fontSize: 12,
+      translate: { x: 0, y: 0 },
+    },
+    font: defaultFont,
+  },
+};
+export const labelOfPie = ({
+  show = defaultLabelOfPie.show,
+  distance = defaultLabelOfPie.distance,
+  lineLength = defaultLabelOfPie.lineLength,
+  lineColor, //这个是可选项，如果不在main.js里赋值，就不会出现
+  mode = defaultLabelOfPie.mode,
+  translate: { x, y } = defaultLabelOfPie.show,
+  name: {
+    show: showName = defaultLabelOfPie.name.show,
+    font: nameFont = defaultLabelOfPie.name.font,
+  } = defaultLabelOfPie.name,
+  percent: {
+    show: showPercent = defaultLabelOfPie.percent.show,
+    precision = defaultLabelOfPie.percent.precision,
+    font: percentFont = defaultLabelOfPie.percent.font,
+  } = defaultLabelOfPie.percent,
+  value: {
+    show: showValue = defaultLabelOfPie.value.show,
+    suffix: {
+      show: showSuffix = defaultLabelOfPie.value.suffix.show,
+      text: suffixText = defaultLabelOfPie.value.suffix.text,
+      fontSize: suffixFontSize = defaultLabelOfPie.value.suffix.fontSize,
+      translate: {
+        x: suffixTranslateX = defaultLabelOfPie.value.suffix.translate.x,
+        y: suffixTranslateY = defaultLabelOfPie.value.suffix.translate.y,
+      } = defaultLabelOfPie.value.suffix.translate,
+    } = defaultLabelOfPie.value.suffix,
+    font: valueFont = defaultLabelOfPie.value.font,
+  } = defaultLabelOfPie.value,
+} = defaultLabelOfPie) => ({
+  name: 'label',
+  displayName: '数值标签',
+  value: [
+    {
+      name: 'show',
+      displayName: '显示',
+      value: show,
+      type: 'boolean',
+    },
+    {
+      rule: [['show', '$eq', true]],
+      name: 'distance',
+      displayName: '偏移距离',
+      value: distance,
+      type: 'number',
+      config: {
+        suffix: 'px',
+      },
+    },
+    {
+      rule: [['show', '$eq', true]],
+      name: 'lineLength',
+      displayName: '线长',
+      value: lineLength,
+      type: 'number',
+      config: {
+        suffix: 'px',
+        min: 0,
+        step: 1,
+      },
+    },
+    lineColor !== undefined && {
+      name: 'lineColor',
+      displayName: '线颜色',
+      value: lineColor,
+      type: 'color',
+    },
+    {
+      rule: [['show', '$eq', true]],
+      name: 'mode',
+      displayName: '布局',
+      value: mode,
+      type: 'radio',
+      config: {
+        options: [
+          {
+            name: '上下',
+            value: 'vertical',
+          },
+          {
+            name: '水平',
+            value: 'horizontal',
+          },
+        ],
+      },
+    },
+    {
+      rule: [['show', '$eq', true]],
+      ...translate(x, y),
+    },
+    {
+      rule: [['show', '$eq', true]],
+      name: 'name',
+      displayName: '类目',
+      value: [
+        {
+          name: 'show',
+          displayName: '显示',
+          value: showName,
+          type: 'boolean',
+        },
+        {
+          rule: [['show', '$eq', true]],
+          name: 'font',
+          displayName: '文本样式',
+          value: nameFont,
+          type: 'textStyle',
+          markColorType: 'textColor',
+        },
+      ],
+    },
+    {
+      rule: [['show', '$eq', true]],
+      name: 'percent',
+      displayName: '占比值',
+      value: [
+        {
+          name: 'show',
+          displayName: '显示',
+          value: showPercent,
+          type: 'boolean',
+        },
+        {
+          rule: [['show', '$eq', true]],
+          name: 'precision',
+          displayName: '小数位数',
+          value: precision,
+          type: 'number',
+          config: {
+            min: 0,
+          },
+        },
+        {
+          rule: [['show', '$eq', true]],
+          name: 'font',
+          displayName: '文本样式',
+          value: percentFont,
+          type: 'textStyle',
+          markColorType: 'textColor',
+        },
+      ],
+    },
+    {
+      name: 'value',
+      displayName: '真实值',
+      value: [
+        {
+          name: 'show',
+          displayName: '显示',
+          value: showValue,
+          type: 'boolean',
+        },
+        {
+          rule: [['show', '$eq', true]],
+          name: 'suffix',
+          displayName: '后缀',
+          value: [
+            {
+              name: 'show',
+              displayName: '显示',
+              value: showSuffix,
+              type: 'boolean',
+            },
+            {
+              rule: [['show', '$eq', true]],
+              name: 'text',
+              displayName: '内容',
+              value: suffixText,
+              type: 'input',
+            },
+            {
+              rule: [['show', '$eq', true]],
+              name: 'fontSize',
+              displayName: '字号',
+              value: suffixFontSize,
+              type: 'number',
+            },
+            {
+              rule: [['show', '$eq', true]],
+              ...translate(suffixTranslateX, suffixTranslateY),
+            },
+          ],
+          config: {
+            defaultOpen: true,
+          },
+        },
+        {
+          rule: [['show', '$eq', true]],
+          name: 'font',
+          displayName: '文本样式',
+          value: valueFont,
+          type: 'textStyle',
+          markColorType: 'textColor',
+        },
+      ],
+    },
+  ].filter((item) => !!item),
+});
+
+const defaultLabelOfRose = {
+  show: true,
+  font: defaultFont,
+  gap: 10,
+};
+export const labelOfRose = ({
+  show = defaultLabelOfRose.show,
+  font: labelFont = defaultLabelOfRose.font,
+  gap = defaultLabelOfRose.gap,
+} = defaultLabelOfRose) => ({
+  name: 'label',
+  displayName: '数值标签',
+  value: [
+    {
+      name: 'show',
+      displayName: '显示',
+      value: show,
+      type: 'boolean',
+    },
+    {
+      ...showRule(),
+      name: 'font',
+      displayName: '文本样式',
+      value: font(labelFont),
+      type: 'textStyle',
+      markColorType: 'textColor',
+    },
+    {
+      ...showRule(),
+      name: 'gap',
+      displayName: '间距',
+      value: gap,
+      type: 'number',
+      config: {
+        suffix: 'px',
+      },
+    },
+  ],
+});
+
+const defaultAxisLabel = {
+  show: true,
+  format: { type: 'date', showType: 'MM月' },
+  appearance: { count: 3, angle: 0, wordBreak: 'keep-all' },
+  showLast: false,
+  translate: { x: 0, y: 0 },
+  font: font({ color: 'rgba(230, 247, 255, 1)' }),
+};
+export const axisLabel = ({
+  show: showLabel = defaultAxisLabel.show,
+  format: {
+    type: labelType = defaultAxisLabel.format.type,
+    showType: labelShowType = defaultAxisLabel.format.showType,
+  } = defaultAxisLabel.format,
+  appearance: {
+    count = defaultAxisLabel.appearance.count,
+    angle = defaultAxisLabel.appearance.angle,
+    wordBreak = defaultAxisLabel.appearance.wordBreak,
+  } = defaultAxisLabel.appearance,
+  showLast = defaultAxisLabel.showLast,
+  translate: {
+    x: labelTranslateX = defaultAxisLabel.translate.x,
+    y: labelTranslateY = defaultAxisLabel.translate.y,
+  } = defaultAxisLabel.translate,
+  font = defaultAxisLabel.font,
+} = defaultAxisLabel) => ({
+  name: 'label',
+  displayName: '轴标签',
+  value: [
+    {
+      name: 'show',
+      displayName: '显示',
+      value: showLabel,
+      type: 'boolean',
+    },
+    {
+      rule: [['show', '$eq', true]],
+      name: 'format',
+      displayName: '格式',
+      value: [
+        {
+          name: 'type',
+          displayName: '',
+          value: labelType,
+          type: 'radio',
+          config: {
+            options: [
+              {
+                name: '类目型',
+                value: 'category',
+              },
+              {
+                name: '时间型',
+                value: 'date',
+              },
+            ],
+            span: 24,
+          },
+        },
+        {
+          rule: [['type', '$eq', 'date']],
+          name: 'showType',
+          displayName: '',
+          value: labelShowType,
+          type: 'select',
+          config: {
+            options: [
+              {
+                name: '2017年1月1日 08:00:00',
+                value: 'YYYY年M月D日 HH:mm:ss',
+              },
+              {
+                name: '2017年01月01日 08:00:00',
+                value: 'YYYY年MM月DD日 HH:mm:ss',
+              },
+              {
+                name: '2017-1-1 08:00:00',
+                value: 'YYYY-M-D HH:mm:ss',
+              },
+              {
+                name: '2017-01-01 08:00:00',
+                value: 'YYYY-MM-DD HH:mm:ss',
+              },
+              {
+                name: '2017.1.1 08:00:00',
+                value: 'YYYY.M.D HH:mm:ss',
+              },
+              {
+                name: '2017.01.01 08:00:00',
+                value: 'YYYY.MM.DD HH:mm:ss',
+              },
+              {
+                name: '2017年1月1日',
+                value: 'YYYY年M月D日',
+              },
+              {
+                name: '2017年01月01日',
+                value: 'YYYY年MM月DD日',
+              },
+              {
+                name: '2017年01月',
+                value: 'YYYY年MM月',
+              },
+              {
+                name: '2017-1-1',
+                value: 'YYYY-M-D',
+              },
+              {
+                name: '2017-01-01',
+                value: 'YYYY-MM-DD',
+              },
+              {
+                name: '2017.1.1',
+                value: 'YYYY.M.D',
+              },
+              {
+                name: '2017.01.01',
+                value: 'YYYY.MM.DD',
+              },
+              {
+                name: '1月1日',
+                value: 'M月D日',
+              },
+              {
+                name: '01月01日',
+                value: 'MM月DD日',
+              },
+              {
+                name: '01月01日01时',
+                value: 'MM月DD日HH时',
+              },
+              {
+                name: '1-1',
+                value: 'M-D',
+              },
+              {
+                name: '01-01',
+                value: 'MM-DD',
+              },
+              {
+                name: '1.1',
+                value: 'M.D',
+              },
+              {
+                name: '01.01',
+                value: 'MM.DD',
+              },
+              {
+                name: '1月',
+                value: 'M月',
+              },
+              {
+                name: '01月',
+                value: 'MM月',
+              },
+              {
+                name: '1(月)',
+                value: 'M',
+              },
+              {
+                name: '01(月)',
+                value: 'MM',
+              },
+              {
+                name: '1日',
+                value: 'D日',
+              },
+              {
+                name: '01日',
+                value: 'DD日',
+              },
+              {
+                name: '1(日)',
+                value: 'D',
+              },
+              {
+                name: '01(日)',
+                value: 'DD',
+              },
+              {
+                name: '08:00:00',
+                value: 'HH:mm:ss',
+              },
+              {
+                name: '08:00',
+                value: 'HH:mm',
+              },
+              {
+                name: '星期一',
+                value: 'X',
+              },
+              {
+                name: 'Monday',
+                value: 'W',
+              },
+              {
+                name: 'Mon',
+                value: 'w',
+              },
+            ],
+            span: 24,
+          },
+        },
+      ],
+      type: 'group',
+    },
+    {
+      rule: [['show', '$eq', true]],
+      name: 'appearance',
+      displayName: '展示',
+      value: [
+        {
+          name: 'count',
+          displayName: '标签数量',
+          value: count,
+          type: 'number',
+          config: {
+            min: 2,
+            span: 12,
+          },
+        },
+        {
+          name: 'angle',
+          displayName: '文字角度',
+          value: angle,
+          type: 'number',
+          config: {
+            span: 12,
+            suffix: '°',
+          },
+        },
+        {
+          name: 'wordBreak',
+          displayName: '行字数限制',
+          value: wordBreak,
+          type: 'select',
+          config: {
+            options: [{ name: '不限制', value: 'keep-all' }],
+            allowInput: true,
+            span: 12,
+          },
+        },
+      ],
+      type: 'group',
+    },
+    {
+      name: 'showLast',
+      displayName: '显示最新',
+      value: showLast,
+      type: 'boolean',
+      tip: '显示返回最新数据的轴标签',
+    },
+    {
+      rule: [['show', '$eq', true]],
+      ...translate(labelTranslateX, labelTranslateY),
+    },
+    {
+      rule: [['show', '$eq', true]],
+      name: 'font',
+      displayName: '文本样式',
+      value: font,
+      type: 'textStyle',
+      markColorType: 'textColor',
+    },
+  ],
+});
+
+const defaultValueAxisLabel = {
+  show: true,
+  extent: { min: '0', max: '' },
+  auto: false,
+  mode: 'count',
+  count: 3,
+  step: 100,
+  decimal: 0,
+  suffix: '',
+  translate: { x: 6, y: 0 },
+  font: defaultFont,
+};
+export const valueAsixLabel = ({
+  show: showLabel = defaultValueAxisLabel.show,
+  extent: {
+    min = defaultValueAxisLabel.extent.min,
+    max = defaultValueAxisLabel.extent.max,
+  } = defaultValueAxisLabel.extent,
+  auto = defaultValueAxisLabel.auto,
+  mode = defaultValueAxisLabel.mode,
+  count = defaultValueAxisLabel.count,
+  step = defaultValueAxisLabel.step,
+  decimal = defaultValueAxisLabel.decimal,
+  suffix = defaultValueAxisLabel.suffix,
+  translate: {
+    x: labelTranslateX = defaultValueAxisLabel.translate.x,
+    y: labelTranslateY = defaultValueAxisLabel.translate.y,
+  } = defaultValueAxisLabel.translate,
+  font: labelFont = defaultValueAxisLabel.font,
+} = defaultValueAxisLabel) => ({
+  name: 'label',
+  displayName: '轴标签',
+  value: [
+    {
+      name: 'show',
+      displayName: '显示',
+      value: showLabel,
+      type: 'boolean',
+    },
+    {
+      rule: [['show', '$eq', true]],
+      ...extent({ min, max }),
+    },
+    {
+      rule: [['show', '$eq', true]],
+      name: 'auto',
+      displayName: '刻度自适应',
+      value: auto,
+      type: 'boolean',
+    },
+    {
+      rule: [
+        ['show', '$eq', true],
+        ['auto', '$eq', false],
+      ],
+      name: 'mode',
+      displayName: '模式',
+      value: mode,
+      type: 'radio',
+      config: {
+        options: [
+          { name: '数量强制', value: 'count' },
+          { name: '步长强制', value: 'step' },
+        ],
+      },
+    },
+    {
+      rule: [
+        ['show', '$eq', true],
+        ['auto', '$eq', false],
+        ['mode', '$eq', 'count'],
+      ],
+      name: 'count',
+      displayName: '标签数量',
+      value: count,
+      min: 2,
+      type: 'number',
+    },
+    {
+      rule: [
+        ['show', '$eq', true],
+        ['auto', '$eq', false],
+        ['mode', '$eq', 'step'],
+      ],
+      name: 'step',
+      displayName: '步长',
+      value: step,
+      type: 'number',
+    },
+    {
+      rule: [
+        ['show', '$eq', true],
+        ['auto', '$eq', false],
+      ],
+      name: 'decimal',
+      displayName: '小数位数',
+      value: decimal,
+      type: 'number',
+    },
+    {
+      rule: [['show', '$eq', true]],
+      name: 'suffix',
+      displayName: '后缀内容',
+      value: suffix,
+      type: 'input',
+    },
+    {
+      rule: [['show', '$eq', true]],
+      ...translate(labelTranslateX, labelTranslateY),
+    },
+    {
+      rule: [['show', '$eq', true]],
+      name: 'font',
+      displayName: '文本样式',
+      value: labelFont,
+      type: 'textStyle',
+    },
+  ],
+});