@easyv/config 1.3.3 → 1.3.4

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 (3) hide show
  1. package/lib/axes.js +44 -44
  2. package/package.json +1 -1
  3. package/src/axes.js +101 -92
package/lib/axes.js CHANGED
@@ -12,20 +12,20 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
12
12
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
13
13
  var defaultFont = (0, _.font)();
14
14
  var defaultFontAxisY = (0, _.font)({
15
- color: 'rgba(230, 247, 255, 1)'
15
+ color: "rgba(230, 247, 255, 1)"
16
16
  });
17
17
  var defaultCategoryAxis = {
18
18
  on: true,
19
19
  label: {
20
20
  show: true,
21
21
  format: {
22
- type: 'date',
23
- showType: 'MM月'
22
+ type: "date",
23
+ showType: "MM月"
24
24
  },
25
25
  appearance: {
26
26
  count: 3,
27
27
  angle: 0,
28
- wordBreak: 'keep-all'
28
+ wordBreak: "keep-all"
29
29
  },
30
30
  translate: {
31
31
  x: 0,
@@ -35,19 +35,19 @@ var defaultCategoryAxis = {
35
35
  },
36
36
  axisLine: {
37
37
  show: true,
38
- color: '#BAE7FF',
38
+ color: "#BAE7FF",
39
39
  lineWidth: 1
40
40
  },
41
41
  tickLine: {
42
42
  show: false,
43
- color: 'rgba(186,231,255,1)',
43
+ color: "rgba(186,231,255,1)",
44
44
  lineWidth: 1,
45
45
  tickSize: 6
46
46
  },
47
47
  gridLine: {
48
48
  show: true,
49
- strokeDasharray: '3,3',
50
- color: 'rgba(230, 247, 255, 0.2)',
49
+ strokeDasharray: "3,3",
50
+ color: "rgba(230, 247, 255, 0.2)",
51
51
  lineWidth: 1
52
52
  }
53
53
  };
@@ -64,18 +64,18 @@ var categoryAxis = function categoryAxis() {
64
64
  _ref$gridLine = _ref.gridLine,
65
65
  gridLine_ = _ref$gridLine === void 0 ? defaultCategoryAxis.gridLine : _ref$gridLine;
66
66
  return [{
67
- name: 'on',
68
- displayName: '启用',
67
+ name: "on",
68
+ displayName: "启用",
69
69
  value: on,
70
- type: 'boolean'
70
+ type: "boolean"
71
71
  }, _objectSpread({
72
- rule: [['on', '$eq', true]]
72
+ rule: [["on", "$eq", true]]
73
73
  }, (0, _label.axisLabel)(label)), _objectSpread({
74
- rule: [['on', '$eq', true]]
74
+ rule: [["on", "$eq", true]]
75
75
  }, (0, _.axisLine)(axisLine_)), _objectSpread({
76
- rule: [['on', '$eq', true]]
76
+ rule: [["on", "$eq", true]]
77
77
  }, (0, _.tickLine)(tickLine_)), _objectSpread({
78
- rule: [['on', '$eq', true]]
78
+ rule: [["on", "$eq", true]]
79
79
  }, (0, _.gridLine)(gridLine_))];
80
80
  };
81
81
  exports.categoryAxis = categoryAxis;
@@ -84,15 +84,15 @@ var defaultValueAxis = {
84
84
  label: {
85
85
  show: true,
86
86
  extent: {
87
- min: '0',
88
- max: ''
87
+ min: "0",
88
+ max: ""
89
89
  },
90
- auto: false,
91
- mode: 'count',
90
+ auto: true,
91
+ mode: "count",
92
92
  count: 3,
93
93
  step: 100,
94
94
  decimal: 0,
95
- suffix: '',
95
+ suffix: "",
96
96
  translate: {
97
97
  x: 6,
98
98
  y: 0
@@ -101,7 +101,7 @@ var defaultValueAxis = {
101
101
  },
102
102
  unit: {
103
103
  show: false,
104
- text: '单位',
104
+ text: "单位",
105
105
  font: defaultFont,
106
106
  translate: {
107
107
  x: 0,
@@ -110,19 +110,19 @@ var defaultValueAxis = {
110
110
  },
111
111
  axisLine: {
112
112
  show: true,
113
- color: '#BAE7FF',
113
+ color: "#BAE7FF",
114
114
  lineWidth: 1
115
115
  },
116
116
  tickLine: {
117
117
  show: true,
118
- color: 'rgba(186,231,255,1)',
118
+ color: "rgba(186,231,255,1)",
119
119
  lineWidth: 1,
120
120
  tickSize: 6
121
121
  },
122
122
  gridLine: {
123
123
  show: true,
124
- strokeDasharray: '3,3',
125
- color: 'rgba(230, 247, 255, 0.2)',
124
+ strokeDasharray: "3,3",
125
+ color: "rgba(230, 247, 255, 0.2)",
126
126
  lineWidth: 1
127
127
  }
128
128
  };
@@ -147,10 +147,10 @@ var valueAxis = function valueAxis() {
147
147
  _ref2$gridLine = _ref2.gridLine,
148
148
  gridLine_ = _ref2$gridLine === void 0 ? defaultValueAxis.gridLine : _ref2$gridLine;
149
149
  return [{
150
- name: 'on',
151
- displayName: '启用',
150
+ name: "on",
151
+ displayName: "启用",
152
152
  value: on,
153
- type: 'boolean'
153
+ type: "boolean"
154
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)])], {
155
155
  template: (0, _.sc)("range", "区间", "object", [(0, _.sc)("value", "区间值", "number", 0), (0, _.sc)("offset", "高度占比", "range", 0)]),
156
156
  other: {
@@ -159,17 +159,17 @@ var valueAxis = function valueAxis() {
159
159
  }, {
160
160
  rule: [["openClip", "$eq", true]]
161
161
  }), openClipAxis === true && _objectSpread(_objectSpread({}, (0, _label.valueCilpAsixLabel)()), {}, {
162
- rule: [['on', '$eq', true]]
162
+ rule: [["on", "$eq", true]]
163
163
  }), (openClipAxis === false || !!!openClipAxis) && _objectSpread({
164
- rule: [['on', '$eq', true]]
164
+ rule: [["on", "$eq", true]]
165
165
  }, (0, _label.valueAsixLabel)(label)), _objectSpread({
166
- rule: [['on', '$eq', true]]
166
+ rule: [["on", "$eq", true]]
167
167
  }, (0, _.unit)(unit_)), _objectSpread({
168
- rule: [['on', '$eq', true]]
168
+ rule: [["on", "$eq", true]]
169
169
  }, (0, _.axisLine)(axisLine_)), _objectSpread({
170
- rule: [['on', '$eq', true]]
170
+ rule: [["on", "$eq", true]]
171
171
  }, (0, _.tickLine)(tickLine_)), _objectSpread({
172
- rule: [['on', '$eq', true]]
172
+ rule: [["on", "$eq", true]]
173
173
  }, (0, _.gridLine)(gridLine_))].filter(function (item) {
174
174
  return !!item;
175
175
  });
@@ -186,27 +186,27 @@ var _default = function _default() {
186
186
  yAxis = _ref3$yAxis === void 0 ? defaultValueAxis : _ref3$yAxis,
187
187
  zAxis = _ref3.zAxis;
188
188
  return {
189
- name: 'axes',
190
- displayName: '坐标轴',
189
+ name: "axes",
190
+ displayName: "坐标轴",
191
191
  value: [{
192
- name: 'xAxis',
193
- displayName: 'X轴',
192
+ name: "xAxis",
193
+ displayName: "X轴",
194
194
  value: categoryAxis(xAxis)
195
195
  }, {
196
- name: 'yAxis',
197
- displayName: 'Y轴',
196
+ name: "yAxis",
197
+ displayName: "Y轴",
198
198
  value: valueAxis(yAxis)
199
199
  }, zAxis && {
200
- name: 'zAxis',
201
- displayName: 'Z轴',
200
+ name: "zAxis",
201
+ displayName: "Z轴",
202
202
  value: valueAxis(zAxis)
203
203
  }].filter(function (item) {
204
204
  return !!item;
205
205
  }),
206
206
  config: {
207
- layout: 'horizontal'
207
+ layout: "horizontal"
208
208
  },
209
- type: 'menu'
209
+ type: "menu"
210
210
  };
211
211
  };
212
212
  exports["default"] = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@easyv/config",
3
- "version": "1.3.3",
3
+ "version": "1.3.4",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/axes.js CHANGED
@@ -1,29 +1,29 @@
1
- import { gridLine, tickLine, axisLine, unit, font, sc } from '.';
2
- import { axisLabel, valueAsixLabel,valueCilpAsixLabel } from './label';
1
+ import { gridLine, tickLine, axisLine, unit, font, sc } from ".";
2
+ import { axisLabel, valueAsixLabel, valueCilpAsixLabel } from "./label";
3
3
  const defaultFont = font();
4
4
  const defaultFontAxisY = font({
5
- color: 'rgba(230, 247, 255, 1)',
5
+ color: "rgba(230, 247, 255, 1)",
6
6
  });
7
7
  const defaultCategoryAxis = {
8
8
  on: true,
9
9
  label: {
10
10
  show: true,
11
- format: { type: 'date', showType: 'MM月' },
12
- appearance: { count: 3, angle: 0, wordBreak: 'keep-all' },
11
+ format: { type: "date", showType: "MM月" },
12
+ appearance: { count: 3, angle: 0, wordBreak: "keep-all" },
13
13
  translate: { x: 0, y: 0 },
14
14
  font: defaultFontAxisY,
15
15
  },
16
- axisLine: { show: true, color: '#BAE7FF', lineWidth: 1 },
16
+ axisLine: { show: true, color: "#BAE7FF", lineWidth: 1 },
17
17
  tickLine: {
18
18
  show: false,
19
- color: 'rgba(186,231,255,1)',
19
+ color: "rgba(186,231,255,1)",
20
20
  lineWidth: 1,
21
21
  tickSize: 6,
22
22
  },
23
23
  gridLine: {
24
24
  show: true,
25
- strokeDasharray: '3,3',
26
- color: 'rgba(230, 247, 255, 0.2)',
25
+ strokeDasharray: "3,3",
26
+ color: "rgba(230, 247, 255, 0.2)",
27
27
  lineWidth: 1,
28
28
  },
29
29
  };
@@ -36,25 +36,25 @@ export const categoryAxis = ({
36
36
  gridLine: gridLine_ = defaultCategoryAxis.gridLine,
37
37
  } = defaultCategoryAxis) => [
38
38
  {
39
- name: 'on',
40
- displayName: '启用',
39
+ name: "on",
40
+ displayName: "启用",
41
41
  value: on,
42
- type: 'boolean',
42
+ type: "boolean",
43
43
  },
44
44
  {
45
- rule: [['on', '$eq', true]],
45
+ rule: [["on", "$eq", true]],
46
46
  ...axisLabel(label),
47
47
  },
48
48
  {
49
- rule: [['on', '$eq', true]],
49
+ rule: [["on", "$eq", true]],
50
50
  ...axisLine(axisLine_),
51
51
  },
52
52
  {
53
- rule: [['on', '$eq', true]],
53
+ rule: [["on", "$eq", true]],
54
54
  ...tickLine(tickLine_),
55
55
  },
56
56
  {
57
- rule: [['on', '$eq', true]],
57
+ rule: [["on", "$eq", true]],
58
58
  ...gridLine(gridLine_),
59
59
  },
60
60
  ];
@@ -63,33 +63,33 @@ const defaultValueAxis = {
63
63
  on: true,
64
64
  label: {
65
65
  show: true,
66
- extent: { min: '0', max: '' },
67
- auto: false,
68
- mode: 'count',
66
+ extent: { min: "0", max: "" },
67
+ auto: true,
68
+ mode: "count",
69
69
  count: 3,
70
70
  step: 100,
71
71
  decimal: 0,
72
- suffix: '',
72
+ suffix: "",
73
73
  translate: { x: 6, y: 0 },
74
74
  font: defaultFont,
75
75
  },
76
76
  unit: {
77
77
  show: false,
78
- text: '单位',
78
+ text: "单位",
79
79
  font: defaultFont,
80
80
  translate: { x: 0, y: 0 },
81
81
  },
82
- axisLine: { show: true, color: '#BAE7FF', lineWidth: 1 },
82
+ axisLine: { show: true, color: "#BAE7FF", lineWidth: 1 },
83
83
  tickLine: {
84
84
  show: true,
85
- color: 'rgba(186,231,255,1)',
85
+ color: "rgba(186,231,255,1)",
86
86
  lineWidth: 1,
87
87
  tickSize: 6,
88
88
  },
89
89
  gridLine: {
90
90
  show: true,
91
- strokeDasharray: '3,3',
92
- color: 'rgba(230, 247, 255, 0.2)',
91
+ strokeDasharray: "3,3",
92
+ color: "rgba(230, 247, 255, 0.2)",
93
93
  lineWidth: 1,
94
94
  },
95
95
  };
@@ -97,7 +97,7 @@ const defaultValueAxis = {
97
97
  export const valueAxis = ({
98
98
  on = defaultValueAxis.on,
99
99
  reverse,
100
- openClipAxis = false,//断轴柱状图开启断轴 shuihan
100
+ openClipAxis = false, //断轴柱状图开启断轴 shuihan
101
101
  clipValueAxis,
102
102
  openClip,
103
103
  clipAxis,
@@ -106,62 +106,71 @@ export const valueAxis = ({
106
106
  axisLine: axisLine_ = defaultValueAxis.axisLine,
107
107
  tickLine: tickLine_ = defaultValueAxis.tickLine,
108
108
  gridLine: gridLine_ = defaultValueAxis.gridLine,
109
- } = defaultValueAxis) => [
110
- {
111
- name: 'on',
112
- displayName: '启用',
113
- value: on,
114
- type: 'boolean',
115
- },
116
- reverse!=undefined && sc("reverse","反转","boolean",reverse),
117
- openClip!=undefined && sc("openClip","开启断轴","boolean",false),
118
- clipAxis!=undefined && sc("clipAxis","轴段区间","array",[
119
- sc("range1","区间","object",[
120
- sc("value","区间值","number",50),
121
- sc("offset","高度占比","range",25)
122
- ]),
123
- sc("range2","区间","object",[
124
- sc("value","区间值","number",100),
125
- sc("offset","高度占比","range",50)
126
- ]),
127
- sc("range3","区间","object",[
128
- sc("value","区间值","number",1000),
129
- sc("offset","高度占比","range",75)
130
- ])
131
- ],{
132
- template:sc("range","区间","object",[
133
- sc("value","区间值","number",0),
134
- sc("offset","高度占比","range",0)
135
- ]),
136
- other:{
137
- tip:"不用设置高度占比为0或100的区间"
138
- }
139
- },{rule:[["openClip","$eq",true]]}),
140
- (openClipAxis === true) && {
141
- ...valueCilpAsixLabel(),
142
- rule: [['on', '$eq', true]],
143
- },
144
- (openClipAxis === false || !!!openClipAxis) && {
145
- rule: [['on', '$eq', true]],
146
- ...valueAsixLabel(label),
147
- },
148
- {
149
- rule: [['on', '$eq', true]],
150
- ...unit(unit_),
151
- },
152
- {
153
- rule: [['on', '$eq', true]],
154
- ...axisLine(axisLine_),
155
- },
156
- {
157
- rule: [['on', '$eq', true]],
158
- ...tickLine(tickLine_),
159
- },
160
- {
161
- rule: [['on', '$eq', true]],
162
- ...gridLine(gridLine_),
163
- },
164
- ].filter(item=>!!item);
109
+ } = defaultValueAxis) =>
110
+ [
111
+ {
112
+ name: "on",
113
+ displayName: "启用",
114
+ value: on,
115
+ type: "boolean",
116
+ },
117
+ reverse != undefined && sc("reverse", "反转", "boolean", reverse),
118
+ openClip != undefined && sc("openClip", "开启断轴", "boolean", false),
119
+ clipAxis != undefined &&
120
+ sc(
121
+ "clipAxis",
122
+ "轴段区间",
123
+ "array",
124
+ [
125
+ sc("range1", "区间", "object", [
126
+ sc("value", "区间值", "number", 50),
127
+ sc("offset", "高度占比", "range", 25),
128
+ ]),
129
+ sc("range2", "区间", "object", [
130
+ sc("value", "区间值", "number", 100),
131
+ sc("offset", "高度占比", "range", 50),
132
+ ]),
133
+ sc("range3", "区间", "object", [
134
+ sc("value", "区间值", "number", 1000),
135
+ sc("offset", "高度占比", "range", 75),
136
+ ]),
137
+ ],
138
+ {
139
+ template: sc("range", "区间", "object", [
140
+ sc("value", "区间值", "number", 0),
141
+ sc("offset", "高度占比", "range", 0),
142
+ ]),
143
+ other: {
144
+ tip: "不用设置高度占比为0或100的区间",
145
+ },
146
+ },
147
+ { rule: [["openClip", "$eq", true]] }
148
+ ),
149
+ openClipAxis === true && {
150
+ ...valueCilpAsixLabel(),
151
+ rule: [["on", "$eq", true]],
152
+ },
153
+ (openClipAxis === false || !!!openClipAxis) && {
154
+ rule: [["on", "$eq", true]],
155
+ ...valueAsixLabel(label),
156
+ },
157
+ {
158
+ rule: [["on", "$eq", true]],
159
+ ...unit(unit_),
160
+ },
161
+ {
162
+ rule: [["on", "$eq", true]],
163
+ ...axisLine(axisLine_),
164
+ },
165
+ {
166
+ rule: [["on", "$eq", true]],
167
+ ...tickLine(tickLine_),
168
+ },
169
+ {
170
+ rule: [["on", "$eq", true]],
171
+ ...gridLine(gridLine_),
172
+ },
173
+ ].filter((item) => !!item);
165
174
 
166
175
  export default (
167
176
  { xAxis = defaultCategoryAxis, yAxis = defaultValueAxis, zAxis } = {
@@ -169,27 +178,27 @@ export default (
169
178
  yAxis: defaultValueAxis,
170
179
  }
171
180
  ) => ({
172
- name: 'axes',
173
- displayName: '坐标轴',
181
+ name: "axes",
182
+ displayName: "坐标轴",
174
183
  value: [
175
184
  {
176
- name: 'xAxis',
177
- displayName: 'X轴',
185
+ name: "xAxis",
186
+ displayName: "X轴",
178
187
  value: categoryAxis(xAxis),
179
188
  },
180
189
  {
181
- name: 'yAxis',
182
- displayName: 'Y轴',
190
+ name: "yAxis",
191
+ displayName: "Y轴",
183
192
  value: valueAxis(yAxis),
184
193
  },
185
194
  zAxis && {
186
- name: 'zAxis',
187
- displayName: 'Z轴',
195
+ name: "zAxis",
196
+ displayName: "Z轴",
188
197
  value: valueAxis(zAxis),
189
198
  },
190
199
  ].filter((item) => !!item),
191
200
  config: {
192
- layout: 'horizontal',
201
+ layout: "horizontal",
193
202
  },
194
- type: 'menu',
203
+ type: "menu",
195
204
  });