taro-css-to-react-native 4.0.0-beta.77 → 4.0.0-beta.79
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/LICENSE +8 -1
- package/dist/css-to-react-native/TokenStream.js +8 -6
- package/dist/css-to-react-native/index.js +12 -8
- package/dist/css-to-react-native/tokenTypes.js +5 -3
- package/dist/css-to-react-native/transforms/border.js +25 -16
- package/dist/css-to-react-native/transforms/boxShadow.js +3 -2
- package/dist/css-to-react-native/transforms/flex.js +3 -2
- package/dist/css-to-react-native/transforms/font.js +3 -2
- package/dist/css-to-react-native/transforms/fontFamily.js +3 -2
- package/dist/css-to-react-native/transforms/index.js +3 -2
- package/dist/css-to-react-native/transforms/textDecoration.js +3 -2
- package/dist/css-to-react-native/transforms/textDecorationLine.js +3 -2
- package/dist/css-to-react-native/transforms/textShadow.js +3 -2
- package/dist/css-to-react-native/transforms/transform.js +6 -5
- package/dist/css-to-react-native/transforms/util.js +14 -9
- package/dist/index.js +2 -1
- package/dist/transforms/media-queries/features.js +4 -2
- package/dist/transforms/media-queries/types.js +8 -4
- package/dist/transforms/rem.js +3 -2
- package/dist/utils/allEqual.js +3 -2
- package/dist/utils/values.js +3 -2
- package/package.json +13 -13
package/LICENSE
CHANGED
|
@@ -154,8 +154,15 @@ See `/LICENSE` for details of the license.
|
|
|
154
154
|
|
|
155
155
|
==================
|
|
156
156
|
|
|
157
|
+
MIT (stencil-vue2-output-target):
|
|
158
|
+
The following files embed [stencil-vue2-output-target](https://github.com/diondree/stencil-vue2-output-target) MIT:
|
|
159
|
+
`/packages/taro-components-library-vue2/src/vue-component-lib/utils.ts`
|
|
160
|
+
See `/LICENSE` for details of the license.
|
|
161
|
+
|
|
162
|
+
==================
|
|
163
|
+
|
|
157
164
|
MIT (weui):
|
|
158
|
-
The following files embed [
|
|
165
|
+
The following files embed [stencil-vue2-output-target](https://github.com/Tencent/weui) MIT:
|
|
159
166
|
`/packages/taro-components/src/components/*.scss`
|
|
160
167
|
See `/LICENSE.txt` for details of the license.
|
|
161
168
|
|
|
@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
function _typeof(
|
|
7
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
8
8
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
9
9
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
10
10
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
11
|
-
function _toPropertyKey(
|
|
12
|
-
function _toPrimitive(
|
|
11
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
12
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
13
13
|
var SYMBOL_MATCH = 'SYMBOL_MATCH';
|
|
14
|
-
var TokenStream =
|
|
14
|
+
var TokenStream = /*#__PURE__*/function () {
|
|
15
15
|
function TokenStream(nodes, parent) {
|
|
16
16
|
_classCallCheck(this, TokenStream);
|
|
17
17
|
this.index = 0;
|
|
@@ -20,7 +20,7 @@ var TokenStream = exports["default"] = /*#__PURE__*/function () {
|
|
|
20
20
|
this.lastValue = null;
|
|
21
21
|
this.rewindIndex = -1;
|
|
22
22
|
}
|
|
23
|
-
|
|
23
|
+
_createClass(TokenStream, [{
|
|
24
24
|
key: "node",
|
|
25
25
|
get: function get() {
|
|
26
26
|
return this.nodes[this.index];
|
|
@@ -102,4 +102,6 @@ var TokenStream = exports["default"] = /*#__PURE__*/function () {
|
|
|
102
102
|
this.lastValue = null;
|
|
103
103
|
}
|
|
104
104
|
}]);
|
|
105
|
-
|
|
105
|
+
return TokenStream;
|
|
106
|
+
}();
|
|
107
|
+
exports["default"] = TokenStream;
|
|
@@ -9,10 +9,10 @@ var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser")
|
|
|
9
9
|
var _TokenStream = _interopRequireDefault(require("./TokenStream"));
|
|
10
10
|
var _index = _interopRequireDefault(require("./transforms/index"));
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
-
function _typeof(
|
|
12
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
13
13
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
14
|
-
function _toPropertyKey(
|
|
15
|
-
function _toPrimitive(
|
|
14
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
15
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /* eslint-disable no-param-reassign */
|
|
16
16
|
// Note if this is wrong, you'll need to change tokenTypes.js too
|
|
17
17
|
var numberOrLengthRe = /^([+-]?(?:\d*\.)?\d+(?:[Ee][+-]?\d+)?)((?:px)|(?:vw$)|(?:vh$)|(?:vmin$)|(?:vmax$))?$/i;
|
|
18
18
|
var boolRe = /^true|false$/i;
|
|
@@ -20,7 +20,7 @@ var nullRe = /^null$/i;
|
|
|
20
20
|
var undefinedRe = /^undefined$/i;
|
|
21
21
|
|
|
22
22
|
// Undocumented export
|
|
23
|
-
var transformRawValue =
|
|
23
|
+
var transformRawValue = function transformRawValue(input) {
|
|
24
24
|
var value = input.trim();
|
|
25
25
|
var numberMatch = value.match(numberOrLengthRe);
|
|
26
26
|
if (numberMatch !== null) {
|
|
@@ -43,6 +43,7 @@ var transformRawValue = exports.transformRawValue = function transformRawValue(i
|
|
|
43
43
|
if (undefinedMatch !== null) return undefined;
|
|
44
44
|
return value;
|
|
45
45
|
};
|
|
46
|
+
exports.transformRawValue = transformRawValue;
|
|
46
47
|
var baseTransformShorthandValue = function baseTransformShorthandValue(propName, inputValue) {
|
|
47
48
|
// const ast = parse(inputValue.trim().replace(/PX|Px|pX$/g, ""));
|
|
48
49
|
var ast = (0, _postcssValueParser["default"])(inputValue);
|
|
@@ -57,19 +58,21 @@ var checkBaseTransformShorthandValue = function checkBaseTransformShorthandValue
|
|
|
57
58
|
}
|
|
58
59
|
};
|
|
59
60
|
var transformShorthandValue = process.env.NODE_ENV === 'production' ? baseTransformShorthandValue : checkBaseTransformShorthandValue;
|
|
60
|
-
var getStylesForProperty =
|
|
61
|
+
var getStylesForProperty = function getStylesForProperty(propName, inputValue, allowShorthand) {
|
|
61
62
|
var isRawValue = allowShorthand === false || !(propName in _index["default"]);
|
|
62
63
|
var propValue = isRawValue ? transformRawValue(inputValue) : transformShorthandValue(propName, inputValue.trim());
|
|
63
64
|
return propValue && propValue.$merge ? propValue.$merge : _defineProperty({}, propName, propValue);
|
|
64
65
|
};
|
|
65
|
-
|
|
66
|
+
exports.getStylesForProperty = getStylesForProperty;
|
|
67
|
+
var getPropertyName = function getPropertyName(propName) {
|
|
66
68
|
var isCustomProp = /^--\w+/.test(propName);
|
|
67
69
|
if (isCustomProp) {
|
|
68
70
|
return propName;
|
|
69
71
|
}
|
|
70
72
|
return (0, _camelize["default"])(propName);
|
|
71
73
|
};
|
|
72
|
-
|
|
74
|
+
exports.getPropertyName = getPropertyName;
|
|
75
|
+
var _default = function _default(rules) {
|
|
73
76
|
var shorthandBlacklist = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
74
77
|
return rules.reduce(function (accum, rule) {
|
|
75
78
|
var propertyName = getPropertyName(rule[0]);
|
|
@@ -77,4 +80,5 @@ var _default = exports["default"] = function _default(rules) {
|
|
|
77
80
|
var allowShorthand = shorthandBlacklist.indexOf(propertyName) === -1;
|
|
78
81
|
return Object.assign(accum, getStylesForProperty(propertyName, value, allowShorthand));
|
|
79
82
|
}, {});
|
|
80
|
-
};
|
|
83
|
+
};
|
|
84
|
+
exports["default"] = _default;
|
|
@@ -62,7 +62,7 @@ var functionValueForTypeToken = function functionValueForTypeToken(type) {
|
|
|
62
62
|
return null;
|
|
63
63
|
};
|
|
64
64
|
};
|
|
65
|
-
var regExpToken =
|
|
65
|
+
var regExpToken = function regExpToken(regExp) {
|
|
66
66
|
var transform = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : String;
|
|
67
67
|
return function (node) {
|
|
68
68
|
var _node$value$match;
|
|
@@ -81,7 +81,8 @@ var regExpToken = exports.regExpToken = function regExpToken(regExp) {
|
|
|
81
81
|
}
|
|
82
82
|
};
|
|
83
83
|
};
|
|
84
|
-
|
|
84
|
+
exports.regExpToken = regExpToken;
|
|
85
|
+
var tokens = {
|
|
85
86
|
SPACE: noopToken(function (node) {
|
|
86
87
|
return node.type === 'space';
|
|
87
88
|
}),
|
|
@@ -104,4 +105,5 @@ var tokens = exports.tokens = {
|
|
|
104
105
|
STRING: matchString,
|
|
105
106
|
COLOR: matchColor,
|
|
106
107
|
LINE: regExpToken(/^(none|underline|line-through)$/i)
|
|
107
|
-
};
|
|
108
|
+
};
|
|
109
|
+
exports.tokens = tokens;
|
|
@@ -6,45 +6,54 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.borderWidth = exports.borderTop = exports.borderRight = exports.borderRadius = exports.borderLeft = exports.borderColor = exports.borderBottom = exports.border = void 0;
|
|
7
7
|
var _tokenTypes = require("../tokenTypes");
|
|
8
8
|
var _util = require("./util");
|
|
9
|
-
function _typeof(
|
|
9
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
10
10
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
11
|
-
function _toPropertyKey(
|
|
12
|
-
function _toPrimitive(
|
|
11
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
12
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
13
13
|
var WORD = _tokenTypes.tokens.WORD,
|
|
14
14
|
FUNC = _tokenTypes.tokens.FUNC,
|
|
15
15
|
COLOR = _tokenTypes.tokens.COLOR,
|
|
16
16
|
LENGTH = _tokenTypes.tokens.LENGTH,
|
|
17
17
|
UNSUPPORTED_LENGTH_UNIT = _tokenTypes.tokens.UNSUPPORTED_LENGTH_UNIT;
|
|
18
18
|
function borderDirectionFactory() {
|
|
19
|
+
var _anyOrderFactory;
|
|
19
20
|
var direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
20
21
|
var prefix = "border".concat(direction);
|
|
21
|
-
return (0, _util.anyOrderFactory)(
|
|
22
|
+
return (0, _util.anyOrderFactory)((_anyOrderFactory = {}, _defineProperty(_anyOrderFactory, "".concat(prefix, "Width"), {
|
|
22
23
|
tokens: [LENGTH, UNSUPPORTED_LENGTH_UNIT],
|
|
23
24
|
"default": 1
|
|
24
|
-
}), "".concat(prefix, "Color"), {
|
|
25
|
+
}), _defineProperty(_anyOrderFactory, "".concat(prefix, "Color"), {
|
|
25
26
|
tokens: [COLOR],
|
|
26
27
|
"default": 'black'
|
|
27
|
-
}), "borderStyle", {
|
|
28
|
+
}), _defineProperty(_anyOrderFactory, "borderStyle", {
|
|
28
29
|
tokens: [(0, _tokenTypes.regExpToken)(/^(solid|dashed|dotted)$/)],
|
|
29
30
|
"default": 'solid'
|
|
30
|
-
}));
|
|
31
|
+
}), _anyOrderFactory));
|
|
31
32
|
}
|
|
32
|
-
var border =
|
|
33
|
-
|
|
34
|
-
var
|
|
35
|
-
|
|
36
|
-
var
|
|
37
|
-
|
|
33
|
+
var border = borderDirectionFactory();
|
|
34
|
+
exports.border = border;
|
|
35
|
+
var borderTop = borderDirectionFactory('Top');
|
|
36
|
+
exports.borderTop = borderTop;
|
|
37
|
+
var borderRight = borderDirectionFactory('Right');
|
|
38
|
+
exports.borderRight = borderRight;
|
|
39
|
+
var borderBottom = borderDirectionFactory('Bottom');
|
|
40
|
+
exports.borderBottom = borderBottom;
|
|
41
|
+
var borderLeft = borderDirectionFactory('Left');
|
|
42
|
+
exports.borderLeft = borderLeft;
|
|
43
|
+
var borderColor = (0, _util.directionFactory)({
|
|
38
44
|
types: [WORD, FUNC],
|
|
39
45
|
prefix: 'border',
|
|
40
46
|
suffix: 'Color'
|
|
41
47
|
});
|
|
42
|
-
|
|
48
|
+
exports.borderColor = borderColor;
|
|
49
|
+
var borderRadius = (0, _util.directionFactory)({
|
|
43
50
|
directions: ['TopLeft', 'TopRight', 'BottomRight', 'BottomLeft'],
|
|
44
51
|
prefix: 'border',
|
|
45
52
|
suffix: 'Radius'
|
|
46
53
|
});
|
|
47
|
-
|
|
54
|
+
exports.borderRadius = borderRadius;
|
|
55
|
+
var borderWidth = (0, _util.directionFactory)({
|
|
48
56
|
prefix: 'border',
|
|
49
57
|
suffix: 'Width'
|
|
50
|
-
});
|
|
58
|
+
});
|
|
59
|
+
exports.borderWidth = borderWidth;
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
7
|
var _util = require("./util");
|
|
8
|
-
var _default =
|
|
8
|
+
var _default = function _default(tokenStream) {
|
|
9
9
|
var _parseShadow = (0, _util.parseShadow)(tokenStream),
|
|
10
10
|
offset = _parseShadow.offset,
|
|
11
11
|
radius = _parseShadow.radius,
|
|
@@ -18,4 +18,5 @@ var _default = exports["default"] = function _default(tokenStream) {
|
|
|
18
18
|
shadowOpacity: 1
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
|
-
};
|
|
21
|
+
};
|
|
22
|
+
exports["default"] = _default;
|
|
@@ -13,7 +13,7 @@ var NONE = _tokenTypes.tokens.NONE,
|
|
|
13
13
|
var defaultFlexGrow = 1;
|
|
14
14
|
var defaultFlexShrink = 1;
|
|
15
15
|
var defaultFlexBasis = 0;
|
|
16
|
-
var _default =
|
|
16
|
+
var _default = function _default(tokenStream) {
|
|
17
17
|
var flexGrow;
|
|
18
18
|
var flexShrink;
|
|
19
19
|
var flexBasis;
|
|
@@ -69,4 +69,5 @@ var _default = exports["default"] = function _default(tokenStream) {
|
|
|
69
69
|
flexBasis: flexBasis
|
|
70
70
|
}
|
|
71
71
|
};
|
|
72
|
-
};
|
|
72
|
+
};
|
|
73
|
+
exports["default"] = _default;
|
|
@@ -19,7 +19,7 @@ var VARIANT = (0, _tokenTypes.regExpToken)(/^(small-caps)$/);
|
|
|
19
19
|
var defaultFontStyle = 'normal';
|
|
20
20
|
var defaultFontWeight = 'normal';
|
|
21
21
|
var defaultFontVariant = [];
|
|
22
|
-
var _default =
|
|
22
|
+
var _default = function _default(tokenStream) {
|
|
23
23
|
var fontStyle;
|
|
24
24
|
var fontWeight;
|
|
25
25
|
var fontVariant;
|
|
@@ -68,4 +68,5 @@ var _default = exports["default"] = function _default(tokenStream) {
|
|
|
68
68
|
return {
|
|
69
69
|
$merge: out
|
|
70
70
|
};
|
|
71
|
-
};
|
|
71
|
+
};
|
|
72
|
+
exports["default"] = _default;
|
|
@@ -8,7 +8,7 @@ var _tokenTypes = require("../tokenTypes");
|
|
|
8
8
|
var SPACE = _tokenTypes.tokens.SPACE,
|
|
9
9
|
IDENT = _tokenTypes.tokens.IDENT,
|
|
10
10
|
STRING = _tokenTypes.tokens.STRING;
|
|
11
|
-
var _default =
|
|
11
|
+
var _default = function _default(tokenStream) {
|
|
12
12
|
var fontFamily;
|
|
13
13
|
if (tokenStream.matches(STRING)) {
|
|
14
14
|
fontFamily = tokenStream.lastValue;
|
|
@@ -22,4 +22,5 @@ var _default = exports["default"] = function _default(tokenStream) {
|
|
|
22
22
|
}
|
|
23
23
|
tokenStream.expectEmpty();
|
|
24
24
|
return fontFamily;
|
|
25
|
-
};
|
|
25
|
+
};
|
|
26
|
+
exports["default"] = _default;
|
|
@@ -55,7 +55,7 @@ var fontWeight = function fontWeight(tokenStream) {
|
|
|
55
55
|
}; // Also match numbers as strings
|
|
56
56
|
var shadowOffset = (0, _util.shadowOffsetFactory)();
|
|
57
57
|
var textShadowOffset = (0, _util.shadowOffsetFactory)();
|
|
58
|
-
var _default =
|
|
58
|
+
var _default = {
|
|
59
59
|
background: background,
|
|
60
60
|
border: _border.border,
|
|
61
61
|
borderTop: _border.borderTop,
|
|
@@ -80,4 +80,5 @@ var _default = exports["default"] = {
|
|
|
80
80
|
textDecoration: _textDecoration["default"],
|
|
81
81
|
textDecorationLine: _textDecorationLine["default"],
|
|
82
82
|
transform: _transform["default"]
|
|
83
|
-
};
|
|
83
|
+
};
|
|
84
|
+
exports["default"] = _default;
|
|
@@ -12,7 +12,7 @@ var STYLE = (0, _tokenTypes.regExpToken)(/^(solid|double|dotted|dashed)$/);
|
|
|
12
12
|
var defaultTextDecorationLine = 'none';
|
|
13
13
|
var defaultTextDecorationStyle = 'solid';
|
|
14
14
|
var defaultTextDecorationColor = 'black';
|
|
15
|
-
var _default =
|
|
15
|
+
var _default = function _default(tokenStream) {
|
|
16
16
|
var line;
|
|
17
17
|
var style;
|
|
18
18
|
var color;
|
|
@@ -47,4 +47,5 @@ var _default = exports["default"] = function _default(tokenStream) {
|
|
|
47
47
|
return {
|
|
48
48
|
$merge: $merge
|
|
49
49
|
};
|
|
50
|
-
};
|
|
50
|
+
};
|
|
51
|
+
exports["default"] = _default;
|
|
@@ -7,7 +7,7 @@ exports["default"] = void 0;
|
|
|
7
7
|
var _tokenTypes = require("../tokenTypes");
|
|
8
8
|
var SPACE = _tokenTypes.tokens.SPACE,
|
|
9
9
|
LINE = _tokenTypes.tokens.LINE;
|
|
10
|
-
var _default =
|
|
10
|
+
var _default = function _default(tokenStream) {
|
|
11
11
|
var lines = [];
|
|
12
12
|
var didParseFirst = false;
|
|
13
13
|
while (tokenStream.hasTokens()) {
|
|
@@ -17,4 +17,5 @@ var _default = exports["default"] = function _default(tokenStream) {
|
|
|
17
17
|
}
|
|
18
18
|
lines.sort().reverse();
|
|
19
19
|
return lines.join(' ');
|
|
20
|
-
};
|
|
20
|
+
};
|
|
21
|
+
exports["default"] = _default;
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
7
|
var _util = require("./util");
|
|
8
|
-
var _default =
|
|
8
|
+
var _default = function _default(tokenStream) {
|
|
9
9
|
var _parseShadow = (0, _util.parseShadow)(tokenStream),
|
|
10
10
|
offset = _parseShadow.offset,
|
|
11
11
|
radius = _parseShadow.radius,
|
|
@@ -17,4 +17,5 @@ var _default = exports["default"] = function _default(tokenStream) {
|
|
|
17
17
|
textShadowColor: color
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
|
-
};
|
|
20
|
+
};
|
|
21
|
+
exports["default"] = _default;
|
|
@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
7
|
var _tokenTypes = require("../tokenTypes");
|
|
8
|
-
function _typeof(
|
|
8
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
9
9
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
10
|
-
function _toPropertyKey(
|
|
11
|
-
function _toPrimitive(
|
|
10
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
11
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
12
12
|
var SPACE = _tokenTypes.tokens.SPACE,
|
|
13
13
|
COMMA = _tokenTypes.tokens.COMMA,
|
|
14
14
|
LENGTH = _tokenTypes.tokens.LENGTH,
|
|
@@ -63,7 +63,7 @@ var partTransforms = {
|
|
|
63
63
|
skewY: singleAngle,
|
|
64
64
|
skew: xyAngle('skew', '0deg')
|
|
65
65
|
};
|
|
66
|
-
var _default =
|
|
66
|
+
var _default = function _default(tokenStream) {
|
|
67
67
|
var transforms = [];
|
|
68
68
|
var didParseFirst = false;
|
|
69
69
|
while (tokenStream.hasTokens()) {
|
|
@@ -78,4 +78,5 @@ var _default = exports["default"] = function _default(tokenStream) {
|
|
|
78
78
|
didParseFirst = true;
|
|
79
79
|
}
|
|
80
80
|
return transforms;
|
|
81
|
-
};
|
|
81
|
+
};
|
|
82
|
+
exports["default"] = _default;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.shadowOffsetFactory = exports.parseShadow = exports.directionFactory = exports.anyOrderFactory = void 0;
|
|
8
8
|
var _tokenTypes = require("../tokenTypes");
|
|
9
9
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
10
|
-
function _toPropertyKey(
|
|
11
|
-
function _toPrimitive(
|
|
10
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
11
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
12
12
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
13
13
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
14
14
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
@@ -21,7 +21,7 @@ var LENGTH = _tokenTypes.tokens.LENGTH,
|
|
|
21
21
|
COLOR = _tokenTypes.tokens.COLOR,
|
|
22
22
|
SPACE = _tokenTypes.tokens.SPACE,
|
|
23
23
|
NONE = _tokenTypes.tokens.NONE;
|
|
24
|
-
var directionFactory =
|
|
24
|
+
var directionFactory = function directionFactory(_ref) {
|
|
25
25
|
var _ref$types = _ref.types,
|
|
26
26
|
types = _ref$types === void 0 ? [LENGTH, UNSUPPORTED_LENGTH_UNIT, PERCENT] : _ref$types,
|
|
27
27
|
_ref$directions = _ref.directions,
|
|
@@ -31,6 +31,7 @@ var directionFactory = exports.directionFactory = function directionFactory(_ref
|
|
|
31
31
|
_ref$suffix = _ref.suffix,
|
|
32
32
|
suffix = _ref$suffix === void 0 ? '' : _ref$suffix;
|
|
33
33
|
return function (tokenStream) {
|
|
34
|
+
var _output;
|
|
34
35
|
var values = [];
|
|
35
36
|
|
|
36
37
|
// borderWidth doesn't currently allow a percent value, but may do in the future
|
|
@@ -50,13 +51,14 @@ var directionFactory = exports.directionFactory = function directionFactory(_ref
|
|
|
50
51
|
var keyFor = function keyFor(n) {
|
|
51
52
|
return "".concat(prefix).concat(directions[n]).concat(suffix);
|
|
52
53
|
};
|
|
53
|
-
var output =
|
|
54
|
+
var output = (_output = {}, _defineProperty(_output, keyFor(0), top), _defineProperty(_output, keyFor(1), right), _defineProperty(_output, keyFor(2), bottom), _defineProperty(_output, keyFor(3), left), _output);
|
|
54
55
|
return {
|
|
55
56
|
$merge: output
|
|
56
57
|
};
|
|
57
58
|
};
|
|
58
59
|
};
|
|
59
|
-
|
|
60
|
+
exports.directionFactory = directionFactory;
|
|
61
|
+
var anyOrderFactory = function anyOrderFactory(properties) {
|
|
60
62
|
var delim = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : SPACE;
|
|
61
63
|
return function (tokenStream) {
|
|
62
64
|
var propertyNames = Object.keys(properties);
|
|
@@ -90,7 +92,8 @@ var anyOrderFactory = exports.anyOrderFactory = function anyOrderFactory(propert
|
|
|
90
92
|
};
|
|
91
93
|
};
|
|
92
94
|
};
|
|
93
|
-
|
|
95
|
+
exports.anyOrderFactory = anyOrderFactory;
|
|
96
|
+
var shadowOffsetFactory = function shadowOffsetFactory() {
|
|
94
97
|
return function (tokenStream) {
|
|
95
98
|
var width = tokenStream.expect(LENGTH);
|
|
96
99
|
var height = tokenStream.matches(SPACE) ? tokenStream.expect(LENGTH) : width;
|
|
@@ -101,7 +104,8 @@ var shadowOffsetFactory = exports.shadowOffsetFactory = function shadowOffsetFac
|
|
|
101
104
|
};
|
|
102
105
|
};
|
|
103
106
|
};
|
|
104
|
-
|
|
107
|
+
exports.shadowOffsetFactory = shadowOffsetFactory;
|
|
108
|
+
var parseShadow = function parseShadow(tokenStream) {
|
|
105
109
|
var offsetX;
|
|
106
110
|
var offsetY;
|
|
107
111
|
var radius;
|
|
@@ -158,4 +162,5 @@ var parseShadow = exports.parseShadow = function parseShadow(tokenStream) {
|
|
|
158
162
|
radius: typeof radius !== 'undefined' ? radius : 0,
|
|
159
163
|
color: typeof color !== 'undefined' ? color : 'black'
|
|
160
164
|
};
|
|
161
|
-
};
|
|
165
|
+
};
|
|
166
|
+
exports.parseShadow = parseShadow;
|
package/dist/index.js
CHANGED
|
@@ -4,5 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.mediaQueryFeatures = exports.dimensionFeatures = void 0;
|
|
7
|
-
var dimensionFeatures =
|
|
8
|
-
|
|
7
|
+
var dimensionFeatures = ['width', 'height', 'device-width', 'device-height'];
|
|
8
|
+
exports.dimensionFeatures = dimensionFeatures;
|
|
9
|
+
var mediaQueryFeatures = ['orientation', 'scan', 'resolution', 'aspect-ratio', 'device-aspect-ratio', 'grid', 'color', 'color-index', 'monochrome'].concat(dimensionFeatures);
|
|
10
|
+
exports.mediaQueryFeatures = mediaQueryFeatures;
|
|
@@ -4,7 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.reactNativeMediaQueryTypes = exports.mediaQueryTypes = exports.defaultTypes = exports.cssnextMediaQueryTypes = void 0;
|
|
7
|
-
var defaultTypes =
|
|
8
|
-
|
|
9
|
-
var
|
|
10
|
-
|
|
7
|
+
var defaultTypes = ['all', 'braille', 'embossed', 'handheld', 'print', 'projection', 'screen', 'speech', 'tty', 'tv'];
|
|
8
|
+
exports.defaultTypes = defaultTypes;
|
|
9
|
+
var cssnextMediaQueryTypes = ['pointer', 'hover', 'block-overflow'];
|
|
10
|
+
exports.cssnextMediaQueryTypes = cssnextMediaQueryTypes;
|
|
11
|
+
var reactNativeMediaQueryTypes = ['android', 'dom', 'ios', 'macos', 'web', 'windows'];
|
|
12
|
+
exports.reactNativeMediaQueryTypes = reactNativeMediaQueryTypes;
|
|
13
|
+
var mediaQueryTypes = defaultTypes.concat(cssnextMediaQueryTypes).concat(reactNativeMediaQueryTypes);
|
|
14
|
+
exports.mediaQueryTypes = mediaQueryTypes;
|
package/dist/transforms/rem.js
CHANGED
|
@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.remToPx = void 0;
|
|
7
|
-
var remToPx =
|
|
7
|
+
var remToPx = function remToPx(value) {
|
|
8
8
|
return value.replace(/(\d*\.?\d+)rem/g, function (match, m1) {
|
|
9
9
|
return parseFloat(m1, 10) * 16 + 'px';
|
|
10
10
|
});
|
|
11
|
-
};
|
|
11
|
+
};
|
|
12
|
+
exports.remToPx = remToPx;
|
package/dist/utils/allEqual.js
CHANGED
|
@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.allEqual = void 0;
|
|
7
|
-
var allEqual =
|
|
7
|
+
var allEqual = function allEqual(arr) {
|
|
8
8
|
return arr.every(function (v) {
|
|
9
9
|
return v === arr[0];
|
|
10
10
|
});
|
|
11
|
-
};
|
|
11
|
+
};
|
|
12
|
+
exports.allEqual = allEqual;
|
package/dist/utils/values.js
CHANGED
|
@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.values = void 0;
|
|
7
|
-
var values =
|
|
7
|
+
var values = function values(obj) {
|
|
8
8
|
return Object.keys(obj).map(function (key) {
|
|
9
9
|
return obj[key];
|
|
10
10
|
});
|
|
11
|
-
};
|
|
11
|
+
};
|
|
12
|
+
exports.values = values;
|
package/package.json
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "taro-css-to-react-native",
|
|
3
3
|
"description": "Convert CSS text to a React Native stylesheet object",
|
|
4
|
-
"version": "4.0.0-beta.
|
|
5
|
-
"author": "O2Team",
|
|
6
|
-
"license": "MIT",
|
|
4
|
+
"version": "4.0.0-beta.79",
|
|
7
5
|
"main": "dist/index.js",
|
|
8
|
-
"
|
|
6
|
+
"license": "MIT",
|
|
9
7
|
"files": [
|
|
10
8
|
"dist",
|
|
11
9
|
"src",
|
|
12
|
-
"index.d.ts"
|
|
10
|
+
"index.d.ts",
|
|
11
|
+
"CHANGELOG.md",
|
|
12
|
+
"README.md"
|
|
13
13
|
],
|
|
14
14
|
"repository": {
|
|
15
15
|
"type": "git",
|
|
@@ -43,20 +43,20 @@
|
|
|
43
43
|
"<rootDir>/node_modules"
|
|
44
44
|
]
|
|
45
45
|
},
|
|
46
|
-
"engines": {
|
|
47
|
-
"node": ">= 18"
|
|
48
|
-
},
|
|
49
46
|
"dependencies": {
|
|
50
|
-
"camelize": "^1.0.
|
|
47
|
+
"camelize": "^1.0.0",
|
|
51
48
|
"css": "^3.0.0",
|
|
52
49
|
"css-color-keywords": "^1.0.0",
|
|
53
50
|
"css-mediaquery": "^0.1.2",
|
|
54
|
-
"postcss-value-parser": "^
|
|
51
|
+
"postcss-value-parser": "^3.3.0"
|
|
52
|
+
},
|
|
53
|
+
"devDependencies": {
|
|
54
|
+
"@babel/core": "^7.14.5",
|
|
55
|
+
"babel-jest": "^29.7.0",
|
|
56
|
+
"jest": "^29.3.1",
|
|
57
|
+
"jest-cli": "^29.3.1"
|
|
55
58
|
},
|
|
56
59
|
"scripts": {
|
|
57
|
-
"prod": "pnpm run build",
|
|
58
|
-
"prebuild": "pnpm run clean",
|
|
59
|
-
"clean": "rimraf --impl=move-remove ./dist",
|
|
60
60
|
"build": "babel src --ignore *.spec.js --out-dir ./dist",
|
|
61
61
|
"test": "jest"
|
|
62
62
|
}
|