@nativescript-community/ui-image 4.3.28 → 4.3.29

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.3.29](https://github.com/nativescript-community/ui-image/compare/v4.3.28...v4.3.29) (2024-02-02)
+
+### Bug Fixes
+
+* **ios:** npm release fix ([68a75fe](https://github.com/nativescript-community/ui-image/commit/68a75fe83488c83d897b0358b580563390d027a3))
+
 ## [4.3.28](https://github.com/nativescript-community/ui-image/compare/v4.3.27...v4.3.28) (2024-01-23)
 
 ### Bug Fixes

package/angular/esm2022/directives.mjs

@@ -5,11 +5,11 @@ export class ImgDirective {
     static ɵfac = function ImgDirective_Factory(t) { return new (t || ImgDirective)(); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ImgDirective, selectors: [["NSImg"]] });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ImgDirective, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ImgDirective, [{
         type: Directive,
         args: [{
                 selector: 'NSImg'
             }]
-    }], function () { return []; }, null); })();
+    }], () => [], null); })();
 export const NSIMG_DIRECTIVES = [ImgDirective];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlyZWN0aXZlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9pbWFnZS9hbmd1bGFyL2RpcmVjdGl2ZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFLMUMsTUFBTSxPQUFPLFlBQVk7SUFDckIsZ0JBQWUsQ0FBQztzRUFEUCxZQUFZOzZEQUFaLFlBQVk7O3VGQUFaLFlBQVk7Y0FIeEIsU0FBUztlQUFDO2dCQUNQLFFBQVEsRUFBRSxPQUFPO2FBQ3BCOztBQUlELE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLENBQUMsWUFBWSxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdOU0ltZydcbn0pXG5leHBvcnQgY2xhc3MgSW1nRGlyZWN0aXZlIHtcbiAgICBjb25zdHJ1Y3RvcigpIHt9XG59XG5leHBvcnQgY29uc3QgTlNJTUdfRElSRUNUSVZFUyA9IFtJbWdEaXJlY3RpdmVdO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlyZWN0aXZlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9pbWFnZS9hbmd1bGFyL2RpcmVjdGl2ZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFLMUMsTUFBTSxPQUFPLFlBQVk7SUFDckIsZ0JBQWUsQ0FBQztzRUFEUCxZQUFZOzZEQUFaLFlBQVk7O2lGQUFaLFlBQVk7Y0FIeEIsU0FBUztlQUFDO2dCQUNQLFFBQVEsRUFBRSxPQUFPO2FBQ3BCOztBQUlELE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLENBQUMsWUFBWSxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdOU0ltZydcbn0pXG5leHBvcnQgY2xhc3MgSW1nRGlyZWN0aXZlIHtcbiAgICBjb25zdHJ1Y3RvcigpIHt9XG59XG5leHBvcnQgY29uc3QgTlNJTUdfRElSRUNUSVZFUyA9IFtJbWdEaXJlY3RpdmVdO1xuIl19

package/angular/esm2022/module.mjs

