tencent.jquery.pix.component 1.0.67 → 1.0.69

package/components/waterfall/waterfall.js

@@ -12,7 +12,7 @@ const DEFAULTS = {
     marginTop: 0,  // 距离顶部距离
     marginBottom: 12,  // 最后一行距离底部距离
     bufferHeight: '2rem', // 缓冲高度，进行可能的预先添加高度
-    startPoints: [], // 起始点坐标
+    startPoints: [], // 起始点距离
     data: [],              // 数据源
     container: '',                // 容器元素
     renderItem(data, index) {      // 元素首次渲染时的回调函数, 如果把updateItem设置为空，那么更新时则会兜底触发renderItem
@@ -31,9 +31,24 @@ const DEFAULTS = {
 export function Waterfall(optionsInput = {}) {
     $ = getEnv().$;
 
-    this.options = Object.assign({}, DEFAULTS, optionsInput);
+    this.optionsInput = optionsInput
+
+    this.init();
+}
+
+
+Waterfall.prototype.init = function (optionsMain = null) {
+    if (optionsMain) {
+        this.options = Object.assign({}, DEFAULTS, optionsMain);
+    } else {
+        this.options = Object.assign({}, DEFAULTS, this.optionsInput);
+    }
+    const self = this;
     const options = this.options;
     const $container = $(options.container);
+    const $scrollDom = options.scrollDom ? $(options.scrollDom) : $container;
+
+
     // 标记是否有更新元素用的回调函数
     this.hasUpdateItem = options.updateItem && (options.updateItem.constructor === Function) ? true : false;
 
@@ -109,9 +124,14 @@ export function Waterfall(optionsInput = {}) {
         this.columnItems.push(this.createColumn(i));
     }
 
-    this.renderIndex = 0;  // 渲染索引（保留兼容性）
-    this.activeNodes = new Map();  // 当前活跃节点（数据ID -> DOM）
+    this.$scrollDom = $scrollDom;
+
     this.nodePool = [];            // DOM 节点池
+    this.activeNodes = new Map();  // 当前活跃节点（索引 -> DOM）
+    this.allReadyNodes = new Map();    // 所有节点（索引 -> DOM）
+    this.renderIndex = 0;  // 渲染索引（保留兼容性）
+
+
 
     // 新方案：初始化数据ID映射
     this.dataIdMap = new Map(); // 数据ID -> 布局信息映射
@@ -128,23 +148,6 @@ export function Waterfall(optionsInput = {}) {
         });
     });
 
-    this.init();
-}
-
-
-Waterfall.prototype.init = function () {
-    const self = this;
-    const options = this.options;
-    const $container = $(options.container);
-    const $scrollDom = options.scrollDom ? $(options.scrollDom) : $container;
-
-    this.$scrollDom = $scrollDom;
-
-    this.nodePool = [];            // DOM 节点池
-    this.activeNodes = new Map();  // 当前活跃节点（索引 -> DOM）
-    this.allReadyNodes = new Map();    // 所有节点（索引 -> DOM）
-    this.renderIndex = 0;  // 渲染索引（保留兼容性）
-
     $container.html(`
         <div class="waterfall-list-scroll" style="">
           <div class="waterfall-list-viewport"></div>
@@ -803,6 +806,26 @@ Waterfall.prototype.setScrollHeight = function () {
     $container.find('.waterfall-list-scroll').css('height', h + 'px');
 }
 
+// 销毁自己
+Waterfall.prototype.destroy = function () {
+    const options = this.options;
+    const $container = $(options.container);
+    $container.html('');
+    this.activeNodes.clear();
+    this.allReadyNodes.clear();
+    this.dataIdMap.clear();
+    this.renderedDataIds.clear();
+    this.nodePool = [];
+    this.columnItems = [];
+    this.columns = 0;
+    this.columnWidth = 0;
+    this.renderIndex = 0;
+    this.scrollTop = 0;
+    this.isShowLoading = false;
+    this.$loadingNode = null;
+    this.$scrollDom = null;
+}
+
 function createDefaultRow({ top, left }) {
     return {
         top,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tencent.jquery.pix.component",
-  "version": "1.0.67",
+  "version": "1.0.69",
   "description": "",
   "main": "index.js",
   "files": [