dfish-widget 1.0.113 → 1.0.115

package/lib/index.esm.js

@@ -2,7 +2,7 @@ import lodash from 'lodash';
 import jquery from 'jquery';
 import http from 'axios';
 import Qs from 'qs';
-import { nextTick, h, mergeProps, toRaw, resolveComponent, openBlock, createElementBlock, createStaticVNode, createElementVNode, createBlock, withCtx, Fragment, createVNode, renderList, toDisplayString, createTextVNode, createCommentVNode, inject, provide, renderSlot, Teleport, computed, resolveDirective, withDirectives, unref, ref, onMounted, watch, normalizeStyle, normalizeClass, TransitionGroup, getCurrentInstance, createSlots, resolveDynamicComponent, withModifiers } from 'vue';
+import { nextTick, h, mergeProps, toRaw, resolveComponent, openBlock, createElementBlock, createStaticVNode, createElementVNode, createBlock, withCtx, Fragment, createVNode, renderList, toDisplayString, createTextVNode, createCommentVNode, inject, provide, renderSlot, Teleport, computed, resolveDirective, withDirectives, unref, markRaw, ref, onMounted, watch, normalizeStyle, normalizeClass, TransitionGroup, getCurrentInstance, createSlots, resolveDynamicComponent, withModifiers } from 'vue';
 import ResizeObserver$1 from 'resize-observer-polyfill';
 
 let u = navigator.userAgent.toLowerCase();
@@ -5008,19 +5008,7 @@ var script$_ = {
     },
     data() {
       return {
-        sticky: {left: null, right: null, observers: []},
-      }
-    },
-    mounted() {
-      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(() => {
-          this.$el.setAttribute('w-compact-resize-sticky', '');
-          requestAnimationFrame(() => this.$el.removeAttribute('w-compact-resize-sticky'));
-        }).observe(this.$el);
+        sticky: markRaw({left: null, right: null, observers: []}),
       }
     },
     methods: {
@@ -5036,6 +5024,18 @@ var script$_ = {
           observers.push(ob);
         });
         this.sticky.observers = observers;
+        let r = {};
+        if (this.sticky.left) {
+          this.sticky.left.forEach(v => r[`--w-td-fixed-left-${v.colIndex}`] = `${v.offset}px`);
+        }
+        if (this.sticky.right) {
+          this.sticky.right.forEach(v => r[`--w-td-fixed-right-${v.colIndex}`] = `${v.offset}px`);
+        }
+        if (this.$el) {
+          for (let k in r) {
+            this.$el.style.setProperty(k, r[k]);
+          }
+        }
       },
       initFixedCells(dir) {
         let sticky = null;
@@ -5082,15 +5082,27 @@ var script$_ = {
       html_class() {
         return ['f-flex-column', this.x.face && 'z-face-' + this.x.face]
       },
-      html_style() {
-        let r = {};
-        if (this.sticky.left) {
-          this.sticky.left.forEach(v => r[`--w-td-fixed-left-${v.colIndex}`] = `${v.offset}px`);
-        }
-        if (this.sticky.right) {
-          this.sticky.right.forEach(v => r[`--w-td-fixed-right-${v.colIndex}`] = `${v.offset}px`);
-        }
-        return r
+      // html_style() {
+      //   let r = {}
+      //   if (this.sticky.left) {
+      //     this.sticky.left.forEach(v => r[`--w-td-fixed-left-${v.colIndex}`] = `${v.offset}px`)
+      //   }
+      //   if (this.sticky.right) {
+      //     this.sticky.right.forEach(v => r[`--w-td-fixed-right-${v.colIndex}`] = `${v.offset}px`)
+      //   }
+      //   return r
+      // }
+    },
+    mounted() {
+      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(() => {
+          this.$el.setAttribute('w-compact-resize-sticky', '');
+          requestAnimationFrame(() => this.$el.removeAttribute('w-compact-resize-sticky'));
+        }).observe(this.$el);
       }
     }
   };
@@ -5216,7 +5228,7 @@ var script$V = {
             style.minWidth = $$1.unitSize(mw);
           }
         }
-        this.rows = {};
+        this.rows = markRaw({});
         return h('div', {
           class: 'w-table-tbl-wrap'
         }, h('table', {
@@ -5306,7 +5318,7 @@ var script$U = {
           });
         }
       },
-      html_slots() {
+      html_slots() {        
         return this.html_scroll_slots(this.html_tbody())
       }
     },
@@ -5379,7 +5391,7 @@ var script$T = {
         let rs = this.pubParent.rows;
         let ci = 0;
         return this.slots_children().map(td => {
-          if (rs[ri] && rs[ri][ci]) {
+          while (rs[ri] && rs[ri][ci]) {
             ci += rs[ri][ci];
           }
           td.dfishColIndex = ci;