build: release 1.10.2

fengyuanchen · Oct 22, 2021 · 25df020 · 25df020
1 parent e5b45a4
commit 25df020
Show file tree

Hide file tree

Showing 12 changed files with 1,375 additions and 1,469 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,6 @@
 # Changelog
 
-## next
+## 1.10.2 (Oct 22, 2021)
 
 - Increase title height for avoiding truncation (#509).
 - Fix a `TypeError` when there are not any images (#504).

diff --git a/dist/viewer.common.js b/dist/viewer.common.js
@@ -1,11 +1,11 @@
 /*!
- * Viewer.js v1.10.1
+ * Viewer.js v1.10.2
  * https://fengyuanchen.github.io/viewerjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2021-08-01T13:35:49.731Z
+ * Date: 2021-10-22T13:59:51.046Z
  */
 
 'use strict';
@@ -374,6 +374,7 @@ var EVENT_DRAG_START = 'dragstart';
 var EVENT_FOCUSIN = 'focusin';
 var EVENT_KEY_DOWN = 'keydown';
 var EVENT_LOAD = 'load';
+var EVENT_ERROR = 'error';
 var EVENT_TOUCH_END = IS_TOUCH_DEVICE ? 'touchend touchcancel' : 'mouseup';
 var EVENT_TOUCH_MOVE = IS_TOUCH_DEVICE ? 'touchmove' : 'mousemove';
 var EVENT_TOUCH_START = IS_TOUCH_DEVICE ? 'touchstart' : 'mousedown';
@@ -1123,13 +1124,17 @@ var render = {
     this.items = items;
     forEach(items, function (item) {
       var image = item.firstElementChild;
+      var onLoad;
+      var onError;
       setData(image, 'filled', true);
 
       if (options.loading) {
         addClass(item, CLASS_LOADING);
       }
 
-      addListener(image, EVENT_LOAD, function (event) {
+      addListener(image, EVENT_LOAD, onLoad = function onLoad(event) {
+        removeListener(image, EVENT_ERROR, onError);
+
         if (options.loading) {
           removeClass(item, CLASS_LOADING);
         }
@@ -1138,6 +1143,15 @@ var render = {
       }, {
         once: true
       });
+      addListener(image, EVENT_ERROR, onError = function onError() {
+        removeListener(image, EVENT_LOAD, onLoad);
+
+        if (options.loading) {
+          removeClass(item, CLASS_LOADING);
+        }
+      }, {
+        once: true
+      });
     });
 
     if (options.transition) {
@@ -1151,6 +1165,11 @@ var render = {
   renderList: function renderList() {
     var index = this.index;
     var item = this.items[index];
+
+    if (!item) {
+      return;
+    }
+
     var next = item.nextElementSibling;
     var gutter = parseInt(window.getComputedStyle(next || item).marginLeft, 10);
     var offsetWidth = item.offsetWidth;
@@ -2053,6 +2072,7 @@ var methods = {
     };
 
     var onLoad;
+    var onError;
     addListener(element, EVENT_VIEWED, onViewed, {
       once: true
     });
@@ -2081,7 +2101,27 @@ var methods = {
     if (image.complete) {
       this.load();
     } else {
-      addListener(image, EVENT_LOAD, onLoad = this.load.bind(this), {
+      addListener(image, EVENT_LOAD, onLoad = function onLoad() {
+        removeListener(image, EVENT_ERROR, onError);
+
+        _this2.load();
+      }, {
+        once: true
+      });
+      addListener(image, EVENT_ERROR, onError = function onError() {
+        removeListener(image, EVENT_LOAD, onLoad);
+
+        if (_this2.timeout) {
+          clearTimeout(_this2.timeout);
+          _this2.timeout = false;
+        }
+
+        removeClass(image, CLASS_INVISIBLE);
+
+        if (options.loading) {
+          removeClass(_this2.canvas, CLASS_LOADING);
+        }
+      }, {
         once: true
       });
 

diff --git a/dist/viewer.css b/dist/viewer.css
@@ -1,11 +1,11 @@
 /*!
- * Viewer.js v1.10.1
+ * Viewer.js v1.10.2
  * https://fengyuanchen.github.io/viewerjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2021-08-01T13:35:44.576Z
+ * Date: 2021-10-22T13:59:46.805Z
  */
 
 .viewer-zoom-in::before,
@@ -332,7 +332,7 @@
   color: #ccc;
   display: inline-block;
   font-size: 12px;
-  line-height: 1;
+  line-height: 1.2;
   margin: 0 5% 5px;
   max-width: 90%;
   opacity: 0.8;

diff --git a/dist/viewer.esm.js b/dist/viewer.esm.js
@@ -1,11 +1,11 @@
 /*!
- * Viewer.js v1.10.1
+ * Viewer.js v1.10.2
  * https://fengyuanchen.github.io/viewerjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2021-08-01T13:35:49.731Z
+ * Date: 2021-10-22T13:59:51.046Z
  */
 
 function ownKeys(object, enumerableOnly) {
@@ -372,6 +372,7 @@ var EVENT_DRAG_START = 'dragstart';
 var EVENT_FOCUSIN = 'focusin';
 var EVENT_KEY_DOWN = 'keydown';
 var EVENT_LOAD = 'load';
+var EVENT_ERROR = 'error';
 var EVENT_TOUCH_END = IS_TOUCH_DEVICE ? 'touchend touchcancel' : 'mouseup';
 var EVENT_TOUCH_MOVE = IS_TOUCH_DEVICE ? 'touchmove' : 'mousemove';
 var EVENT_TOUCH_START = IS_TOUCH_DEVICE ? 'touchstart' : 'mousedown';
@@ -1121,13 +1122,17 @@ var render = {
     this.items = items;
     forEach(items, function (item) {
       var image = item.firstElementChild;
+      var onLoad;
+      var onError;
       setData(image, 'filled', true);
 
       if (options.loading) {
         addClass(item, CLASS_LOADING);
       }
 
-      addListener(image, EVENT_LOAD, function (event) {
+      addListener(image, EVENT_LOAD, onLoad = function onLoad(event) {
+        removeListener(image, EVENT_ERROR, onError);
+
         if (options.loading) {
           removeClass(item, CLASS_LOADING);
         }
@@ -1136,6 +1141,15 @@ var render = {
       }, {
         once: true
       });
+      addListener(image, EVENT_ERROR, onError = function onError() {
+        removeListener(image, EVENT_LOAD, onLoad);
+
+        if (options.loading) {
+          removeClass(item, CLASS_LOADING);
+        }
+      }, {
+        once: true
+      });
     });
 
     if (options.transition) {
@@ -1149,6 +1163,11 @@ var render = {
   renderList: function renderList() {
     var index = this.index;
     var item = this.items[index];
+
+    if (!item) {
+      return;
+    }
+
     var next = item.nextElementSibling;
     var gutter = parseInt(window.getComputedStyle(next || item).marginLeft, 10);
     var offsetWidth = item.offsetWidth;
@@ -2051,6 +2070,7 @@ var methods = {
     };
 
     var onLoad;
+    var onError;
     addListener(element, EVENT_VIEWED, onViewed, {
       once: true
     });
@@ -2079,7 +2099,27 @@ var methods = {
     if (image.complete) {
       this.load();
     } else {
-      addListener(image, EVENT_LOAD, onLoad = this.load.bind(this), {
+      addListener(image, EVENT_LOAD, onLoad = function onLoad() {
+        removeListener(image, EVENT_ERROR, onError);
+
+        _this2.load();
+      }, {
+        once: true
+      });
+      addListener(image, EVENT_ERROR, onError = function onError() {
+        removeListener(image, EVENT_LOAD, onLoad);
+
+        if (_this2.timeout) {
+          clearTimeout(_this2.timeout);
+          _this2.timeout = false;
+        }
+
+        removeClass(image, CLASS_INVISIBLE);
+
+        if (options.loading) {
+          removeClass(_this2.canvas, CLASS_LOADING);
+        }
+      }, {
         once: true
       });
 

diff --git a/dist/viewer.js b/dist/viewer.js
@@ -1,18 +1,18 @@
 /*!
- * Viewer.js v1.10.1
+ * Viewer.js v1.10.2
  * https://fengyuanchen.github.io/viewerjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2021-08-01T13:35:49.731Z
+ * Date: 2021-10-22T13:59:51.046Z
  */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Viewer = factory());
-}(this, (function () { 'use strict';
+})(this, (function () { 'use strict';
 
   function ownKeys(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -378,6 +378,7 @@
   var EVENT_FOCUSIN = 'focusin';
   var EVENT_KEY_DOWN = 'keydown';
   var EVENT_LOAD = 'load';
+  var EVENT_ERROR = 'error';
   var EVENT_TOUCH_END = IS_TOUCH_DEVICE ? 'touchend touchcancel' : 'mouseup';
   var EVENT_TOUCH_MOVE = IS_TOUCH_DEVICE ? 'touchmove' : 'mousemove';
   var EVENT_TOUCH_START = IS_TOUCH_DEVICE ? 'touchstart' : 'mousedown';
@@ -1127,13 +1128,17 @@
       this.items = items;
       forEach(items, function (item) {
         var image = item.firstElementChild;
+        var onLoad;
+        var onError;
         setData(image, 'filled', true);
 
         if (options.loading) {
           addClass(item, CLASS_LOADING);
         }
 
-        addListener(image, EVENT_LOAD, function (event) {
+        addListener(image, EVENT_LOAD, onLoad = function onLoad(event) {
+          removeListener(image, EVENT_ERROR, onError);
+
           if (options.loading) {
             removeClass(item, CLASS_LOADING);
           }
@@ -1142,6 +1147,15 @@
         }, {
           once: true
         });
+        addListener(image, EVENT_ERROR, onError = function onError() {
+          removeListener(image, EVENT_LOAD, onLoad);
+
+          if (options.loading) {
+            removeClass(item, CLASS_LOADING);
+          }
+        }, {
+          once: true
+        });
       });
 
       if (options.transition) {
@@ -1155,6 +1169,11 @@
     renderList: function renderList() {
       var index = this.index;
       var item = this.items[index];
+
+      if (!item) {
+        return;
+      }
+
       var next = item.nextElementSibling;
       var gutter = parseInt(window.getComputedStyle(next || item).marginLeft, 10);
       var offsetWidth = item.offsetWidth;
@@ -2057,6 +2076,7 @@
       };
 
       var onLoad;
+      var onError;
       addListener(element, EVENT_VIEWED, onViewed, {
         once: true
       });
@@ -2085,7 +2105,27 @@
       if (image.complete) {
         this.load();
       } else {
-        addListener(image, EVENT_LOAD, onLoad = this.load.bind(this), {
+        addListener(image, EVENT_LOAD, onLoad = function onLoad() {
+          removeListener(image, EVENT_ERROR, onError);
+
+          _this2.load();
+        }, {
+          once: true
+        });
+        addListener(image, EVENT_ERROR, onError = function onError() {
+          removeListener(image, EVENT_LOAD, onLoad);
+
+          if (_this2.timeout) {
+            clearTimeout(_this2.timeout);
+            _this2.timeout = false;
+          }
+
+          removeClass(image, CLASS_INVISIBLE);
+
+          if (options.loading) {
+            removeClass(_this2.canvas, CLASS_LOADING);
+          }
+        }, {
           once: true
         });
 
@@ -3526,4 +3566,4 @@
 
   return Viewer;
 
-})));
+}));
diff --git a/dist/viewer.min.css b/dist/viewer.min.css
diff --git a/dist/viewer.min.js b/dist/viewer.min.js
diff --git a/docs/css/viewer.css b/docs/css/viewer.css
@@ -1,11 +1,11 @@
 /*!
- * Viewer.js v1.10.1
+ * Viewer.js v1.10.2
  * https://fengyuanchen.github.io/viewerjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2021-08-01T13:35:44.576Z
+ * Date: 2021-10-22T13:59:46.805Z
  */
 
 .viewer-zoom-in::before,
@@ -332,7 +332,7 @@
   color: #ccc;
   display: inline-block;
   font-size: 12px;
-  line-height: 1;
+  line-height: 1.2;
   margin: 0 5% 5px;
   max-width: 90%;
   opacity: 0.8;

diff --git a/docs/index.html b/docs/index.html
@@ -64,7 +64,7 @@
     <div class="container">
       <div class="row">
         <div class="col-md">
-          <h1>Viewer.js <small class="h6">v1.10.1</small></h1>
+          <h1>Viewer.js <small class="h6">v1.10.2</small></h1>
           <p class="lead">JavaScript image viewer.</p>
         </div>
         <div class="col-md">