first commit
This commit is contained in:
91
node_modules/vant/lib/lazyload/vue-lazyload/lazy-container.js
generated
vendored
Normal file
91
node_modules/vant/lib/lazyload/vue-lazyload/lazy-container.js
generated
vendored
Normal file
@@ -0,0 +1,91 @@
|
||||
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);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user