dfish-widget 1.0.115 → 1.0.116

package/lib/index.esm.js

@@ -5013,17 +5013,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);
+        $$1.lodash.each(this.initFixedCells(), cell => {
+          let ob = new ResizeObserver$1(this.setFixedStyle);
           ob.observe(cell);
           observers.push(ob);
         });
         this.sticky.observers = observers;
+      },
+      setFixedStyle() {
+        this.initFixedCells();
         let r = {};
         if (this.sticky.left) {
           this.sticky.left.forEach(v => r[`--w-td-fixed-left-${v.colIndex}`] = `${v.offset}px`);
@@ -5037,11 +5039,16 @@ var script$_ = {
           }
         }
       },
-      initFixedCells(dir) {
+      initFixedCells() {
+        return this.getFixedCells('left').concat(this.getFixedCells('right'))
+      },
+      getFixedCells(dir) {
         let sticky = null;
         let offset = 0;
         let fixedCells = $$1.lodash.map(this.$el.querySelector(`thead`).querySelectorAll(`td[w-fixed="${dir}"]`));
-        if (dir === 'right') fixedCells.reverse();
+        if (dir === 'right') {
+          fixedCells.reverse();
+        }
         fixedCells.forEach(td => {
           (sticky || (sticky = [])).push({colIndex: td.cellIndex, offset});
           offset += td.offsetWidth;
@@ -5072,7 +5079,7 @@ var script$_ = {
       colgroup() {
         return $$1.slotsChildren(this.slotHooks.columns.children).map(v => v.props)
       },
-      hasSticky() {
+      stickyState() {
         let s = '';
         for (let col of this.colgroup) {
           if (col.fixed) s += col.fixed;
@@ -5094,7 +5101,7 @@ var script$_ = {
       // }
     },
     mounted() {
-      this.$watch('hasSticky', (v) => {
+      this.$watch('stickyState', (v) => {
         this.$nextTick(() => this.observeSticky());
       }, {immediate: true});
       this.$el.setAttribute('w-scroll-x', 'left');