@@ -10,7 +10,7 @@ export class TNSImageModule {
     static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: TNSImageModule });
     static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TNSImageModule, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TNSImageModule, [{
         type: NgModule,
         args: [{
                 declarations: [NSIMG_DIRECTIVES],
@@ -19,4 +19,4 @@ export class TNSImageModule {
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(TNSImageModule, { declarations: [i1.ImgDirective], exports: [i1.ImgDirective] }); })();
 registerElement('NSImg', () => Img);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2ltYWdlL2FuZ3VsYXIvbW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRXhELE9BQU8sRUFBRSxZQUFZLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDOUQsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7QUFDdkQsT0FBTyxFQUFFLFlBQVksRUFBRSxDQUFDO0FBS3hCLE1BQU0sT0FBTyxjQUFjO3dFQUFkLGNBQWM7NERBQWQsY0FBYzs7O3VGQUFkLGNBQWM7Y0FKMUIsUUFBUTtlQUFDO2dCQUNOLFlBQVksRUFBRSxDQUFDLGdCQUFnQixDQUFDO2dCQUNoQyxPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQzthQUM5Qjs7d0ZBQ1ksY0FBYztBQUUzQixlQUFlLENBQUMsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLEdBQUcsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgcmVnaXN0ZXJFbGVtZW50IH0gZnJvbSAnQG5hdGl2ZXNjcmlwdC9hbmd1bGFyJztcblxuaW1wb3J0IHsgSW1nRGlyZWN0aXZlLCBOU0lNR19ESVJFQ1RJVkVTIH0gZnJvbSAnLi9kaXJlY3RpdmVzJztcbmltcG9ydCB7IEltZyB9IGZyb20gJ0BuYXRpdmVzY3JpcHQtY29tbXVuaXR5L3VpLWltYWdlJztcbmV4cG9ydCB7IEltZ0RpcmVjdGl2ZSB9O1xuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtOU0lNR19ESVJFQ1RJVkVTXSxcbiAgICBleHBvcnRzOiBbTlNJTUdfRElSRUNUSVZFU10sXG59KVxuZXhwb3J0IGNsYXNzIFROU0ltYWdlTW9kdWxlIHt9XG5cbnJlZ2lzdGVyRWxlbWVudCgnTlNJbWcnLCAoKSA9PiBJbWcpO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2ltYWdlL2FuZ3VsYXIvbW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRXhELE9BQU8sRUFBRSxZQUFZLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDOUQsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7QUFDdkQsT0FBTyxFQUFFLFlBQVksRUFBRSxDQUFDO0FBS3hCLE1BQU0sT0FBTyxjQUFjO3dFQUFkLGNBQWM7NERBQWQsY0FBYzs7O2lGQUFkLGNBQWM7Y0FKMUIsUUFBUTtlQUFDO2dCQUNOLFlBQVksRUFBRSxDQUFDLGdCQUFnQixDQUFDO2dCQUNoQyxPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQzthQUM5Qjs7d0ZBQ1ksY0FBYztBQUUzQixlQUFlLENBQUMsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLEdBQUcsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgcmVnaXN0ZXJFbGVtZW50IH0gZnJvbSAnQG5hdGl2ZXNjcmlwdC9hbmd1bGFyJztcblxuaW1wb3J0IHsgSW1nRGlyZWN0aXZlLCBOU0lNR19ESVJFQ1RJVkVTIH0gZnJvbSAnLi9kaXJlY3RpdmVzJztcbmltcG9ydCB7IEltZyB9IGZyb20gJ0BuYXRpdmVzY3JpcHQtY29tbXVuaXR5L3VpLWltYWdlJztcbmV4cG9ydCB7IEltZ0RpcmVjdGl2ZSB9O1xuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtOU0lNR19ESVJFQ1RJVkVTXSxcbiAgICBleHBvcnRzOiBbTlNJTUdfRElSRUNUSVZFU10sXG59KVxuZXhwb3J0IGNsYXNzIFROU0ltYWdlTW9kdWxlIHt9XG5cbnJlZ2lzdGVyRWxlbWVudCgnTlNJbWcnLCAoKSA9PiBJbWcpO1xuIl19

package/angular/fesm2022/nativescript-community-ui-image-angular.mjs

@@ -8,12 +8,12 @@ class ImgDirective {
     static ɵfac = function ImgDirective_Factory(t) { return new (t || ImgDirective)(); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ImgDirective, selectors: [["NSImg"]] });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ImgDirective, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ImgDirective, [{
         type: Directive,
         args: [{
                 selector: 'NSImg'
             }]
-    }], function () { return []; }, null); })();
+    }], () => [], null); })();
 const NSIMG_DIRECTIVES = [ImgDirective];
 
 class TNSImageModule {
@@ -21,7 +21,7 @@ class TNSImageModule {
     static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: TNSImageModule });
     static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TNSImageModule, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TNSImageModule, [{
         type: NgModule,
         args: [{
                 declarations: [NSIMG_DIRECTIVES],

package/index-common.d.ts

@@ -3,10 +3,10 @@ import { EventData as IEventData } from '@nativescript/core/data/observable';
 import { ImageAsset } from '@nativescript/core/image-asset';
 import { ImageSource } from '@nativescript/core/image-source';
 export declare enum CLogTypes {
-    log,
-    info,
-    warning,
-    error
+    log = 0,
+    info = 1,
+    warning = 2,
+    error = 3
 }
 export declare const ImageViewTraceCategory = "NativescriptImage";
 export declare const CLog: (type: CLogTypes, ...args: any[]) => void;

package/index-common.js

@@ -1,6 +1,4 @@
-import { Color, CoreTypes, Length, Property, ShorthandProperty, Trace, View, booleanConverter } from '@nativescript/core';
-import { ImageAsset } from '@nativescript/core/image-asset';
-import { ImageSource } from '@nativescript/core/image-source';
+import { Length, Property, Trace, View, booleanConverter } from '@nativescript/core';
 import { isAndroid } from '@nativescript/core/platform';
 function isNonNegativeFiniteNumber(value) {
     return isFinite(value) && !isNaN(value) && value >= 0;
@@ -52,10 +50,10 @@ function parseThickness(value) {
 }
 export var CLogTypes;
 (function (CLogTypes) {
-    CLogTypes[CLogTypes["log"] = Trace.messageType.log] = "log";
-    CLogTypes[CLogTypes["info"] = Trace.messageType.info] = "info";
-    CLogTypes[CLogTypes["warning"] = Trace.messageType.warn] = "warning";
-    CLogTypes[CLogTypes["error"] = Trace.messageType.error] = "error";
+    CLogTypes[CLogTypes["log"] = 0] = "log";
+    CLogTypes[CLogTypes["info"] = 1] = "info";
+    CLogTypes[CLogTypes["warning"] = 2] = "warning";
+    CLogTypes[CLogTypes["error"] = 3] = "error";
 })(CLogTypes || (CLogTypes = {}));
 export const ImageViewTraceCategory = 'NativescriptImage';
 export const CLog = (type, ...args) => {

package/index.android.js

@@ -1,6 +1,6 @@
 var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
 export * from './index-common';
-import { Application, Background, Color, ImageAsset, ImageSource, Trace, Utils, backgroundInternalProperty, knownFolders, path } from '@nativescript/core';
+import { Application, ImageAsset, ImageSource, Trace, Utils, backgroundInternalProperty, knownFolders, path } from '@nativescript/core';
 import { isString } from '@nativescript/core/utils/types';
 import { layout } from '@nativescript/core/utils/layout-helper';
 import { CLog, CLogTypes, EventData, ImageBase, ScaleType, aspectRatioProperty, backgroundUriProperty, blurDownSamplingProperty, blurRadiusProperty, fadeDurationProperty, failureImageUriProperty, imageRotationProperty, lowerResSrcProperty, needRequestImage, placeholderImageUriProperty, progressBarColorProperty, roundAsCircleProperty, roundBottomLeftRadiusProperty, roundBottomRightRadiusProperty, roundTopLeftRadiusProperty, roundTopRightRadiusProperty, showProgressBarProperty, srcProperty, stretchProperty, tintColorProperty } from './index-common';

package/index.ios.js

@@ -3,7 +3,7 @@ export * from './index-common';
 import { ImageAsset, ImageSource, Screen, Trace, Utils, knownFolders, path } from '@nativescript/core';
 import { layout } from '@nativescript/core/utils/layout-helper';
 import { isString } from '@nativescript/core/utils/types';
-import { CLog, CLogTypes, EventData, ImageBase, ScaleType, failureImageUriProperty, imageRotationProperty, placeholderImageUriProperty, srcProperty, stretchProperty } from './index-common';
+import { CLog, CLogTypes, ImageBase, ScaleType, failureImageUriProperty, imageRotationProperty, placeholderImageUriProperty, srcProperty, stretchProperty } from './index-common';
 export class ImageInfo {
     constructor(width, height) {
         this.width = width;

package/package.json

@@ -1,18 +1,10 @@
 {
     "name": "@nativescript-community/ui-image",
-    "version": "4.3.28",
+    "version": "4.3.29",
     "description": "Advanced and efficient image display plugin which uses Fresco (Android) and SDWebImage (iOS) to implement caching, placeholders, image effects, and much more.",
     "main": "./index",
     "sideEffects": false,
     "typings": "./index.d.ts",
-    "scripts": {
-        "build": "npm run tsc && npm run readme",
-        "build.all": "npm run build && npm run build.angular",
-        "build.angular": "ng-packagr -p ../../src/image/angular/ng-package.json -c ../../src/image/angular/tsconfig.json",
-        "readme": "readme generate -c ../../tools/readme/blueprint.json",
-        "tsc": "cpy '**/*.d.ts' '../../packages/image' --parents --cwd=../../src/image && tsc -skipLibCheck -d",
-        "clean": "rimraf ./*.d.ts ./*.js ./*.js.map"
-    },
     "nativescript": {
         "platforms": {
             "android": "6.0.0",
@@ -44,5 +36,5 @@
     },
     "license": "Apache-2.0",
     "readmeFilename": "README.md",
-    "gitHead": "482d5862d487c81f0ae413887f9ae3070c549772"
+    "gitHead": "0940ba815f6f11c1b94f13050689e4e1d472855a"
 }

package/platforms/ios/src/NImage.h

@@ -0,0 +1,7 @@
+#import <UIKit/UIKit.h>
+#import <Foundation/Foundation.h>
+#import <CoreText/CoreText.h>
+
+#import "NSImageRoundCornerTransformer.h"
+#import "NSImageDecodeSizeTransformer.h"
+#import "NSImageRoundAsCircleTransformer.h"

package/platforms/ios/src/NSImageDecodeSizeTransformer.h

@@ -0,0 +1,11 @@
+#import <SDWebImage/SDImageTransformer.h>
+
+@interface NSImageDecodeSizeTransformer: NSObject <SDImageTransformer>
+
+@property (nonatomic, assign, readonly) CGFloat decodeWidth;
+@property (nonatomic, assign, readonly) CGFloat decodeHeight;
+
+- (nonnull instancetype)init NS_UNAVAILABLE;
++ (nonnull instancetype)transformerWithDecodeWidth:(CGFloat)decodeWidth decodeHeight:(CGFloat)decodeHeight;
+
+@end

package/platforms/ios/src/NSImageDecodeSizeTransformer.m

@@ -0,0 +1,44 @@
+#import "NSImageDecodeSizeTransformer.h"
+#import <SDWebImage/SDGraphicsImageRenderer.h>
+
+@interface NSImageDecodeSizeTransformer ()
+
+@property (nonatomic, assign) CGFloat decodeWidth;
+@property (nonatomic, assign) CGFloat decodeHeight;
+
+@end
+
+@implementation NSImageDecodeSizeTransformer
++ (nonnull instancetype)transformerWithDecodeWidth:(CGFloat)decodeWidth decodeHeight:(CGFloat)decodeHeight {
+  NSImageDecodeSizeTransformer *transformer = [NSImageDecodeSizeTransformer new];
+    transformer.decodeWidth = decodeWidth;
+    transformer.decodeHeight = decodeHeight;
+    
+    return transformer;
+}
+
+- (NSString *)transformerKey {
+    return [NSString stringWithFormat:@"NSImageDecodeSizeTransformer(%f,%f)", self.decodeWidth, self.decodeHeight];
+}
+
+- (UIImage *)transformedImageWithImage:(UIImage *)image forKey:(NSString *)key {
+    if (!image) {
+        return nil;
+    }
+    CGFloat widthRatio = 1.0f;
+    CGFloat heightRatio = 1.0f;
+
+    CGFloat width = (CGFloat)image.size.width;
+    CGFloat height = (CGFloat)image.size.height;
+    if (self.decodeWidth && self.decodeHeight) {
+        widthRatio = self.decodeWidth / width;
+        heightRatio = self.decodeHeight / height;
+    } else if (self.decodeWidth > 0) {
+        widthRatio = self.decodeWidth / width;
+    } else {
+        heightRatio = self.decodeHeight / height;
+    }
+    return [image sd_resizedImageWithSize:CGSizeMake(width * widthRatio, height * heightRatio) scaleMode:2];
+}
+
+@end

package/platforms/ios/src/NSImageRoundAsCircleTransformer.h

@@ -0,0 +1,8 @@
+#import <SDWebImage/SDImageTransformer.h>
+
+@interface NSImageRoundAsCircleTransformer: NSObject <SDImageTransformer>
+
+- (nonnull instancetype)init NS_UNAVAILABLE;
++ (nonnull instancetype)transformer;
+
+@end

package/platforms/ios/src/NSImageRoundAsCircleTransformer.m

@@ -0,0 +1,40 @@
+#import "NSImageRoundAsCircleTransformer.h"
+#import <SDWebImage/SDGraphicsImageRenderer.h>
+
+@interface NSImageRoundAsCircleTransformer ()
+
+@end
+
+@implementation NSImageRoundAsCircleTransformer
++ (instancetype)transformer {
+
+    NSImageRoundAsCircleTransformer *transformer = [NSImageRoundAsCircleTransformer new];
+    return transformer;
+}
+
+- (NSString *)transformerKey {
+    return [NSString stringWithFormat:@"NSImageRoundAsCircleTransformer"];
+}
+
+- (UIImage *)transformedImageWithImage:(UIImage *)image forKey:(NSString *)key {
+    if (!image) {
+        return nil;
+    }
+
+    CGFloat width = (CGFloat)image.size.width;
+    CGFloat height = (CGFloat)image.size.height;
+    CGFloat minwidth = MIN(width, height);
+    CGFloat cornerRadius = minwidth / 2;
+
+    UIImage * resultImage = [image sd_resizedImageWithSize:CGSizeMake(minwidth, minwidth) scaleMode:SDImageScaleModeAspectFill];
+    resultImage = [resultImage sd_roundedCornerImageWithRadius:cornerRadius corners:UIRectCornerAllCorners borderWidth:0 borderColor:nil];
+    return resultImage;
+    //     const result = (image as any)
+    //         .sd_resizedImageWithSizeScaleMode(CGSizeMake(minwidth, minwidth), SDImageScaleMode.AspectFill)
+    //         .sd_roundedCornerImageWithRadiusCornersBorderWidthBorderColor(cornerRadius, UIRectCorner.BottomLeft | UIRectCorner.BottomRight | UIRectCorner.TopLeft | UIRectCorner.TopRight, 0, null)
+    //         .sd_resizedImageWithSizeScaleMode(CGSizeMake(width, height), SDImageScaleMode.AspectFit);
+    //     return result;
+    // return resultImage;
+}
+
+@end

package/platforms/ios/src/NSImageRoundCornerTransformer.h

@@ -0,0 +1,13 @@
+#import <SDWebImage/SDImageTransformer.h>
+
+@interface NSImageRoundCornerTransformer: NSObject <SDImageTransformer>
+
+@property (nonatomic, assign, readonly) CGFloat topLeftRadius;
+@property (nonatomic, assign, readonly) CGFloat topRightRadius;
+@property (nonatomic, assign, readonly) CGFloat bottomRightRadius;
+@property (nonatomic, assign, readonly) CGFloat bottomLeftRadius;
+
+- (nonnull instancetype)init NS_UNAVAILABLE;
++ (nonnull instancetype)transformerWithTopLefRadius:(CGFloat)topLeftRadius topRightRadius:(CGFloat)topRightRadius bottomRightRadius:(CGFloat)bottomRightRadius bottomLeftRadius:(CGFloat)bottomLeftRadius;
+
+@end

package/platforms/ios/src/NSImageRoundCornerTransformer.m

@@ -0,0 +1,59 @@
+#import "NSImageRoundCornerTransformer.h"
+#import <SDWebImage/SDGraphicsImageRenderer.h>
+
+@interface NSImageRoundCornerTransformer ()
+
+@property (nonatomic, assign) CGFloat topLeftRadius;
+@property (nonatomic, assign) CGFloat topRightRadius;
+@property (nonatomic, assign) CGFloat bottomRightRadius;
+@property (nonatomic, assign) CGFloat bottomLeftRadius;
+
+@end
+
+@implementation NSImageRoundCornerTransformer
++ (instancetype)transformerWithTopLefRadius:(CGFloat)topLeftRadius topRightRadius:(CGFloat)topRightRadius bottomRightRadius:(CGFloat)bottomRightRadius bottomLeftRadius:(CGFloat)bottomLeftRadius {
+
+    NSImageRoundCornerTransformer *transformer = [NSImageRoundCornerTransformer new];
+    transformer.topLeftRadius = topLeftRadius;
+    transformer.topRightRadius = topRightRadius;
+    transformer.bottomRightRadius = bottomRightRadius;
+    transformer.bottomLeftRadius = bottomLeftRadius;
+    
+    return transformer;
+}
+
+- (NSString *)transformerKey {
+    return [NSString stringWithFormat:@"NSImageRoundCornerTransformer(%f,%f,%f,%f)", self.topLeftRadius,self.topRightRadius,self.bottomRightRadius,self.bottomLeftRadius];
+}
+
+- (UIImage *)transformedImageWithImage:(UIImage *)image forKey:(NSString *)key {
+    if (!image) {
+        return nil;
+    }
+    
+    SDGraphicsImageRendererFormat *format = [[SDGraphicsImageRendererFormat alloc] init];
+    format.scale = image.scale;
+    SDGraphicsImageRenderer *renderer = [[SDGraphicsImageRenderer alloc] initWithSize:image.size format:format];
+    UIImage *resultImage = [renderer imageWithActions:^(CGContextRef  _Nonnull context) {
+        CGRect rect = CGRectMake(0, 0, image.size.width, image.size.height);
+        
+        UIBezierPath *newPath = [UIBezierPath bezierPath];
+
+        CGFloat left  = M_PI;
+        CGFloat up    = 1.5*M_PI;
+        CGFloat down  = M_PI_2;
+        CGFloat right = 0.0;
+        [newPath addArcWithCenter:CGPointMake( CGRectGetMinX(rect) +  self.topLeftRadius,  CGRectGetMinY( rect) +  self.topLeftRadius) radius:  self.topLeftRadius startAngle: left  endAngle: up    clockwise: true];
+        [newPath addArcWithCenter:CGPointMake( CGRectGetMaxX(rect) - self.topRightRadius,  CGRectGetMinY( rect) + self.topRightRadius) radius: self.topRightRadius startAngle: up   endAngle: right clockwise: true];
+        [newPath addArcWithCenter:CGPointMake( CGRectGetMaxX(rect) - self.bottomRightRadius,  CGRectGetMaxY( rect) - self.bottomRightRadius) radius: self.bottomRightRadius startAngle: right endAngle: down clockwise: true];
+        [newPath addArcWithCenter:CGPointMake(CGRectGetMinX(rect) + self.bottomLeftRadius,  CGRectGetMaxY( rect) - self.bottomLeftRadius) radius: self.bottomLeftRadius startAngle: down  endAngle: left  clockwise: true];
+        [newPath closePath];
+        CGContextSaveGState(context);
+        [newPath addClip];
+        [image drawInRect:rect];
+        CGContextRestoreGState(context);
+    }];
+    return resultImage;
+}
+
+@end

package/platforms/ios/src/module.modulemap

@@ -0,0 +1,5 @@
+module NImage {
+  umbrella header "NImage.h"
+  export *
+  module * { export * }
+}

package/vue/index.mjs

@@ -0,0 +1,8 @@
+import { Img } from '../image';
+const ImagePlugin = {
+    install(Vue) {
+        Vue.registerElement('NSImg', () => Img);
+    }
+};
+export default ImagePlugin;
+//# sourceMappingURL=index.mjs.map