tencent.jquery.pix.component 1.0.63-beta.2 → 1.0.63-beta.3

package/components/waterfall/waterfall.js

@@ -576,7 +576,72 @@ Waterfall.prototype.updateData = function (newData) {
     // this.updatePointCards();
 }
 
+// 某个数据进行了UI变更，触发高度重新绘制
+Waterfall.prototype.updateCard = function (data) {
+    const options = this.options;
+    let dataId = -1;
+    if (typeof data === 'number') {
+        dataId = data;
+    } else {
+        for (let i = 0; i < options.data.length; i++) {
+            if (options.data[i] === data) {
+                dataId = i;
+                break;
+            }
+        }
+    }
+    if (dataId === -1) {
+        // 没有匹配到数据，进行退出
+        console.log('Waterfall: Invalid data in options.data');
+        return
+    }
+
+    // 从activeNodes中获取该数据的节点
+    if (!this.activeNodes.has(dataId)) {
+        console.log('Waterfall: Invalid dataId in activeNodes');
+        return
+    }
 
+    const $node = this.activeNodes.get(dataId);
+    const height = $node.height();
+    console.log('Waterfall: updateCard height', height);
+    // 重新计算该数据所在列的卡片位置
+    let needUpdate = false
+    const columnItems = this.columnItems;
+    for (let i = 0; i < columnItems.length; i++) {
+        const column = columnItems[i];
+        let bool = false
+        let minus = 0
+        // 这里为了简化，各列的瀑布流保持不动，只更新各列下节点的top位置，不做节点的跨列位移
+        for (let j = 0; j < column.children.length; j++) {
+            const row = column.children[j];
+            if (row.dataId === dataId) {
+                bool = true
+                const oldHeight = row.bottom - row.top;
+
+                console.log('Waterfall: updateCard oldHeight', oldHeight);
+                minus = height - oldHeight;
+                console.log('Waterfall: updateCard minus', minus);
+                if (minus === 0) {
+                    // 找到了原节点数据，对比后没有变更 那么直接退出
+                    return;
+                }
+                needUpdate = true
+                row.bottom += minus;
+            } else if (minus !== 0) {
+                row.top += minus;
+                row.bottom += minus;
+            }
+        }
+        if (bool) {
+            column.bottom += minus;
+            break;
+        }
+    }
+    if (needUpdate) {
+        this.updateVisibleItems(true); // 强制更新渲染
+    }
+}
 
 // 重新计算设置一遍所有的卡片位置
 Waterfall.prototype.updatePointCards = function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tencent.jquery.pix.component",
-  "version": "1.0.63-beta.2",
+  "version": "1.0.63-beta.3",
   "description": "",
   "main": "index.js",
   "files": [