feat(table): 添加 resizeObserver (#1773)

* feat(table): 添加 resizeObserver * fix(table): 避免重复创建 observe
layui · Apr 16, 2024 · 13b0b42 · 13b0b42
1 parent 0cdd11a
commit 13b0b42
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/modules/table.js b/src/modules/table.js
@@ -413,7 +413,10 @@ layui.define(['lay', 'laytpl', 'laypage', 'form', 'util'], function(exports){
     that.renderStyle();
 
     // 生成替代元素
-    hasRender[0] && hasRender.remove(); // 如果已经渲染，则 Rerender
+    if(hasRender[0]){
+      that.resizeObserver && that.resizeObserver.unobserve(that.elem[0]);
+      hasRender.remove(); // 如果已经渲染，则 Rerender
+    }
     othis.after(reElem);
 
     // 各级容器
@@ -2704,6 +2707,15 @@ layui.define(['lay', 'laytpl', 'laypage', 'form', 'util'], function(exports){
       e.preventDefault();
       that.layMain.scrollTop(scrollTop + (delta > 0 ? -step : step));
     });
+
+    if(window.ResizeObserver){
+      if(!that.resizeObserver){
+        that.resizeObserver = new ResizeObserver(function(){
+          table.resize(that.key);
+        });
+      }
+      that.resizeObserver.observe(that.elem[0]);
+    }
   };
 
   // 全局事件