@htyf-mp/taro-rn-style-transformer 0.0.2

package/README.md

@@ -0,0 +1,174 @@
+## @htyf-mp/taro-rn-style-transformer
+
+用于处理 rn 样式配置，生成需要的样式
+
+### rn.postcss
+
+`object`
+
+`postcss` 相关配置，其他样式语言预处理后经过此配置。
+
+```js
+module.exports = {
+  // ...
+  rn: {
+    // ...
+    postcss: {
+      // postcss 配置，参考 https://github.com/postcss/postcss#options
+      options: {
+        /* ... */
+      },
+      // 默认true，控制是否对 css value 进行 scalePx2dp 转换，pxtransform配置 enable 才生效
+      scalable: boolean,
+      pxtransform: {
+        enable: boolean, // 默认true
+        config: {
+          /* ... */
+        }, // 插件 pxtransform 配置项，参考尺寸章节
+      },
+      // 跟其他端 css module 配置保持统一
+      cssModules: {
+        enable: true, // 默认为 false，如需使用 css modules 功能，则设为 true
+      },
+      // postcss-css-variables 配置，样式变量编译相关
+      'postcss-css-variables': {
+        enable: boolean, // 默认 true
+        config: {
+          /* ... */
+        }, // 插件 postcss-css-variables 配置项，参考 https://github.com/MadLittleMods/postcss-css-variables?tab=readme-ov-file#options
+      },
+    },
+  },
+}
+```
+
+### rn.sass
+
+`object`
+
+`sass` 相关配置。`options` 配置项参考[官方文档](https://github.com/sass/node-sass#options)。
+
+```js
+module.exports = {
+  // ...
+  rn: {
+    // ...
+    sass: {
+      options: {
+        /* ... */
+      },
+      // 加入到脚本注入的每个 sass 文件头部，在 config.sass 之前
+      additionalData: '', // {String|Function}
+    },
+  },
+}
+```
+
+### rn.less
+
+`object`
+
+`less` 相关配置。`options` 配置项参考 [官方文档](http://lesscss.org/usage/#less-options)。
+
+```js
+module.exports = {
+  // ...
+  rn: {
+    // ...
+    less: {
+      options: {
+        /* ... */
+      },
+      additionalData: '', // {String|Function}
+    },
+  },
+}
+```
+
+### rn.stylus
+
+`object`
+
+`stylus` 相关配置。`options` 配置项如下。
+
+```js
+module.exports = {
+  // ...
+  rn: {
+    // ...
+    stylus: {
+      options: {
+        /**
+         * Specify Stylus plugins to use.
+         *
+         * @type {(string|Function)[]}
+         * @default []
+         */
+        use: ['nib'],
+
+        /**
+         * Add path(s) to the import lookup paths.
+         *
+         * @type {string[]}
+         * @default []
+         */
+        include: [path.join(__dirname, 'src/styl/config')],
+
+        /**
+         * Import the specified Stylus files/paths.
+         *
+         * @type {string[]}
+         * @default []
+         */
+        import: ['nib', path.join(__dirname, 'src/styl/mixins')],
+
+        /**
+         * Define Stylus variables or functions.
+         *
+         * @type {Array|Object}
+         * @default {}
+         */
+        // Array is the recommended syntax: [key, value, raw]
+        define: [
+          ['$development', process.env.NODE_ENV === 'development'],
+          ['rawVar', 42, true],
+        ],
+        // Object is deprecated syntax (there is no possibility to specify "raw')
+        // define: {
+        //   $development: process.env.NODE_ENV === 'development',
+        //   rawVar: 42,
+        // },
+
+        /**
+         * Include regular CSS on @import.
+         *
+         * @type {boolean}
+         * @default false
+         */
+        includeCSS: false,
+
+        /**
+         * Emits comments in the generated CSS indicating the corresponding Stylus line.
+         *
+         * @see https://stylus-lang.com/docs/executable.html
+         *
+         * @type {boolean}
+         * @default false
+         */
+        lineNumbers: true,
+
+        /**
+         * Move @import and @charset to the top.
+         *
+         * @see https://stylus-lang.com/docs/executable.html
+         *
+         * @type {boolean}
+         * @default false
+         */
+        hoistAtrules: true,
+      },
+      additionalData: '', // {String|Function}
+    },
+  },
+}
+```

package/dist/config/rn-stylelint.json

@@ -0,0 +1,4 @@
+{
+    "extends": "stylelint-config-taro-rn",
+    "rules": {}
+}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+import { TransformOptions } from './types';
+export declare function transform(src: string, filename: string, options: TransformOptions): Promise<any>;
+export declare function rollupTransform(options: TransformOptions): {
+    name: string;
+    transform(src: string, filename: string): Promise<{
+        code: string;
+    } | undefined>;
+};

package/dist/index.js

@@ -0,0 +1,86 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transform = transform;
+exports.rollupTransform = rollupTransform;
+const path = __importStar(require("node:path"));
+const transforms_1 = __importDefault(require("./transforms"));
+const RN_CSS_EXT = ['.css', '.scss', '.sass', '.less', '.styl', '.stylus'];
+const upstreamTransformer = require('@react-native/metro-babel-transformer');
+const getSingleStyleTransform = styleTransformIns();
+function styleTransformIns() {
+    let styleTransform = null;
+    return function (config) {
+        // 初始化 config
+        if (!styleTransform) {
+            styleTransform = new transforms_1.default(config);
+        }
+        return styleTransform;
+    };
+}
+async function transform(src, filename, options) {
+    if (typeof src === 'object') {
+        // handle RN >= 0.46
+        ({ src, filename, options } = src);
+    }
+    const ext = path.extname(filename);
+    if (RN_CSS_EXT.includes(ext)) {
+        const styleTransform = getSingleStyleTransform(options.config || {});
+        const styles = await styleTransform.transform(src, filename, options);
+        return upstreamTransformer.transform({
+            src: styles,
+            filename,
+            options
+        });
+    }
+    return upstreamTransformer.transform({ src, filename, options });
+}
+function rollupTransform(options) {
+    return {
+        name: 'rn-style-transformer', // this name will show up in warnings and errors
+        async transform(src, filename) {
+            const ext = path.extname(filename);
+            if (RN_CSS_EXT.includes(ext)) {
+                const styleTransform = getSingleStyleTransform(options.config || {});
+                const code = await styleTransform.transform(src, filename, options);
+                return { code };
+            }
+        }
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAY,IAAI,sCAAiB;AAEjC,8DAAyC;AAGzC,MAAM,UAAU,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAA;AAC1E,MAAM,mBAAmB,GAAG,OAAO,CAAC,uCAAuC,CAAC,CAAA;AAE5E,MAAM,uBAAuB,GAAG,iBAAiB,EAAE,CAAA;AAEnD,SAAS,iBAAiB;IACxB,IAAI,cAAc,GAA0B,IAAI,CAAA;IAChD,OAAO,UAAU,MAAc;QAC7B,aAAa;QACb,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,cAAc,GAAG,IAAI,oBAAc,CAAC,MAAM,CAAC,CAAA;QAC7C,CAAC;QACD,OAAO,cAAc,CAAA;IACvB,CAAC,CAAA;AACH,CAAC;AAEM,KAAK,oBAAqB,GAAW,EAAE,QAAgB,EAAE,OAAyB;IACvF,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC5B,oBAAoB;QACpB,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,CAAA;IACpC,CAAC;IACD,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAClC,IAAI,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QAC7B,MAAM,cAAc,GAAG,uBAAuB,CAAC,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC,CAAA;QACpE,MAAM,MAAM,GAAG,MAAM,cAAc,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;QACrE,OAAO,mBAAmB,CAAC,SAAS,CAAC;YACnC,GAAG,EAAE,MAAM;YACX,QAAQ;YACR,OAAO;SACR,CAAC,CAAA;IACJ,CAAC;IACD,OAAO,mBAAmB,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAA;AAClE,CAAC;AAED,yBAAiC,OAAyB;IACxD,OAAO;QACL,IAAI,EAAE,sBAAsB,EAAE,gDAAgD;QAC9E,KAAK,CAAC,SAAS,CAAE,GAAW,EAAE,QAAgB;YAC5C,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;YAClC,IAAI,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC7B,MAAM,cAAc,GAAG,uBAAuB,CAAC,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC,CAAA;gBACpE,MAAM,IAAI,GAAG,MAAM,cAAc,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;gBACnE,OAAO,EAAE,IAAI,EAAE,CAAA;YACjB,CAAC;QACH,CAAC;KACF,CAAA;AACH,CAAC"}

package/dist/transforms/StyleSheet/ColorPropType.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+declare const ColorPropType: (props: any, propName: any, componentName: any, location: any, propFullName: any) => Error | undefined;
+export default ColorPropType;

package/dist/transforms/StyleSheet/ColorPropType.js

@@ -0,0 +1,76 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+'use strict';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const normalizeColor_1 = __importDefault(require("./normalizeColor"));
+const colorPropType = function (
+// @ts-ignore
+isRequired, 
+// @ts-ignore
+props, 
+// @ts-ignore
+propName, 
+// @ts-ignore
+componentName, 
+// @ts-ignore
+location, 
+// @ts-ignore
+propFullName) {
+    const color = props[propName];
+    if (color === undefined || color === null) {
+        if (isRequired) {
+            return new Error('Required ' +
+                location +
+                ' `' +
+                (propFullName || propName) +
+                '` was not specified in `' +
+                componentName +
+                '`.');
+        }
+        return;
+    }
+    if (typeof color === 'number') {
+        // Developers should not use a number, but we are using the prop type
+        // both for user provided colors and for transformed ones. This isn't ideal
+        // and should be fixed but will do for now...
+        return;
+    }
+    if ((0, normalizeColor_1.default)(color) === null) {
+        return new Error('Invalid ' +
+            location +
+            ' `' +
+            (propFullName || propName) +
+            '` supplied to `' +
+            componentName +
+            '`: ' +
+            color +
+            '\n' +
+            `Valid color formats are
+  - '#f0f' (#rgb)
+  - '#f0fc' (#rgba)
+  - '#ff00ff' (#rrggbb)
+  - '#ff00ff00' (#rrggbbaa)
+  - 'rgb(255, 255, 255)'
+  - 'rgba(255, 255, 255, 1.0)'
+  - 'hsl(360, 100%, 100%)'
+  - 'hsla(360, 100%, 100%, 1.0)'
+  - 'transparent'
+  - 'red'
+  - 0xff00ff00 (0xrrggbbaa)
+`);
+    }
+};
+const ColorPropType = colorPropType.bind(null, false /* isRequired */);
+// @ts-ignore
+ColorPropType.isRequired = colorPropType.bind(null, true /* isRequired */);
+exports.default = ColorPropType;
+//# sourceMappingURL=ColorPropType.js.map

package/dist/transforms/StyleSheet/ColorPropType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPropType.js","sourceRoot":"","sources":["../../../src/transforms/StyleSheet/ColorPropType.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,YAAY,CAAA;;;;;AAEZ,sEAA6C;AAC7C,MAAM,aAAa,GAAG;AACpB,aAAa;AACb,UAAU;AACV,aAAa;AACb,KAAK;AACL,aAAa;AACb,QAAQ;AACR,aAAa;AACb,aAAa;AACb,aAAa;AACb,QAAQ;AACR,aAAa;AACb,YAAY;IAEZ,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAA;IAC7B,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QAC1C,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,IAAI,KAAK,CACd,WAAW;gBACT,QAAQ;gBACR,IAAI;gBACJ,CAAC,YAAY,IAAI,QAAQ,CAAC;gBAC1B,0BAA0B;gBAC1B,aAAa;gBACb,IAAI,CACP,CAAA;QACH,CAAC;QACD,OAAM;IACR,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,qEAAqE;QACrE,2EAA2E;QAC3E,6CAA6C;QAC7C,OAAM;IACR,CAAC;IAED,IAAI,IAAA,wBAAc,EAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;QACnC,OAAO,IAAI,KAAK,CACd,UAAU;YACR,QAAQ;YACR,IAAI;YACJ,CAAC,YAAY,IAAI,QAAQ,CAAC;YAC1B,iBAAiB;YACjB,aAAa;YACb,KAAK;YACL,KAAK;YACL,IAAI;YACJ;;;;;;;;;;;;CAYP,CACI,CAAA;IACH,CAAC;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAA;AACtE,aAAa;AACb,aAAa,CAAC,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAA;kBAE3D,aAAa"}

package/dist/transforms/StyleSheet/ImageResizeMode.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ImageResizeMode - Enum for different image resizing modes, set via
+ * `resizeMode` style property on `<Image>` components.
+ */
+declare const ImageResizeMode: any;
+export default ImageResizeMode;

package/dist/transforms/StyleSheet/ImageResizeMode.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ * @format
+ */
+/* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
+ * found when Flow v0.54 was deployed. To see the error delete this comment and
+ * run Flow. */
+// @ts-ignore
+const keyMirror_1 = __importDefault(require("fbjs/lib/keyMirror"));
+/**
+ * ImageResizeMode - Enum for different image resizing modes, set via
+ * `resizeMode` style property on `<Image>` components.
+ */
+const ImageResizeMode = (0, keyMirror_1.default)({
+    /**
+     * contain - The image will be resized such that it will be completely
+     * visible, contained within the frame of the View.
+     */
+    contain: null,
+    /**
+     * cover - The image will be resized such that the entire area of the view
+     * is covered by the image, potentially clipping parts of the image.
+     */
+    cover: null,
+    /**
+     * stretch - The image will be stretched to fill the entire frame of the
+     * view without clipping. This may change the aspect ratio of the image,
+     * distorting it.
+     */
+    stretch: null,
+    /**
+     * center - The image will be scaled down such that it is completely visible,
+     * if bigger than the area of the view.
+     * The image will not be scaled up.
+     */
+    center: null,
+    /**
+     * repeat - The image will be repeated to cover the frame of the View. The
+     * image will keep it's size and aspect ratio.
+     */
+    repeat: null
+});
+exports.default = ImageResizeMode;
+//# sourceMappingURL=ImageResizeMode.js.map

package/dist/transforms/StyleSheet/ImageResizeMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageResizeMode.js","sourceRoot":"","sources":["../../../src/transforms/StyleSheet/ImageResizeMode.ts"],"names":[],"mappings":";;;;;AAAA;;;;;;;;GAQG;AACH;;eAEe;AACf,aAAa;AACb,mEAA0C;AAE1C;;;GAGG;AACH,MAAM,eAAe,GAAG,IAAA,mBAAS,EAAC;IAChC;;;OAGG;IACH,OAAO,EAAE,IAAI;IACb;;;OAGG;IACH,KAAK,EAAE,IAAI;IACX;;;;OAIG;IACH,OAAO,EAAE,IAAI;IACb;;;;OAIG;IACH,MAAM,EAAE,IAAI;IAEZ;;;OAGG;IACH,MAAM,EAAE,IAAI;CACb,CAAC,CAAA;kBAEa,eAAe"}

package/dist/transforms/StyleSheet/ImageStylePropTypes.d.ts

@@ -0,0 +1,106 @@
+declare const ImageStylePropTypes: {
+    display: any;
+    width: any;
+    height: any;
+    start: any;
+    end: any;
+    top: any;
+    left: any;
+    right: any;
+    bottom: any;
+    minWidth: any;
+    maxWidth: any;
+    minHeight: any;
+    maxHeight: any;
+    margin: any;
+    marginVertical: any;
+    marginHorizontal: any;
+    marginTop: any;
+    marginBottom: any;
+    marginLeft: any;
+    marginRight: any;
+    marginStart: any;
+    marginEnd: any;
+    padding: any;
+    paddingVertical: any;
+    paddingHorizontal: any;
+    paddingTop: any;
+    paddingBottom: any;
+    paddingLeft: any;
+    paddingRight: any;
+    paddingStart: any;
+    paddingEnd: any;
+    borderTopWidth: any;
+    borderStartWidth: any;
+    borderEndWidth: any;
+    borderRightWidth: any;
+    borderBottomWidth: any;
+    borderLeftWidth: any;
+    position: any;
+    flexDirection: any;
+    flexWrap: any;
+    justifyContent: any;
+    alignItems: any;
+    alignSelf: any;
+    alignContent: any;
+    flex: any;
+    flexGrow: any;
+    flexShrink: any;
+    flexBasis: any;
+    aspectRatio: any;
+    zIndex: any;
+    direction: any;
+    rowGap: any;
+    columnGap: any;
+    gap: any;
+    shadowColor: (props: any, propName: any, componentName: any, location: any, propFullName: any) => Error | undefined;
+    shadowOffset: any;
+    shadowOpacity: any;
+    shadowRadius: any;
+    transform: any;
+    transformOrigin: any;
+    transformMatrix: (props: any, propName: any, _componentName: any) => Error | undefined;
+    decomposedMatrix: (props: any, propName: any, _componentName: any) => Error | undefined;
+    scaleX: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+    scaleY: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+    rotation: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+    translateX: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+    translateY: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+    resizeMode: any;
+    backfaceVisibility: any;
+    backgroundColor: (props: any, propName: any, componentName: any, location: any, propFullName: any) => Error | undefined;
+    borderColor: (props: any, propName: any, componentName: any, location: any, propFullName: any) => Error | undefined;
+    borderWidth: any;
+    borderRadius: any;
+    cursor: any;
+    overflow: any;
+    objectFit: any;
+    /**
+     * Changes the color of all the non-transparent pixels to the tintColor.
+     */
+    tintColor: (props: any, propName: any, componentName: any, location: any, propFullName: any) => Error | undefined;
+    opacity: any;
+    /**
+     * When the image has rounded corners, specifying an overlayColor will
+     * cause the remaining space in the corners to be filled with a solid color.
+     * This is useful in cases which are not supported by the Android
+     * implementation of rounded corners:
+     *   - Certain resize modes, such as 'contain'
+     *   - Animated GIFs
+     *
+     * A typical way to use this prop is with images displayed on a solid
+     * background and setting the `overlayColor` to the same color
+     * as the background.
+     *
+     * For details of how this works under the hood, see
+     * http://frescolib.org/docs/rounded-corners-and-circles.html
+     *
+     * @platform android
+     */
+    overlayColor: any;
+    borderTopLeftRadius: any;
+    borderTopRightRadius: any;
+    borderBottomLeftRadius: any;
+    borderBottomRightRadius: any;
+};
+export default ImageStylePropTypes;

package/dist/transforms/StyleSheet/ImageStylePropTypes.js

@@ -0,0 +1,81 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ * @format
+ */
+'use strict';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// @ts-ignore
+const ReactPropTypes = __importStar(require("prop-types"));
+const ColorPropType_1 = __importDefault(require("./ColorPropType"));
+const ImageResizeMode_1 = __importDefault(require("./ImageResizeMode"));
+const LayoutPropTypes_1 = __importDefault(require("./LayoutPropTypes"));
+const ShadowPropTypesIOS_1 = __importDefault(require("./ShadowPropTypesIOS"));
+const TransformPropTypes_1 = __importDefault(require("./TransformPropTypes"));
+const ImageStylePropTypes = Object.assign(Object.assign(Object.assign(Object.assign({}, LayoutPropTypes_1.default), ShadowPropTypesIOS_1.default), TransformPropTypes_1.default), { resizeMode: ReactPropTypes.oneOf(Object.keys(ImageResizeMode_1.default)), backfaceVisibility: ReactPropTypes.oneOf(['visible', 'hidden']), backgroundColor: ColorPropType_1.default, borderColor: ColorPropType_1.default, borderWidth: ReactPropTypes.number, borderRadius: ReactPropTypes.number, cursor: ReactPropTypes.oneOf(['auto', 'pointer']), overflow: ReactPropTypes.oneOf(['visible', 'hidden']), objectFit: ReactPropTypes.oneOf(['cover', 'contain', 'fill', 'scale-down']), 
+    /**
+     * Changes the color of all the non-transparent pixels to the tintColor.
+     */
+    tintColor: ColorPropType_1.default, opacity: ReactPropTypes.number, 
+    /**
+     * When the image has rounded corners, specifying an overlayColor will
+     * cause the remaining space in the corners to be filled with a solid color.
+     * This is useful in cases which are not supported by the Android
+     * implementation of rounded corners:
+     *   - Certain resize modes, such as 'contain'
+     *   - Animated GIFs
+     *
+     * A typical way to use this prop is with images displayed on a solid
+     * background and setting the `overlayColor` to the same color
+     * as the background.
+     *
+     * For details of how this works under the hood, see
+     * http://frescolib.org/docs/rounded-corners-and-circles.html
+     *
+     * @platform android
+     */
+    overlayColor: ReactPropTypes.string, 
+    // Android-Specific styles
+    borderTopLeftRadius: ReactPropTypes.number, borderTopRightRadius: ReactPropTypes.number, borderBottomLeftRadius: ReactPropTypes.number, borderBottomRightRadius: ReactPropTypes.number });
+exports.default = ImageStylePropTypes;
+//# sourceMappingURL=ImageStylePropTypes.js.map

package/dist/transforms/StyleSheet/ImageStylePropTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageStylePropTypes.js","sourceRoot":"","sources":["../../../src/transforms/StyleSheet/ImageStylePropTypes.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEZ,aAAa;AACb,MAAY,cAAc,uCAAkB;AAE5C,oEAA2C;AAC3C,wEAA+C;AAC/C,wEAA+C;AAC/C,8EAAqD;AACrD,8EAAqD;AAErD,MAAM,mBAAmB,+DACpB,yBAAe,GACf,4BAAkB,GAClB,4BAAkB,KACrB,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,yBAAe,CAAC,CAAC,EAC9D,kBAAkB,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,EAC/D,eAAe,EAAE,uBAAa,EAC9B,WAAW,EAAE,uBAAa,EAC1B,WAAW,EAAE,cAAc,CAAC,MAAM,EAClC,YAAY,EAAE,cAAc,CAAC,MAAM,EACnC,MAAM,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,EACjD,QAAQ,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,EACrD,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;IAE3E;;OAEG;IACH,SAAS,EAAE,uBAAa,EACxB,OAAO,EAAE,cAAc,CAAC,MAAM;IAC9B;;;;;;;;;;;;;;;;OAgBG;IACH,YAAY,EAAE,cAAc,CAAC,MAAM;IAEnC,0BAA0B;IAC1B,mBAAmB,EAAE,cAAc,CAAC,MAAM,EAC1C,oBAAoB,EAAE,cAAc,CAAC,MAAM,EAC3C,sBAAsB,EAAE,cAAc,CAAC,MAAM,EAC7C,uBAAuB,EAAE,cAAc,CAAC,MAAM,GAC/C,CAAA;kBAEc,mBAAmB"}