@easyv/config 1.2.3 → 1.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/lib/axes.js +2 -1
  2. package/lib/interaction.js +2 -2
  3. package/lib/label.js +19 -1
  4. package/lib/series.js +5 -5
  5. package/package.json +1 -1
  6. package/src/axes.js +2 -0
  7. package/src/interaction.js +121 -121
  8. package/src/label.js +10 -0
  9. package/src/series.js +4 -4
package/lib/axes.js CHANGED
@@ -130,6 +130,7 @@ var valueAxis = function valueAxis() {
130
130
  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultValueAxis,
131
131
  _ref2$on = _ref2.on,
132
132
  on = _ref2$on === void 0 ? defaultValueAxis.on : _ref2$on,
133
+ reverse = _ref2.reverse,
133
134
  _ref2$openClipAxis = _ref2.openClipAxis,
134
135
  openClipAxis = _ref2$openClipAxis === void 0 ? false : _ref2$openClipAxis,
135
136
  clipValueAxis = _ref2.clipValueAxis,
@@ -150,7 +151,7 @@ var valueAxis = function valueAxis() {
150
151
  displayName: '启用',
151
152
  value: on,
152
153
  type: 'boolean'
153
- }, openClip != undefined && (0, _.sc)("openClip", "开启断轴", "boolean", false), clipAxis != undefined && (0, _.sc)("clipAxis", "轴段区间", "array", [(0, _.sc)("range1", "区间", "object", [(0, _.sc)("value", "区间值", "number", 50), (0, _.sc)("offset", "高度占比", "range", 25)]), (0, _.sc)("range2", "区间", "object", [(0, _.sc)("value", "区间值", "number", 100), (0, _.sc)("offset", "高度占比", "range", 50)]), (0, _.sc)("range3", "区间", "object", [(0, _.sc)("value", "区间值", "number", 1000), (0, _.sc)("offset", "高度占比", "range", 75)])], {
154
+ }, reverse != undefined && (0, _.sc)("reverse", "反转", "boolean", reverse), openClip != undefined && (0, _.sc)("openClip", "开启断轴", "boolean", false), clipAxis != undefined && (0, _.sc)("clipAxis", "轴段区间", "array", [(0, _.sc)("range1", "区间", "object", [(0, _.sc)("value", "区间值", "number", 50), (0, _.sc)("offset", "高度占比", "range", 25)]), (0, _.sc)("range2", "区间", "object", [(0, _.sc)("value", "区间值", "number", 100), (0, _.sc)("offset", "高度占比", "range", 50)]), (0, _.sc)("range3", "区间", "object", [(0, _.sc)("value", "区间值", "number", 1000), (0, _.sc)("offset", "高度占比", "range", 75)])], {
154
155
  template: (0, _.sc)("range", "区间", "object", [(0, _.sc)("value", "区间值", "number", 0), (0, _.sc)("offset", "高度占比", "range", 0)]),
155
156
  other: {
156
157
  tip: "不用设置高度占比为0或100的区间"
package/lib/interaction.js CHANGED
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports["default"] = void 0;
8
8
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
9
- /**
10
- * TODO:有个触发回调的类型
9
+ /**
10
+ * TODO:有个触发回调的类型
11
11
  */
12
12
  var defaultAction = 'click';
13
13
  var defaultCallback = {
package/lib/label.js CHANGED
@@ -387,6 +387,7 @@ var defaultAxisLabel = {
387
387
  },
388
388
  showLast: false,
389
389
  autoSort: false,
390
+ textAlign: "center",
390
391
  translate: {
391
392
  x: 0,
392
393
  y: 0
@@ -421,6 +422,8 @@ var axisLabel = function axisLabel() {
421
422
  showLast = _ref4$showLast === void 0 ? defaultAxisLabel.showLast : _ref4$showLast,
422
423
  _ref4$autoSort = _ref4.autoSort,
423
424
  autoSort = _ref4$autoSort === void 0 ? defaultAxisLabel.autoSort : _ref4$autoSort,
425
+ _ref4$textAlign = _ref4.textAlign,
426
+ textAlign = _ref4$textAlign === void 0 ? defaultAxisLabel.textAlign : _ref4$textAlign,
424
427
  _ref4$translate = _ref4.translate;
425
428
  _ref4$translate = _ref4$translate === void 0 ? defaultAxisLabel.translate : _ref4$translate;
426
429
  var _ref4$translate$x = _ref4$translate.x,
@@ -644,7 +647,22 @@ var axisLabel = function axisLabel() {
644
647
  other: {
645
648
  tip: "数据按时间自动排序展示"
646
649
  }
647
- }, (0, _.showRule)()), _objectSpread({
650
+ }, (0, _.showRule)()), (0, _.sc)("textAlign", "对齐", "radio", textAlign, {
651
+ mode: "icon",
652
+ options: [{
653
+ name: "左对齐",
654
+ value: "left",
655
+ icon: "align-left"
656
+ }, {
657
+ name: "居中对齐",
658
+ value: "center",
659
+ icon: "align-center"
660
+ }, {
661
+ name: "右对齐",
662
+ value: "right",
663
+ icon: "align-right"
664
+ }]
665
+ }, (0, _.showRule)("show", "$eq", true)), _objectSpread({
648
666
  rule: [["show", "$eq", true]]
649
667
  }, (0, _.translate)(labelTranslateX, labelTranslateY)), {
650
668
  rule: [["show", "$eq", true]],
package/lib/series.js CHANGED
@@ -332,19 +332,19 @@ var defaultLineSeries = {
332
332
  linear: {
333
333
  stops: [{
334
334
  offset: 0,
335
- color: '#fff'
335
+ color: 'rgba(255,255,255,0)'
336
336
  }, {
337
- offset: 50,
338
- color: '#ff0'
337
+ offset: 20,
338
+ color: 'rgba(255,255,255,0.3)'
339
339
  }, {
340
340
  offset: 100,
341
- color: '#f0f'
341
+ color: 'rgba(255,255,255,1)'
342
342
  }],
343
343
  angle: 30,
344
344
  opacity: 1
345
345
  }
346
346
  },
347
- length: 200,
347
+ length: 150,
348
348
  width: 2,
349
349
  unitStep: 1
350
350
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@easyv/config",
3
- "version": "1.2.3",
3
+ "version": "1.2.5",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/axes.js CHANGED
@@ -96,6 +96,7 @@ const defaultValueAxis = {
96
96
 
97
97
  export const valueAxis = ({
98
98
  on = defaultValueAxis.on,
99
+ reverse,
99
100
  openClipAxis = false,//断轴柱状图开启断轴 shuihan
100
101
  clipValueAxis,
101
102
  openClip,
@@ -112,6 +113,7 @@ export const valueAxis = ({
112
113
  value: on,
113
114
  type: 'boolean',
114
115
  },
116
+ reverse!=undefined && sc("reverse","反转","boolean",reverse),
115
117
  openClip!=undefined && sc("openClip","开启断轴","boolean",false),
116
118
  clipAxis!=undefined && sc("clipAxis","轴段区间","array",[
117
119
  sc("range1","区间","object",[
package/src/interaction.js CHANGED
@@ -1,121 +1,121 @@
1
- /**
2
- * TODO:有个触发回调的类型
3
- */
4
- const defaultAction = 'click';
5
- const defaultCallback = {
6
- actions: [{ name: '鼠标点击', value: defaultAction }],
7
- extraInput: [],
8
- };
9
-
10
- export default ({ callback, remoteControl }) => ({
11
- name: 'interaction',
12
- displayName: '交互',
13
- value:
14
- callback || remoteControl
15
- ? [
16
- callback &&
17
- Array.isArray(callback.callback) && {
18
- name: 'callback',
19
- displayName: '回调参数',
20
- type: 'array',
21
- value: callback.callback.map(({ origin, target }, index) => ({
22
- name: 'callback_' + index,
23
- displayName: '回调',
24
- type: 'object',
25
- value: [
26
- {
27
- name: 'actions',
28
- displayName: '匹配动作',
29
- type: 'select',
30
- value: callback.value || defaultAction,
31
- config: {
32
- options: callback.actions
33
- ? callback.actions
34
- : defaultCallback.actions,
35
- },
36
- },
37
- {
38
- name: 'origin',
39
- displayName: '字段值',
40
- type: 'input',
41
- value: origin,
42
- },
43
- {
44
- name: 'target',
45
- displayName: '变量名',
46
- type: 'input',
47
- value: target,
48
- },
49
- ...(callback.extraInput
50
- ? callback.extraInput
51
- : defaultCallback.extraInput),
52
- ],
53
- })),
54
- config: {
55
- template: [
56
- {
57
- name: 'callback',
58
- displayName: '回调',
59
- type: 'object',
60
- value: [
61
- {
62
- name: 'actions',
63
- displayName: '匹配动作',
64
- type: 'select',
65
- value: callback.value || defaultAction,
66
- config: {
67
- options: callback.actions
68
- ? callback.actions
69
- : defaultCallback.actions,
70
- },
71
- },
72
- {
73
- name: 'origin',
74
- displayName: '字段值',
75
- type: 'input',
76
- value: '',
77
- },
78
- {
79
- name: 'target',
80
- displayName: '变量名',
81
- type: 'input',
82
- value: '',
83
- config:{
84
- callback:true
85
- }
86
- },
87
- ...(callback.extraInput
88
- ? callback.extraInput
89
- : defaultCallback.extraInput),
90
- ],
91
- },
92
- ],
93
- },
94
- },
95
- remoteControl &&
96
- Array.isArray(remoteControl) && {
97
- name: 'remoteControl',
98
- displayName: '远程控制',
99
- type: 'array',
100
- value: [],
101
- config: {
102
- template: [
103
- {
104
- name: 'controls',
105
- displayName: '控制',
106
- type: 'object',
107
- value: [
108
- {
109
- name: 'control',
110
- displayName: '控制',
111
- type: 'remoteOptions',
112
- value: '{}',
113
- },
114
- ],
115
- },
116
- ],
117
- },
118
- },
119
- ].filter((item) => !!item)
120
- : [],
121
- });
1
+ /**
2
+ * TODO:有个触发回调的类型
3
+ */
4
+ const defaultAction = 'click';
5
+ const defaultCallback = {
6
+ actions: [{ name: '鼠标点击', value: defaultAction }],
7
+ extraInput: [],
8
+ };
9
+
10
+ export default ({ callback, remoteControl }) => ({
11
+ name: 'interaction',
12
+ displayName: '交互',
13
+ value:
14
+ callback || remoteControl
15
+ ? [
16
+ callback &&
17
+ Array.isArray(callback.callback) && {
18
+ name: 'callback',
19
+ displayName: '回调参数',
20
+ type: 'array',
21
+ value: callback.callback.map(({ origin, target }, index) => ({
22
+ name: 'callback_' + index,
23
+ displayName: '回调',
24
+ type: 'object',
25
+ value: [
26
+ {
27
+ name: 'actions',
28
+ displayName: '匹配动作',
29
+ type: 'select',
30
+ value: callback.value || defaultAction,
31
+ config: {
32
+ options: callback.actions
33
+ ? callback.actions
34
+ : defaultCallback.actions,
35
+ },
36
+ },
37
+ {
38
+ name: 'origin',
39
+ displayName: '字段值',
40
+ type: 'input',
41
+ value: origin,
42
+ },
43
+ {
44
+ name: 'target',
45
+ displayName: '变量名',
46
+ type: 'input',
47
+ value: target,
48
+ },
49
+ ...(callback.extraInput
50
+ ? callback.extraInput
51
+ : defaultCallback.extraInput),
52
+ ],
53
+ })),
54
+ config: {
55
+ template: [
56
+ {
57
+ name: 'callback',
58
+ displayName: '回调',
59
+ type: 'object',
60
+ value: [
61
+ {
62
+ name: 'actions',
63
+ displayName: '匹配动作',
64
+ type: 'select',
65
+ value: callback.value || defaultAction,
66
+ config: {
67
+ options: callback.actions
68
+ ? callback.actions
69
+ : defaultCallback.actions,
70
+ },
71
+ },
72
+ {
73
+ name: 'origin',
74
+ displayName: '字段值',
75
+ type: 'input',
76
+ value: '',
77
+ },
78
+ {
79
+ name: 'target',
80
+ displayName: '变量名',
81
+ type: 'input',
82
+ value: '',
83
+ config:{
84
+ callback:true
85
+ }
86
+ },
87
+ ...(callback.extraInput
88
+ ? callback.extraInput
89
+ : defaultCallback.extraInput),
90
+ ],
91
+ },
92
+ ],
93
+ },
94
+ },
95
+ remoteControl &&
96
+ Array.isArray(remoteControl) && {
97
+ name: 'remoteControl',
98
+ displayName: '远程控制',
99
+ type: 'array',
100
+ value: [],
101
+ config: {
102
+ template: [
103
+ {
104
+ name: 'controls',
105
+ displayName: '控制',
106
+ type: 'object',
107
+ value: [
108
+ {
109
+ name: 'control',
110
+ displayName: '控制',
111
+ type: 'remoteOptions',
112
+ value: '{}',
113
+ },
114
+ ],
115
+ },
116
+ ],
117
+ },
118
+ },
119
+ ].filter((item) => !!item)
120
+ : [],
121
+ });
package/src/label.js CHANGED
@@ -362,6 +362,7 @@ const defaultAxisLabel = {
362
362
  },
363
363
  showLast: false,
364
364
  autoSort: false,
365
+ textAlign: "center",
365
366
  translate: { x: 0, y: 0 },
366
367
  font: font({ color: "rgba(230, 247, 255, 1)" }),
367
368
  };
@@ -380,6 +381,7 @@ export const axisLabel = ({
380
381
  } = defaultAxisLabel.appearance,
381
382
  showLast = defaultAxisLabel.showLast,
382
383
  autoSort = defaultAxisLabel.autoSort,
384
+ textAlign = defaultAxisLabel.textAlign,
383
385
  translate: {
384
386
  x: labelTranslateX = defaultAxisLabel.translate.x,
385
387
  y: labelTranslateY = defaultAxisLabel.translate.y,
@@ -649,6 +651,14 @@ export const axisLabel = ({
649
651
  tip:"数据按时间自动排序展示"
650
652
  }
651
653
  },showRule()),
654
+ sc("textAlign","对齐","radio",textAlign,{
655
+ mode:"icon",
656
+ options:[
657
+ {name:"左对齐",value:"left",icon:"align-left"},
658
+ {name:"居中对齐",value:"center",icon:"align-center"},
659
+ {name:"右对齐",value:"right",icon:"align-right"}
660
+ ]
661
+ },showRule("show","$eq",true)),
652
662
  {
653
663
  rule: [["show", "$eq", true]],
654
664
  ...translate(labelTranslateX, labelTranslateY),
package/src/series.js CHANGED
@@ -303,15 +303,15 @@ const defaultLineSeries = {
303
303
  pure: '#fff',
304
304
  linear: {
305
305
  stops: [
306
- { offset: 0, color: '#fff' },
307
- { offset: 50, color: '#ff0' },
308
- { offset: 100, color: '#f0f' },
306
+ { offset: 0, color: 'rgba(255,255,255,0)' },
307
+ { offset: 20, color: 'rgba(255,255,255,0.3)' },
308
+ { offset: 100, color: 'rgba(255,255,255,1)' }
309
309
  ],
310
310
  angle: 30,
311
311
  opacity: 1,
312
312
  },
313
313
  },
314
- length: 200,
314
+ length: 150,
315
315
  width: 2,
316
316
  unitStep: 1,
317
317
  },