聊聊怎么在小程序中实现一个可截断的瀑布流组件

<view><view><abstract></abstract></view></view><view><view><abstract></abstract></view></view>

{
	// 将 setdata promise 化，方便使用
	$setdata(data) {
		return new promise(resolve => {
			this.setdata(data, () => {
				resolve();
			});
		});
	},
	// 获取元素的渲染尺寸
	getrect(item) {
		return this.$setdata({
			tmp: item,
		}).then(() => {
			return new promise((resolve, reject) => {
				const query = this.createselectorquery(); // 注意要使用 this，不要再使用 wx 前缀了
				query.select('.computed-zone .wrapper').boundingclientrect();
				query.exec(ret => {
					if (ret[0]) {
						resolve(ret[0]);
					} else {
						reject('not found dom!');
					}
				});
			});
		});
	},
	// 添加元素，内部使用
	additem(item) {
		let tick = this.tick;
		return this.getrect(item).then(rect => {
			if (tick !== this.tick) {
				return promise.reject('tick');
			}
			const { margin } = this.data;
			let { height, width } = rect;
			const windowwidth = this.sysinfo.windowwidth;
			let [ lefttotal, righttotal ] = this.height; // lefttotal 左侧栏高度，righttotal 右侧栏高度，
			let marginpx = this.sysinfo.getpx(margin);
			let style = '';

			if (math.abs(width - windowwidth)  {
			return this.additem(item);
		}).catch(err => {
			console.error(err);
			this.pending = null;
			throw err;
		});
	},
	clear() {
		this.tick = tick++;
		this.height = [0, 0];
		this.pending = null;
		this.setdata({
			list: [],
			height: 0,
		});
	},
}