92 lines
2.7 KiB
JavaScript
92 lines
2.7 KiB
JavaScript
var __defProp = Object.defineProperty;
|
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
var __export = (target, all) => {
|
|
for (var name in all)
|
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
};
|
|
var __copyProps = (to, from, except, desc) => {
|
|
if (from && typeof from === "object" || typeof from === "function") {
|
|
for (let key of __getOwnPropNames(from))
|
|
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
}
|
|
return to;
|
|
};
|
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
var stdin_exports = {};
|
|
__export(stdin_exports, {
|
|
default: () => LazyContainerManager
|
|
});
|
|
module.exports = __toCommonJS(stdin_exports);
|
|
var import_util = require("./util");
|
|
const defaultOptions = {
|
|
selector: "img"
|
|
};
|
|
class LazyContainer {
|
|
constructor({ el, binding, vnode, lazy }) {
|
|
this.el = null;
|
|
this.vnode = vnode;
|
|
this.binding = binding;
|
|
this.options = {};
|
|
this.lazy = lazy;
|
|
this.queue = [];
|
|
this.update({ el, binding });
|
|
}
|
|
update({ el, binding }) {
|
|
this.el = el;
|
|
this.options = Object.assign({}, defaultOptions, binding.value);
|
|
const imgs = this.getImgs();
|
|
imgs.forEach((el2) => {
|
|
this.lazy.add(
|
|
el2,
|
|
Object.assign({}, this.binding, {
|
|
value: {
|
|
src: "dataset" in el2 ? el2.dataset.src : el2.getAttribute("data-src"),
|
|
error: ("dataset" in el2 ? el2.dataset.error : el2.getAttribute("data-error")) || this.options.error,
|
|
loading: ("dataset" in el2 ? el2.dataset.loading : el2.getAttribute("data-loading")) || this.options.loading
|
|
}
|
|
}),
|
|
this.vnode
|
|
);
|
|
});
|
|
}
|
|
getImgs() {
|
|
return Array.from(this.el.querySelectorAll(this.options.selector));
|
|
}
|
|
clear() {
|
|
const imgs = this.getImgs();
|
|
imgs.forEach((el) => this.lazy.remove(el));
|
|
this.vnode = null;
|
|
this.binding = null;
|
|
this.lazy = null;
|
|
}
|
|
}
|
|
class LazyContainerManager {
|
|
constructor({ lazy }) {
|
|
this.lazy = lazy;
|
|
this.queue = [];
|
|
}
|
|
bind(el, binding, vnode) {
|
|
const container = new LazyContainer({
|
|
el,
|
|
binding,
|
|
vnode,
|
|
lazy: this.lazy
|
|
});
|
|
this.queue.push(container);
|
|
}
|
|
update(el, binding, vnode) {
|
|
const container = this.queue.find((item) => item.el === el);
|
|
if (!container) return;
|
|
container.update({ el, binding, vnode });
|
|
}
|
|
unbind(el) {
|
|
const container = this.queue.find((item) => item.el === el);
|
|
if (!container) return;
|
|
container.clear();
|
|
(0, import_util.remove)(this.queue, container);
|
|
}
|
|
}
|