This repository has been archived on 2024-07-27. You can view files and clone it, but cannot push or open issues or pull requests.
keksAccountGUI/node_modulesOLD/vuetify/es5/components/VImg/VImg.js

214 lines
6.2 KiB
JavaScript
Raw Normal View History

2019-08-11 18:48:02 +00:00
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
require("../../../src/components/VImg/VImg.sass");
var _VResponsive = _interopRequireDefault(require("../VResponsive"));
var _console = require("../../util/console");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// Components
// Utils
/* @vue/component */
var _default = _VResponsive.default.extend({
name: 'v-img',
props: {
alt: String,
contain: Boolean,
gradient: String,
lazySrc: String,
position: {
type: String,
default: 'center center'
},
sizes: String,
src: {
type: [String, Object],
default: ''
},
srcset: String,
transition: {
type: [Boolean, String],
default: 'fade-transition'
}
},
data: function data() {
return {
currentSrc: '',
image: null,
isLoading: true,
calculatedAspectRatio: undefined,
naturalWidth: undefined
};
},
computed: {
computedAspectRatio: function computedAspectRatio() {
return Number(this.normalisedSrc.aspect || this.calculatedAspectRatio);
},
normalisedSrc: function normalisedSrc() {
return typeof this.src === 'string' ? {
src: this.src,
srcset: this.srcset,
lazySrc: this.lazySrc,
aspect: Number(this.aspectRatio)
} : {
src: this.src.src,
srcset: this.srcset || this.src.srcset,
lazySrc: this.lazySrc || this.src.lazySrc,
aspect: Number(this.aspectRatio || this.src.aspect)
};
},
__cachedImage: function __cachedImage() {
if (!(this.normalisedSrc.src || this.normalisedSrc.lazySrc)) return [];
var backgroundImage = [];
var src = this.isLoading ? this.normalisedSrc.lazySrc : this.currentSrc;
if (this.gradient) backgroundImage.push("linear-gradient(".concat(this.gradient, ")"));
if (src) backgroundImage.push("url(\"".concat(src, "\")"));
var image = this.$createElement('div', {
staticClass: 'v-image__image',
class: {
'v-image__image--preload': this.isLoading,
'v-image__image--contain': this.contain,
'v-image__image--cover': !this.contain
},
style: {
backgroundImage: backgroundImage.join(', '),
backgroundPosition: this.position
},
key: +this.isLoading
});
if (!this.transition) return image;
return this.$createElement('transition', {
attrs: {
name: this.transition,
mode: 'in-out'
}
}, [image]);
}
},
watch: {
src: function src() {
if (!this.isLoading) this.init();else this.loadImage();
},
'$vuetify.breakpoint.width': 'getSrc'
},
mounted: function mounted() {
this.init();
},
methods: {
init: function init() {
if (this.normalisedSrc.lazySrc) {
var lazyImg = new Image();
lazyImg.src = this.normalisedSrc.lazySrc;
this.pollForSize(lazyImg, null);
}
/* istanbul ignore else */
if (this.normalisedSrc.src) this.loadImage();
},
onLoad: function onLoad() {
this.getSrc();
this.isLoading = false;
this.$emit('load', this.src);
},
onError: function onError() {
(0, _console.consoleError)("Image load failed\n\n" + "src: ".concat(this.normalisedSrc.src), this);
this.$emit('error', this.src);
},
getSrc: function getSrc() {
/* istanbul ignore else */
if (this.image) this.currentSrc = this.image.currentSrc || this.image.src;
},
loadImage: function loadImage() {
var _this = this;
var image = new Image();
this.image = image;
image.onload = function () {
/* istanbul ignore if */
if (image.decode) {
image.decode().catch(function (err) {
(0, _console.consoleWarn)("Failed to decode image, trying to render anyway\n\n" + "src: ".concat(_this.normalisedSrc.src) + (err.message ? "\nOriginal error: ".concat(err.message) : ''), _this);
}).then(_this.onLoad);
} else {
_this.onLoad();
}
};
image.onerror = this.onError;
image.src = this.normalisedSrc.src;
this.sizes && (image.sizes = this.sizes);
this.normalisedSrc.srcset && (image.srcset = this.normalisedSrc.srcset);
this.aspectRatio || this.pollForSize(image);
this.getSrc();
},
pollForSize: function pollForSize(img) {
var _this2 = this;
var timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
var poll = function poll() {
var naturalHeight = img.naturalHeight,
naturalWidth = img.naturalWidth;
if (naturalHeight || naturalWidth) {
_this2.naturalWidth = naturalWidth;
_this2.calculatedAspectRatio = naturalWidth / naturalHeight;
} else {
timeout != null && setTimeout(poll, timeout);
}
};
poll();
},
genContent: function genContent() {
var content = _VResponsive.default.options.methods.genContent.call(this);
if (this.naturalWidth) {
this._b(content.data, 'div', {
style: {
width: "".concat(this.naturalWidth, "px")
}
});
}
return content;
},
__genPlaceholder: function __genPlaceholder() {
if (this.$slots.placeholder) {
var placeholder = this.isLoading ? [this.$createElement('div', {
staticClass: 'v-image__placeholder'
}, this.$slots.placeholder)] : [];
if (!this.transition) return placeholder[0];
return this.$createElement('transition', {
attrs: {
name: this.transition
}
}, placeholder);
}
}
},
render: function render(h) {
var node = _VResponsive.default.options.render.call(this, h);
node.data.staticClass += ' v-image';
node.data.attrs = {
role: this.alt ? 'img' : undefined,
'aria-label': this.alt
};
node.children = [this.__cachedSizer, this.__cachedImage, this.__genPlaceholder(), this.genContent()];
return h(node.tag, node.data, node.children);
}
});
exports.default = _default;
//# sourceMappingURL=VImg.js.map