tencent.jquery.pix.component 1.0.85 → 1.0.86
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/change.md
ADDED
|
@@ -38,7 +38,7 @@ const DEFAULTS = {
|
|
|
38
38
|
data: [], // 数据源
|
|
39
39
|
container: '', // 容器元素
|
|
40
40
|
renderItem(data, index, $card) { // 元素首次渲染时的回调函数, 如果把updateItem设置为空，那么更新时则会兜底触发renderItem
|
|
41
|
-
return '<div class="
|
|
41
|
+
return '<div class="waterfallv2-item"></div>';
|
|
42
42
|
},
|
|
43
43
|
scrollDom: null, // 滚动元素,如果传入了滚动元素，那么用来计算的窗口高度就以滚动元素的高度为准
|
|
44
44
|
// 传入 $node, data, index
|
|
@@ -168,7 +168,7 @@ Waterfallv2.prototype.init = function (optionsMain = null) {
|
|
|
168
168
|
});
|
|
169
169
|
|
|
170
170
|
$container.html(`
|
|
171
|
-
<div class="
|
|
171
|
+
<div class="waterfallv2-list-scroll" style="">
|
|
172
172
|
<div class="Waterfallv2-list-viewport" style="position:relative;"></div>
|
|
173
173
|
</div>
|
|
174
174
|
`);
|
|
@@ -179,7 +179,7 @@ Waterfallv2.prototype.init = function (optionsMain = null) {
|
|
|
179
179
|
console.log('options.createLoading', options.createLoading)
|
|
180
180
|
if (options.createLoading) {
|
|
181
181
|
this.$loadingNode = $(
|
|
182
|
-
`<div class="
|
|
182
|
+
`<div class="waterfallv2-loading" style="position:absolute;top:0;left:0;width:100%;transform: translate(0px, -99999px)"></div>`
|
|
183
183
|
);
|
|
184
184
|
$container.find('.Waterfallv2-list-viewport').append(this.$loadingNode);
|
|
185
185
|
|
|
@@ -244,7 +244,7 @@ Waterfallv2.prototype.appendCard = function (data, dataId, { top, left }) {
|
|
|
244
244
|
const originalIndex = options.data.indexOf(data);
|
|
245
245
|
|
|
246
246
|
const $card = $(
|
|
247
|
-
`<div class="
|
|
247
|
+
`<div class="waterfallv2-item"
|
|
248
248
|
data-index="${dataId}"
|
|
249
249
|
style="position: absolute;transform:translate(${left}px,${top}px);"
|
|
250
250
|
>
|
|
@@ -961,7 +961,7 @@ Waterfallv2.prototype.getBatchCardNewHeights = async function (dataIds, newData)
|
|
|
961
961
|
});
|
|
962
962
|
} else {
|
|
963
963
|
$node = $(
|
|
964
|
-
`<div class="
|
|
964
|
+
`<div class="waterfallv2-item"
|
|
965
965
|
data-index="${dataId}"
|
|
966
966
|
style="position: absolute; transform: translate(-9999px, -9999px);"
|
|
967
967
|
>
|
|
@@ -1082,7 +1082,7 @@ Waterfallv2.prototype.getCardNewHeight = async function (dataId, data) {
|
|
|
1082
1082
|
this.updateRenderUI($node, data, dataId);
|
|
1083
1083
|
} else {
|
|
1084
1084
|
$node = $(
|
|
1085
|
-
`<div class="
|
|
1085
|
+
`<div class="waterfallv2-item"
|
|
1086
1086
|
data-index="${dataId}"
|
|
1087
1087
|
style="position: absolute; transform: translate(-9999px, -9999px);"
|
|
1088
1088
|
>
|
|
@@ -1369,7 +1369,7 @@ Waterfallv2.prototype.setScrollHeight = function () {
|
|
|
1369
1369
|
}
|
|
1370
1370
|
}
|
|
1371
1371
|
h += options.marginBottom;
|
|
1372
|
-
$container.find('.
|
|
1372
|
+
$container.find('.waterfallv2-list-scroll').css('height', h + 'px');
|
|
1373
1373
|
}
|
|
1374
1374
|
|
|
1375
1375
|
// 销毁自己
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
.
|
|
1
|
+
.waterfallv2-list-scroll {
|
|
2
2
|
height: 100%;
|
|
3
|
-
.
|
|
3
|
+
.waterfallv2-loading {
|
|
4
4
|
position: absolute;
|
|
5
5
|
width: 100%;
|
|
6
6
|
align-items: center;
|
|
7
7
|
justify-content: center;
|
|
8
8
|
}
|
|
9
|
-
.
|
|
9
|
+
.waterfallv2-item {
|
|
10
10
|
flex: 1;
|
|
11
11
|
flex-shrink: 1;
|
|
12
12
|
flex-grow: 1;
|
package/package.json
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "tencent.jquery.pix.component",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.86",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"files": [
|
|
7
7
|
"components",
|
|
8
8
|
"utils",
|
|
9
|
-
"style"
|
|
9
|
+
"style",
|
|
10
|
+
"change.md"
|
|
10
11
|
],
|
|
11
12
|
"scripts": {
|
|
12
13
|
"test": "echo \"Error: no test specified\" && exit 1"
|