dfish-widget 1.0.104 → 1.0.106

package/lib/index.esm.js

@@ -5004,12 +5004,13 @@ var script$_ = {
     },
     data() {
       return {
-        sticky: {left: null, right: null},
+        sticky: {left: null, right: null, observers: []},
       }
     },
     mounted() {
-      const observe = (e) => this.initFixedCells('left').concat(this.initFixedCells('right'));
-      $$1.lodash.each(observe(), v => new ResizeObserver$1(observe).observe(v));
+      this.$watch('hasSticky', (v) => {
+        this.$nextTick(() => this.observeSticky());
+      }, {immediate: true});
       this.$el.setAttribute('w-scroll-x', 'left');
       if ($$1.br.chrome && $$1.br.chrome <= 60) { //低版本谷歌表格宽度有变化时，sticky的td内容会不可见。因此执行一个强制重新渲染的步骤
         new ResizeObserver$1(() => {
@@ -5019,6 +5020,19 @@ var script$_ = {
       }
     },
     methods: {
+      observeSticky() {
+        const observe = (e) => this.initFixedCells('left').concat(this.initFixedCells('right'));
+        for (let ob of this.sticky.observers) {
+          ob.disconnect();
+        }
+        let observers = [];
+        $$1.lodash.each(observe(), cell => {
+          let ob = new ResizeObserver$1(observe);
+          ob.observe(cell);
+          observers.push(ob);
+        });
+        this.sticky.observers = observers;
+      },
       initFixedCells(dir) {
         let sticky = null;
         let offset = 0;
@@ -5054,6 +5068,13 @@ var script$_ = {
       colgroup() {
         return $$1.slotsChildren(this.slotHooks.columns.children).map(v => v.props)
       },
+      hasSticky() {
+        let s = '';
+        for (let col of this.colgroup) {
+          if (col.fixed) s += col.fixed;
+        }
+        return s
+      },
       html_class() {
         return ['f-flex-column', this.x.face && 'z-face-' + this.x.face]
       },