taro-css-to-react-native 4.0.1-alpha.0 → 4.0.1
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 -8
- package/dist/css-to-react-native/TokenStream.js +11 -9
- package/dist/css-to-react-native/index.js +14 -10
- package/dist/css-to-react-native/tokenTypes.js +6 -4
- package/dist/css-to-react-native/transforms/border.js +26 -17
- 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 +4 -3
- package/dist/css-to-react-native/transforms/fontFamily.js +3 -2
- package/dist/css-to-react-native/transforms/index.js +4 -3
- 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 +7 -6
- package/dist/css-to-react-native/transforms/util.js +20 -15
- package/dist/index.js +3 -2
- 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
|
|
|
@@ -165,10 +172,3 @@ Apache-2.0 (intersection-observer):
|
|
|
165
172
|
The following files embed [intersection-observer](https://github.com/GoogleChromeLabs/intersection-observer) Apache-2.0:
|
|
166
173
|
`/packages/taro-api/src/polyfill/intersection-observer.ts`
|
|
167
174
|
See `/LICENSE.txt` for details of the license.
|
|
168
|
-
|
|
169
|
-
==================
|
|
170
|
-
|
|
171
|
-
MIT (babel-plugin-jsx-dom-expressions):
|
|
172
|
-
The following files embed [babel-plugin-jsx-dom-expressions](https://github.com/ryansolid/dom-expressions/blob/main/packages/babel-plugin-jsx-dom-expressions) MIT:
|
|
173
|
-
`/packages/babel-plugin-transform-solid-jsx/src/*`
|
|
174
|
-
See `/LICENSE` for details of the license.
|
|
@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
function _typeof(
|
|
8
|
-
function _classCallCheck(
|
|
9
|
-
function _defineProperties(
|
|
10
|
-
function _createClass(
|
|
11
|
-
function _toPropertyKey(
|
|
12
|
-
function _toPrimitive(
|
|
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
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
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
|
+
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(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;
|
|
@@ -8,11 +8,11 @@ var _camelize = _interopRequireDefault(require("camelize"));
|
|
|
8
8
|
var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
|
|
9
9
|
var _TokenStream = _interopRequireDefault(require("./TokenStream"));
|
|
10
10
|
var _index = _interopRequireDefault(require("./transforms/index"));
|
|
11
|
-
function _interopRequireDefault(
|
|
12
|
-
function _typeof(
|
|
13
|
-
function _defineProperty(
|
|
14
|
-
function _toPropertyKey(
|
|
15
|
-
function _toPrimitive(
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
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
|
+
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(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;
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.tokens = exports.regExpToken = void 0;
|
|
7
7
|
var _cssColorKeywords = _interopRequireDefault(require("css-color-keywords"));
|
|
8
8
|
var _postcssValueParser = require("postcss-value-parser");
|
|
9
|
-
function _interopRequireDefault(
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
10
|
/* eslint-disable react/display-name */
|
|
11
11
|
|
|
12
12
|
var matchString = function matchString(node) {
|
|
@@ -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(
|
|
10
|
-
function _defineProperty(
|
|
11
|
-
function _toPropertyKey(
|
|
12
|
-
function _toPrimitive(
|
|
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
|
+
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(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;
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports["default"] = void 0;
|
|
7
7
|
var _tokenTypes = require("../tokenTypes");
|
|
8
8
|
var _fontFamily = _interopRequireDefault(require("./fontFamily"));
|
|
9
|
-
function _interopRequireDefault(
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
10
|
var SPACE = _tokenTypes.tokens.SPACE,
|
|
11
11
|
LENGTH = _tokenTypes.tokens.LENGTH,
|
|
12
12
|
UNSUPPORTED_LENGTH_UNIT = _tokenTypes.tokens.UNSUPPORTED_LENGTH_UNIT,
|
|
@@ -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;
|
|
@@ -15,7 +15,7 @@ var _textDecorationLine = _interopRequireDefault(require("./textDecorationLine")
|
|
|
15
15
|
var _textShadow = _interopRequireDefault(require("./textShadow"));
|
|
16
16
|
var _transform = _interopRequireDefault(require("./transform"));
|
|
17
17
|
var _util = require("./util");
|
|
18
|
-
function _interopRequireDefault(
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
19
|
var IDENT = _tokenTypes.tokens.IDENT,
|
|
20
20
|
WORD = _tokenTypes.tokens.WORD,
|
|
21
21
|
COLOR = _tokenTypes.tokens.COLOR,
|
|
@@ -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(
|
|
9
|
-
function _defineProperty(
|
|
10
|
-
function _toPropertyKey(
|
|
11
|
-
function _toPrimitive(
|
|
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
|
+
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(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,27 +1,27 @@
|
|
|
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
|
-
function _defineProperty(
|
|
10
|
-
function _toPropertyKey(
|
|
11
|
-
function _toPrimitive(
|
|
12
|
-
function _toConsumableArray(
|
|
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(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
|
+
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
|
-
function _unsupportedIterableToArray(
|
|
15
|
-
function _iterableToArray(
|
|
16
|
-
function _arrayWithoutHoles(
|
|
17
|
-
function _arrayLikeToArray(
|
|
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); }
|
|
15
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
16
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
17
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
18
18
|
var LENGTH = _tokenTypes.tokens.LENGTH,
|
|
19
19
|
UNSUPPORTED_LENGTH_UNIT = _tokenTypes.tokens.UNSUPPORTED_LENGTH_UNIT,
|
|
20
20
|
PERCENT = _tokenTypes.tokens.PERCENT,
|
|
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
|
@@ -20,7 +20,7 @@ var _allEqual = require("./utils/allEqual");
|
|
|
20
20
|
var _camelCase = require("./utils/camelCase");
|
|
21
21
|
var _sortRules = require("./utils/sortRules");
|
|
22
22
|
var _values = require("./utils/values");
|
|
23
|
-
function _interopRequireDefault(
|
|
23
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
24
24
|
var lengthRe = /^(0$|(?:[+-]?(?:\d*\.)?\d+(?:[Ee][+-]?\d+)?)(?=px|rem$))/;
|
|
25
25
|
var viewportUnitRe = /^([+-]?[0-9.]+)(vh|vw|vmin|vmax)$/;
|
|
26
26
|
var percentRe = /^([+-]?(?:\d*\.)?\d+(?:[Ee][+-]?\d+)?%)$/;
|
|
@@ -137,4 +137,5 @@ var transform = function transform(css, options) {
|
|
|
137
137
|
}
|
|
138
138
|
return result;
|
|
139
139
|
};
|
|
140
|
-
var _default =
|
|
140
|
+
var _default = transform;
|
|
141
|
+
exports["default"] = _default;
|
|
@@ -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.1
|
|
5
|
-
"author": "O2Team",
|
|
6
|
-
"license": "MIT",
|
|
4
|
+
"version": "4.0.1",
|
|
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.5.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
|
}
|