@react-pdf/stylesheet 3.1.0 → 3.2.0
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.
- package/CHANGELOG.md +6 -0
- package/lib/transform/transform.js +36 -8
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @react-pdf/stylesheet
|
|
2
2
|
|
|
3
|
+
## 3.2.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#1892](https://github.com/diegomura/react-pdf/pull/1892) [`035d3f8`](https://github.com/diegomura/react-pdf/commit/035d3f8d24fa4f4af9f350950d81b51547858367) Thanks [@diegomura](https://github.com/diegomura)! - feat: add skew transformation support
|
|
8
|
+
|
|
3
9
|
## 3.1.0
|
|
4
10
|
|
|
5
11
|
### Minor Changes
|
|
@@ -34,6 +34,17 @@ var parse = function parse(transformString) {
|
|
|
34
34
|
return parsed;
|
|
35
35
|
};
|
|
36
36
|
|
|
37
|
+
var parseAngle = function parseAngle(value) {
|
|
38
|
+
var unitsRegexp = /(-?\d*\.?\d*)(\w*)?/i;
|
|
39
|
+
|
|
40
|
+
var _unitsRegexp$exec = unitsRegexp.exec(value),
|
|
41
|
+
angle = _unitsRegexp$exec[1],
|
|
42
|
+
unit = _unitsRegexp$exec[2];
|
|
43
|
+
|
|
44
|
+
var number = Number.parseFloat(angle);
|
|
45
|
+
return unit === 'rad' ? number * 180 / Math.PI : number;
|
|
46
|
+
};
|
|
47
|
+
|
|
37
48
|
var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
|
|
38
49
|
var operation = _ref.operation,
|
|
39
50
|
value = _ref.value;
|
|
@@ -72,16 +83,9 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
|
|
|
72
83
|
|
|
73
84
|
case 'rotate':
|
|
74
85
|
{
|
|
75
|
-
var unitsRegexp = /(-?\d*\.?\d*)(\w*)?/i;
|
|
76
|
-
|
|
77
|
-
var _unitsRegexp$exec = unitsRegexp.exec(value),
|
|
78
|
-
angle = _unitsRegexp$exec[1],
|
|
79
|
-
unit = _unitsRegexp$exec[2];
|
|
80
|
-
|
|
81
|
-
var number = Number.parseFloat(angle);
|
|
82
86
|
return {
|
|
83
87
|
operation: 'rotate',
|
|
84
|
-
value: [
|
|
88
|
+
value: [parseAngle(value)]
|
|
85
89
|
};
|
|
86
90
|
}
|
|
87
91
|
|
|
@@ -111,6 +115,30 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
|
|
|
111
115
|
};
|
|
112
116
|
}
|
|
113
117
|
|
|
118
|
+
case 'skew':
|
|
119
|
+
{
|
|
120
|
+
return {
|
|
121
|
+
operation: 'skew',
|
|
122
|
+
value: value.map(parseAngle)
|
|
123
|
+
};
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
case 'skewX':
|
|
127
|
+
{
|
|
128
|
+
return {
|
|
129
|
+
operation: 'skew',
|
|
130
|
+
value: [parseAngle(value), 0]
|
|
131
|
+
};
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
case 'skewY':
|
|
135
|
+
{
|
|
136
|
+
return {
|
|
137
|
+
operation: 'skew',
|
|
138
|
+
value: [0, parseAngle(value)]
|
|
139
|
+
};
|
|
140
|
+
}
|
|
141
|
+
|
|
114
142
|
default:
|
|
115
143
|
{
|
|
116
144
|
return {
|