feat(ios): updated SDWebImage, progress and loadSource events

BREAKING CHANGES: progressBar properties were removed. As there is a progress event now you can easily handle that in your app

Author: farfromrefug

demo-snippets/vue/Advanced.vue

@@ -12,8 +12,6 @@
                     :lowerResSrc="lowerResSrc"
                     :placeholderImageUri="placeholderImage"
                     :failureImageUri="failureImage"
-                    :showProgressBar="showProgressBar"
-                    :progressBarColor="progressBarColor"
                     :stretch="stretch"
                     :roundAsCircle="roundAsCircle"
                     :roundTopLeftRadius="roundTopLeftRadius"
@@ -57,7 +55,6 @@
 
                 <Label text="Toggles" class="h3" marginTop="12" />
                 <WrapLayout>
-                    <Button :text="'Progress: ' + showProgressBar" @tap="toggle('showProgressBar')" />
                     <Button :text="'RoundAsCircle: ' + roundAsCircle" @tap="toggle('roundAsCircle')" />
                     <Button :text="'No Cache: ' + noCache" @tap="toggle('noCache')" />
                     <Button :text="'No Ratio Enforce: ' + noRatioEnforce" @tap="toggle('noRatioEnforce')" />
@@ -147,8 +144,6 @@ export default {
             lowerResSrc: null,
             placeholderImage: null,
             failureImage: null,
-            showProgressBar: true,
-            progressBarColor: 'green',
             roundAsCircle: false,
             roundTopLeftRadius: 0,
             roundTopRightRadius: 0,

demo-snippets/vue/Animated.vue

@@ -11,8 +11,6 @@
                 :animatedImageView="true"
                 :autoPlayAnimations="autoPlayAnimations"
                 :tapToRetryEnabled="tapToRetryEnabled"
-                showProgressBar="true"
-                progressBarColor="red"
             />
             <WrapLayout marginTop="8">
                 <Button :text="'AutoPlay: ' + autoPlayAnimations" @tap="toggleAutoPlay" />

demo-snippets/vue/DecodeAndResize.vue

@@ -14,8 +14,6 @@
                     :blurRadius="blurRadius"
                     :blurDownSampling="blurDownSampling"
                     :noRatioEnforce="noRatioEnforce"
-                    :showProgressBar="true"
-                    progressBarColor="purple"
                     @finalImageSet="onFinal"
                 />
 

demo-snippets/vue/Events.vue

@@ -8,8 +8,6 @@
                 width="98%"
                 height="220"
                 src="https://images.pexels.com/photos/842711/pexels-photo-842711.jpeg"
-                showProgressBar="true"
-                progressBarColor="blue"
                 :animatedImageView="true"
                 @finalImageSet="onFinalImageSet"
                 @failure="onFailure"

demo-snippets/vue/Failure.vue

@@ -11,7 +11,6 @@
                 placeholderImageUri="res://icon_star"
                 backgroundColor="blue"
                 failureImageUri="res://icon_not_found"
-                showProgressBar="true"
                 failure="onFailure"
                 src="http://error.jpgerror"
             />

demo-snippets/vue/PlaceholdersAndFallbacks.vue

@@ -14,8 +14,6 @@
                     :failureImageUri="failure"
                     :progressiveRenderingEnabled="progressive"
                     :localThumbnailPreviewsEnabled="localThumb"
-                    :showProgressBar="showProgressBar"
-                    :progressBarColor="progressColor"
                     @finalImageSet="onFinalImage"
                     @failure="onFailure"
                     @progress="onProgress"
@@ -32,7 +30,6 @@
                 <WrapLayout marginTop="8">
                     <Button :text="'Progressive: ' + progressive" @tap="toggle('progressive')" />
                     <Button :text="'LocalThumbs: ' + localThumb" @tap="toggle('localThumb')" />
-                    <Button :text="'ProgressBar: ' + showProgressBar" @tap="toggle('showProgressBar')" />
                     <Button :text="'Placeholder(resource)'" @tap="setPlaceholderToResource" />
                     <Button :text="'Placeholder(local)'" @tap="setPlaceholderToLocal" />
                     <Button :text="'Clear placeholder'" @tap="clearPlaceholder" />
@@ -61,8 +58,6 @@ export default {
             failure: null,
             progressive: true,
             localThumb: false,
-            showProgressBar: true,
-            progressColor: 'blue',
             logs: [] as string[],
             localFile: ImageSource.fromFileSync('~/assets/images/drink.jpg')
         };

demo-snippets/vue/Simple.vue

@@ -8,9 +8,7 @@
             <StackLayout orientation="horizontal">
                 <NSImg
                     ref="opacityImg"
-                    :showProgressBar="true"
                     :noRatioEnforce="false"
-                    progressBarColor="green"
                     backgroundColor="yellow"
                     borderRadius="10"
                     height="100"

demo-snippets/vue/TapToRetry.vue

@@ -3,7 +3,7 @@
         <ActionBar title="Tap to Retry Demo" />
         <StackLayout padding="10">
             <Label text="Tap-to-Retry" class="h2" />
-            <NSImg ref="img" width="100%" height="200" :src="src" :tapToRetryEnabled="tapToRetry" :showProgressBar="true" progressBarColor="orange" @failure="onFailure" @finalImageSet="onFinal" />
+            <NSImg ref="img" width="100%" height="200" :src="src" :tapToRetryEnabled="tapToRetry" @failure="onFailure" @finalImageSet="onFinal" />
             <WrapLayout marginTop="8">
                 <Button :text="'TapToRetry: ' + tapToRetry" @tap="toggle('tapToRetry')" />
                 <Button text="Set broken image" @tap="setBroken" />

demo-snippets/vue/TintAndBackground.vue

@@ -4,8 +4,8 @@
         <StackLayout padding="10">
             <Label text="Tint & Background Demo" class="h2" />
             <GridLayout columns="*,*" marginTop="8" height="60%">
-                <NSImg col="0" width="100%" height="200" :src="src" :tintColor="tint" :showProgressBar="true" />
-                <NSImg col="1" width="100%" height="200" :src="src" :backgroundUri="background" :showProgressBar="true" />
+                <NSImg col="0" width="100%" height="200" :src="src" :tintColor="tint" />
+                <NSImg col="1" width="100%" height="200" :src="src" :backgroundUri="background" />
             </GridLayout>
             <WrapLayout marginTop="8">
                 <Button text="Apply red tint" @tap="applyTint('#ff000088')" />

demo-snippets/vue/ZoomImage.vue

@@ -4,7 +4,7 @@
             <Label text="Zoom Image" />
         </ActionBar>
 
-        <NSZoomImg src="https://images.pexels.com/photos/842711/pexels-photo-842711.jpeg" maxZoom="10" minZoom="1" imageRotation="90"/>
+        <NSZoomImg src="https://images.pexels.com/photos/842711/pexels-photo-842711.jpeg" maxZoom="10" minZoom="1" imageRotation="90" tintColor="red" roundAsCircle="true"/>
     </Page>
 </template>