@deot/vc 1.0.56 → 1.0.58

package/dist/index.d.ts

@@ -8835,7 +8835,7 @@ export declare const Components: {
     default: string;
     };
     fill: {
-    type: BooleanConstructor;
+    type: (BooleanConstructor | ArrayConstructor)[];
     default: boolean;
     };
     }>, () => VNode<RendererNode, RendererElement, {
@@ -8846,13 +8846,13 @@ export declare const Components: {
     default: string;
     };
     fill: {
-    type: BooleanConstructor;
+    type: (BooleanConstructor | ArrayConstructor)[];
     default: boolean;
     };
     }>> & Readonly<{
     onResize?: ((...args: any[]) => any) | undefined;
     }>, {
-    fill: boolean;
+    fill: boolean | unknown[];
     tag: string;
     }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
     MResizer: DefineComponent<ExtractPropTypes<    {
@@ -8861,7 +8861,7 @@ export declare const Components: {
     default: string;
     };
     fill: {
-    type: BooleanConstructor;
+    type: (BooleanConstructor | ArrayConstructor)[];
     default: boolean;
     };
     }>, () => VNode<RendererNode, RendererElement, {
@@ -8872,13 +8872,13 @@ export declare const Components: {
     default: string;
     };
     fill: {
-    type: BooleanConstructor;
+    type: (BooleanConstructor | ArrayConstructor)[];
     default: boolean;
     };
     }>> & Readonly<{
     onResize?: ((...args: any[]) => any) | undefined;
     }>, {
-    fill: boolean;
+    fill: boolean | unknown[];
     tag: string;
     }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
     Scroller: DefineComponent<ExtractPropTypes<    {

package/dist/index.iife.js

@@ -117,7 +117,6 @@ var Vc = (function (exports, vue) {
     const instance = vue.getCurrentInstance();
     const regex = new RegExp(`${componentName}$`);
     let parent = instance.parent;
-    /* istanbul ignore next -- @preserve */
     while (parent && !(parent?.type?.name && regex.test(parent.type.name)) && (!privateKey || !parent?.[privateKey] || !parent?.proxy?.[privateKey])) {
       parent = parent.parent || parent?.type?.parent;
     }
@@ -9076,7 +9075,6 @@ var Vc = (function (exports, vue) {
       if (!message || !target) return;
       message = `[@deot/vc - ${target}]: ${message}`;
       this.message = message;
-      /* istanbul ignore next -- @preserve */
     }
   }
   const VARIABLES = {};
@@ -9439,7 +9437,6 @@ var Vc = (function (exports, vue) {
             const key = `${prefix}${url}`;
             const cache = window.localStorage.getItem(key);
             let icons = JSON.parse(cache || '""');
-            /* istanbul ignore next -- @preserve */
             if (!icons) {
               const data = await new Promise((resolve$) => {
                 const request = new XMLHttpRequest();
@@ -9474,7 +9471,6 @@ var Vc = (function (exports, vue) {
             });
             resolve();
           } catch (e) {
-            /* istanbul ignore next -- @preserve */
             reject(new VcError("icon", e));
           }
         })();
@@ -9486,7 +9482,6 @@ var Vc = (function (exports, vue) {
         const icons = {};
         setTimeout(() => {
           try {
-            /* istanbul ignore next -- @preserve */
             IS_DEV && console.time(url);
             svgStr.replace(svgReg, "$1")?.match(symbolReg)?.forEach(
               (i) => i.replace(basicReg, (_, ...args) => {
@@ -9501,23 +9496,19 @@ var Vc = (function (exports, vue) {
                 return "";
               })
             );
-            /* istanbul ignore next -- @preserve */
             IS_DEV && console.timeEnd(url);
             resolve(icons);
           } catch (e) {
-            /* istanbul ignore next -- @preserve */
             reject(new VcError("icon", e));
           }
         }, 0);
       });
     }
     on(type, fn) {
-      /* istanbul ignore next -- @preserve */
       if (typeof type !== "string" || typeof fn !== "function") return this;
       this.events[type] = this.events[type] || [];
       if (this.events[type].length >= 100) {
         delete this.events[type];
-        /* istanbul ignore else -- @preserve */
         if (!IS_SERVER) {
           throw new VcError("icon", `${type} nonexistent`);
         }
@@ -9526,7 +9517,6 @@ var Vc = (function (exports, vue) {
       return this;
     }
     off(type, fn) {
-      /* istanbul ignore next -- @preserve */
       if (typeof type !== "string" || typeof fn !== "function") return this;
       this.events[type] = this.events[type]?.filter((i) => i != fn);
       return this;
@@ -9783,7 +9773,6 @@ var Vc = (function (exports, vue) {
       const handleBeforeEnter = (el2) => {
         const duration = props2.duration.enter || props2.duration;
         el2.style.transition = getTransitionStyle(duration);
-        /* istanbul ignore next -- @preserve */
         if (!el2.dataset) {
           el2.dataset = {};
         }
@@ -9800,7 +9789,6 @@ var Vc = (function (exports, vue) {
         const next = createNext(done, duration);
         try {
           el2.dataset.oldOverflow = el2.style.overflow;
-          /* istanbul ignore next -- @preserve */
           if (el2.scrollHeight !== 0) {
             el2.style.height = el2.scrollHeight + "px";
             el2.style.paddingTop = el2.dataset.oldPaddingTop + "px";
@@ -9823,7 +9811,6 @@ var Vc = (function (exports, vue) {
         attrs.onAfterEnter?.(el2);
       };
       const handleBeforeLeave = (el2) => {
-        /* istanbul ignore next -- @preserve */
         if (!el2.dataset) {
           el2.dataset = {};
         }
@@ -9840,7 +9827,6 @@ var Vc = (function (exports, vue) {
         const next = createNext(done, duration);
         try {
           const leaveDuration = props2.duration.leave || props2.duration;
-          /* istanbul ignore next -- @preserve */
           if (el2.scrollHeight !== 0) {
             el2.style.transition = getTransitionStyle(leaveDuration);
             el2.style.height = "0px";
@@ -10418,7 +10404,6 @@ var Vc = (function (exports, vue) {
         () => {
           const { wait, exclude, include } = props2;
           const ons = Object.entries(attrs).reduce((pre, [key, callback]) => {
-            /* istanbul ignore else -- @preserve */
             if ((!exclude || !exclude.test(key)) && (!include || include.test(key)) && typeof callback === "function") {
               pre[key] = debounce(callback, wait, {
                 leading: true,
@@ -11830,7 +11815,6 @@ var Vc = (function (exports, vue) {
           }
         }
       } catch (e) {
-        /* istanbul ignore next -- @preserve */
         throw new VcError("instance", e);
       }
     }
@@ -11841,7 +11825,6 @@ var Vc = (function (exports, vue) {
       try {
         Portal.leafs.forEach((leaf) => leaf.destroy());
       } catch (e) {
-        /* istanbul ignore next -- @preserve */
         throw new VcError("instance", e);
       }
     }
@@ -11914,7 +11897,6 @@ var Vc = (function (exports, vue) {
       return (...args) => {
         const done = () => {
           const leaf = getLeaf();
-          /* istanbul ignore next -- @preserve */
           if (!leaf) {
             throw new VcError("portal", "实例不存在或已卸载");
           }
@@ -11965,7 +11947,6 @@ var Vc = (function (exports, vue) {
         if (isDestroyed()) return;
         onDestroyed?.(...args);
         leaf.app?.unmount();
-        /* istanbul ignore else -- @preserve */
         if (useAllNodes) {
           root?.contains(container) && root.removeChild(container);
         } else if (container && container._children) {
@@ -11993,16 +11974,13 @@ var Vc = (function (exports, vue) {
               const handleExtra = (e) => {
                 try {
                   const path = e.path || composedPath(e);
-                  /* istanbul ignore else -- @preserve */
                   if (container && e.target && !container.contains(e.target) && !path?.some((item) => utils.eleInRegExp(item, aliveRegExp))) {
-                    /* istanbul ignore else -- @preserve */
                     if (leaf.wrapper && leaf.wrapper?.[aliveVisibleKey]) {
                       typeof leaf.wrapper[aliveVisibleKey] === "function" ? leaf.wrapper[aliveVisibleKey](false) : leaf.wrapper[aliveVisibleKey] = false;
                     }
                     leaveDelay ? setTimeout($onDestroyed, leaveDelay) : $onDestroyed();
                   }
                 } catch (error2) {
-                  /* istanbul ignore next -- @preserve */
                   throw new VcError("portal", error2);
                 }
               };
@@ -12971,7 +12949,8 @@ var Vc = (function (exports, vue) {
     emits: [...EVENTS$1, "ready"],
     setup(props2, {
       emit,
-      slots
+      slots,
+      expose
     }) {
       const instance = vue.getCurrentInstance();
       const chart = vue.shallowRef(null);
@@ -13066,6 +13045,10 @@ var Vc = (function (exports, vue) {
           }
         });
       });
+      expose({
+        chart,
+        refresh
+      });
       vue.onUnmounted(destroy2);
       return () => {
         return vue.createVNode("div", {
@@ -18541,7 +18524,7 @@ var Vc = (function (exports, vue) {
     }) {
       const owner = getInstance$1("dropdown", "dropdownId");
       const currentValue = vue.computed(() => {
-        const v = typeof props2.value === "undefined" || props2.value === "" ? props2.label : props2.value;
+        const v = typeof props2.value === "undefined" ? props2.label : props2.value;
         return v;
       });
       const classes = vue.computed(() => {
@@ -18806,6 +18789,7 @@ var Vc = (function (exports, vue) {
           }
         });
       };
+      const handlePrevent = (e) => e.preventDefault();
       vue.onMounted(() => {
         insertStyle(buttons.value);
       });
@@ -18816,7 +18800,8 @@ var Vc = (function (exports, vue) {
       });
       return () => {
         return vue.createVNode("div", {
-          "id": props2.elementId
+          "id": props2.elementId,
+          "onClick": handlePrevent
         }, [renderButtonGroup(buttons.value), slots?.extend?.()]);
       };
     }
@@ -21383,7 +21368,7 @@ var Vc = (function (exports, vue) {
       default: "div"
     },
     fill: {
-      type: Boolean,
+      type: [Boolean, Array],
       default: true
     }
   };
@@ -21396,6 +21381,13 @@ var Vc = (function (exports, vue) {
       const width = vue.ref(0);
       const height = vue.ref(0);
       const current = vue.ref();
+      const classes = vue.computed(() => {
+        const v = Array.isArray(props2.fill) ? props2.fill : [props2.fill, props2.fill];
+        return {
+          "is-fill-width": v[0],
+          "is-fill-height": v[1]
+        };
+      });
       const currentExposed = vue.computed(() => {
         return {
           height: height.value,
@@ -21446,7 +21438,7 @@ var Vc = (function (exports, vue) {
           props2.tag,
           {
             ref: current,
-            class: ["vc-resizer", { "is-fill": props2.fill }]
+            class: ["vc-resizer", classes.value]
           },
           slots.default?.(currentExposed.value)
         );
@@ -24542,19 +24534,17 @@ var Vc = (function (exports, vue) {
       const refreshItemSize = (index) => {
         const current = props2.inverted ? rebuildData.value[rebuildDataIndexMap.value[index]] : rebuildData.value[index];
         if (!current) return;
-        const oldSize = current.size;
+        const original = Object.assign({}, current);
         const dom = preloads.value[index] || curloads.value[props2.inverted ? index : index - firstItemIndex.value];
         if (dom) {
           current.size = dom[K.offsetSize] || placeholderSize.value;
         } else if (current) {
           current.size = placeholderSize.value;
         }
-        if (oldSize !== current.size) {
-          emit("row-resize", {
-            index: current.id,
-            size: current.size
-          });
-        }
+        return {
+          original,
+          changed: current
+        };
       };
       const refreshItemPosition = () => {
         const sizes = Array.from({
@@ -24621,18 +24611,24 @@ var Vc = (function (exports, vue) {
       const refreshLayout = async (start, end) => {
         isRefreshLayout = 1;
         const promiseTasks = [];
+        const resizeChanges = [];
         let item;
         for (let i = start; i < end; i++) {
           item = props2.inverted ? rebuildData.value[rebuildDataIndexMap.value[i]] : rebuildData.value[i];
-          if (item && item.loaded) {
-            continue;
-          }
+          if (item && item.loaded) continue;
           setItemData(i, originalData[i]);
-          promiseTasks.push(vue.nextTick(() => refreshItemSize(i)));
+          promiseTasks.push(vue.nextTick(() => {
+            const e = refreshItemSize(i);
+            e && resizeChanges.push(e.changed);
+          }));
         }
         await Promise.all(promiseTasks);
         refreshItemPosition();
         setFirstItemIndex();
+        resizeChanges.length > 0 && emit("row-resize", resizeChanges.map((i) => ({
+          size: i.size,
+          index: i.id
+        })));
         interrupter.next();
         isRefreshLayout = 0;
       };
@@ -26286,11 +26282,19 @@ var Vc = (function (exports, vue) {
       emit,
       slots
     }) {
+      let resizeChanges = [];
+      const emitChanges = () => {
+        if (resizeChanges.length > 0) {
+          emit("row-resize", resizeChanges);
+          resizeChanges = [];
+        }
+      };
       const handleResize = (e, index) => {
-        emit("row-resize", {
+        resizeChanges.push({
           index,
           size: e.height
         });
+        vue.nextTick(emitChanges);
       };
       return () => {
         return props2.data.map((mergeData, index) => {
@@ -26646,22 +26650,24 @@ var Vc = (function (exports, vue) {
           return renderRow(row, row.index);
         })]);
       };
-      const handleMergeRowResize = (v) => {
+      const handleMergeRowResize = (changes) => {
         if (table.props.rowHeight) return;
-        states.list[v.index].rows.forEach((row) => {
-          const old = row.heightMap[props2.fixed || "main"];
-          if (old === v.size) return;
-          row.heightMap[props2.fixed || "main"] = v.size;
-          const heights = [row.heightMap.main];
-          if (states.leftFixedCount) {
-            heights.push(row.heightMap.left);
-          }
-          if (states.rightFixedCount) {
-            heights.push(row.heightMap.right);
-          }
-          if (heights.every((i) => !!i)) {
-            row.height = Math.max(row.heightMap.left, row.heightMap.main, row.heightMap.right) || "";
-          }
+        changes.forEach((v) => {
+          states.list[v.index].rows.forEach((row) => {
+            const old = row.heightMap[props2.fixed || "main"];
+            if (old === v.size) return;
+            row.heightMap[props2.fixed || "main"] = v.size;
+            const heights = [row.heightMap.main];
+            if (states.leftFixedCount) {
+              heights.push(row.heightMap.left);
+            }
+            if (states.rightFixedCount) {
+              heights.push(row.heightMap.right);
+            }
+            if (heights.every((i) => !!i)) {
+              row.height = Math.max(row.heightMap.left, row.heightMap.main, row.heightMap.right) || "";
+            }
+          });
         });
       };
       expose({
@@ -29433,7 +29439,6 @@ var Vc = (function (exports, vue) {
     setup(props2, { slots }) {
       const themeId = getUid("vc-theme");
       const setVar = (name) => {
-        /* istanbul ignore next -- @preserve */
         if (!name) return "";
         const globals = VcInstance.options.Theme?.variables;
         return props2.variables?.[name] || globals?.[name] || `var(--${name})`;
@@ -29469,7 +29474,6 @@ var Vc = (function (exports, vue) {
         }
       });
       const setCss = (attrs) => {
-        /* istanbul ignore next -- @preserve */
         if (!attrs || typeof attrs === "string") return attrs;
         let content = "";
         Object.entries(attrs).forEach(([key, val]) => {
@@ -29478,7 +29482,6 @@ var Vc = (function (exports, vue) {
         return content;
       };
       const resetPseudo = () => {
-        /* istanbul ignore next -- @preserve */
         if (typeof document === "undefined") return;
         const { pseudo } = props2;
         if (!pseudo) return removeStyle(themeId);

package/dist/index.umd.cjs

@@ -120,7 +120,6 @@
     const instance = vue.getCurrentInstance();
     const regex = new RegExp(`${componentName}$`);
     let parent = instance.parent;
-    /* istanbul ignore next -- @preserve */
     while (parent && !(parent?.type?.name && regex.test(parent.type.name)) && (!privateKey || !parent?.[privateKey] || !parent?.proxy?.[privateKey])) {
       parent = parent.parent || parent?.type?.parent;
     }
@@ -9079,7 +9078,6 @@
       if (!message || !target) return;
       message = `[@deot/vc - ${target}]: ${message}`;
       this.message = message;
-      /* istanbul ignore next -- @preserve */
     }
   }
   const VARIABLES = {};
@@ -9442,7 +9440,6 @@
             const key = `${prefix}${url}`;
             const cache = window.localStorage.getItem(key);
             let icons = JSON.parse(cache || '""');
-            /* istanbul ignore next -- @preserve */
             if (!icons) {
               const data = await new Promise((resolve$) => {
                 const request = new XMLHttpRequest();
@@ -9477,7 +9474,6 @@
             });
             resolve();
           } catch (e) {
-            /* istanbul ignore next -- @preserve */
             reject(new VcError("icon", e));
           }
         })();
@@ -9489,7 +9485,6 @@
         const icons = {};
         setTimeout(() => {
           try {
-            /* istanbul ignore next -- @preserve */
             IS_DEV && console.time(url);
             svgStr.replace(svgReg, "$1")?.match(symbolReg)?.forEach(
               (i) => i.replace(basicReg, (_, ...args) => {
@@ -9504,23 +9499,19 @@
                 return "";
               })
             );
-            /* istanbul ignore next -- @preserve */
             IS_DEV && console.timeEnd(url);
             resolve(icons);
           } catch (e) {
-            /* istanbul ignore next -- @preserve */
             reject(new VcError("icon", e));
           }
         }, 0);
       });
     }
     on(type, fn) {
-      /* istanbul ignore next -- @preserve */
       if (typeof type !== "string" || typeof fn !== "function") return this;
       this.events[type] = this.events[type] || [];
       if (this.events[type].length >= 100) {
         delete this.events[type];
-        /* istanbul ignore else -- @preserve */
         if (!IS_SERVER) {
           throw new VcError("icon", `${type} nonexistent`);
         }
@@ -9529,7 +9520,6 @@
       return this;
     }
     off(type, fn) {
-      /* istanbul ignore next -- @preserve */
       if (typeof type !== "string" || typeof fn !== "function") return this;
       this.events[type] = this.events[type]?.filter((i) => i != fn);
       return this;
@@ -9786,7 +9776,6 @@
       const handleBeforeEnter = (el2) => {
         const duration = props2.duration.enter || props2.duration;
         el2.style.transition = getTransitionStyle(duration);
-        /* istanbul ignore next -- @preserve */
         if (!el2.dataset) {
           el2.dataset = {};
         }
@@ -9803,7 +9792,6 @@
         const next = createNext(done, duration);
         try {
           el2.dataset.oldOverflow = el2.style.overflow;
-          /* istanbul ignore next -- @preserve */
           if (el2.scrollHeight !== 0) {
             el2.style.height = el2.scrollHeight + "px";
             el2.style.paddingTop = el2.dataset.oldPaddingTop + "px";
@@ -9826,7 +9814,6 @@
         attrs.onAfterEnter?.(el2);
       };
       const handleBeforeLeave = (el2) => {
-        /* istanbul ignore next -- @preserve */
         if (!el2.dataset) {
           el2.dataset = {};
         }
@@ -9843,7 +9830,6 @@
         const next = createNext(done, duration);
         try {
           const leaveDuration = props2.duration.leave || props2.duration;
-          /* istanbul ignore next -- @preserve */
           if (el2.scrollHeight !== 0) {
             el2.style.transition = getTransitionStyle(leaveDuration);
             el2.style.height = "0px";
@@ -10421,7 +10407,6 @@
         () => {
           const { wait, exclude, include } = props2;
           const ons = Object.entries(attrs).reduce((pre, [key, callback]) => {
-            /* istanbul ignore else -- @preserve */
             if ((!exclude || !exclude.test(key)) && (!include || include.test(key)) && typeof callback === "function") {
               pre[key] = debounce(callback, wait, {
                 leading: true,
@@ -11833,7 +11818,6 @@
           }
         }
       } catch (e) {
-        /* istanbul ignore next -- @preserve */
         throw new VcError("instance", e);
       }
     }
@@ -11844,7 +11828,6 @@
       try {
         Portal.leafs.forEach((leaf) => leaf.destroy());
       } catch (e) {
-        /* istanbul ignore next -- @preserve */
         throw new VcError("instance", e);
       }
     }
@@ -11917,7 +11900,6 @@
       return (...args) => {
         const done = () => {
           const leaf = getLeaf();
-          /* istanbul ignore next -- @preserve */
           if (!leaf) {
             throw new VcError("portal", "实例不存在或已卸载");
           }
@@ -11968,7 +11950,6 @@
         if (isDestroyed()) return;
         onDestroyed?.(...args);
         leaf.app?.unmount();
-        /* istanbul ignore else -- @preserve */
         if (useAllNodes) {
           root?.contains(container) && root.removeChild(container);
         } else if (container && container._children) {
@@ -11996,16 +11977,13 @@
               const handleExtra = (e) => {
                 try {
                   const path = e.path || composedPath(e);
-                  /* istanbul ignore else -- @preserve */
                   if (container && e.target && !container.contains(e.target) && !path?.some((item) => utils.eleInRegExp(item, aliveRegExp))) {
-                    /* istanbul ignore else -- @preserve */
                     if (leaf.wrapper && leaf.wrapper?.[aliveVisibleKey]) {
                       typeof leaf.wrapper[aliveVisibleKey] === "function" ? leaf.wrapper[aliveVisibleKey](false) : leaf.wrapper[aliveVisibleKey] = false;
                     }
                     leaveDelay ? setTimeout($onDestroyed, leaveDelay) : $onDestroyed();
                   }
                 } catch (error2) {
-                  /* istanbul ignore next -- @preserve */
                   throw new VcError("portal", error2);
                 }
               };
@@ -12974,7 +12952,8 @@
     emits: [...EVENTS$1, "ready"],
     setup(props2, {
       emit,
-      slots
+      slots,
+      expose
     }) {
       const instance = vue.getCurrentInstance();
       const chart = vue.shallowRef(null);
@@ -13069,6 +13048,10 @@
           }
         });
       });
+      expose({
+        chart,
+        refresh
+      });
       vue.onUnmounted(destroy2);
       return () => {
         return vue.createVNode("div", {
@@ -18544,7 +18527,7 @@
     }) {
       const owner = getInstance$1("dropdown", "dropdownId");
       const currentValue = vue.computed(() => {
-        const v = typeof props2.value === "undefined" || props2.value === "" ? props2.label : props2.value;
+        const v = typeof props2.value === "undefined" ? props2.label : props2.value;
         return v;
       });
       const classes = vue.computed(() => {
@@ -18809,6 +18792,7 @@
           }
         });
       };
+      const handlePrevent = (e) => e.preventDefault();
       vue.onMounted(() => {
         insertStyle(buttons.value);
       });
@@ -18819,7 +18803,8 @@
       });
       return () => {
         return vue.createVNode("div", {
-          "id": props2.elementId
+          "id": props2.elementId,
+          "onClick": handlePrevent
         }, [renderButtonGroup(buttons.value), slots?.extend?.()]);
       };
     }
@@ -21386,7 +21371,7 @@
       default: "div"
     },
     fill: {
-      type: Boolean,
+      type: [Boolean, Array],
       default: true
     }
   };
@@ -21399,6 +21384,13 @@
       const width = vue.ref(0);
       const height = vue.ref(0);
       const current = vue.ref();
+      const classes = vue.computed(() => {
+        const v = Array.isArray(props2.fill) ? props2.fill : [props2.fill, props2.fill];
+        return {
+          "is-fill-width": v[0],
+          "is-fill-height": v[1]
+        };
+      });
       const currentExposed = vue.computed(() => {
         return {
           height: height.value,
@@ -21449,7 +21441,7 @@
           props2.tag,
           {
             ref: current,
-            class: ["vc-resizer", { "is-fill": props2.fill }]
+            class: ["vc-resizer", classes.value]
           },
           slots.default?.(currentExposed.value)
         );
@@ -24545,19 +24537,17 @@
       const refreshItemSize = (index) => {
         const current = props2.inverted ? rebuildData.value[rebuildDataIndexMap.value[index]] : rebuildData.value[index];
         if (!current) return;
-        const oldSize = current.size;
+        const original = Object.assign({}, current);
         const dom = preloads.value[index] || curloads.value[props2.inverted ? index : index - firstItemIndex.value];
         if (dom) {
           current.size = dom[K.offsetSize] || placeholderSize.value;
         } else if (current) {
           current.size = placeholderSize.value;
         }
-        if (oldSize !== current.size) {
-          emit("row-resize", {
-            index: current.id,
-            size: current.size
-          });
-        }
+        return {
+          original,
+          changed: current
+        };
       };
       const refreshItemPosition = () => {
         const sizes = Array.from({
@@ -24624,18 +24614,24 @@
       const refreshLayout = async (start, end) => {
         isRefreshLayout = 1;
         const promiseTasks = [];
+        const resizeChanges = [];
         let item;
         for (let i = start; i < end; i++) {
           item = props2.inverted ? rebuildData.value[rebuildDataIndexMap.value[i]] : rebuildData.value[i];
-          if (item && item.loaded) {
-            continue;
-          }
+          if (item && item.loaded) continue;
           setItemData(i, originalData[i]);
-          promiseTasks.push(vue.nextTick(() => refreshItemSize(i)));
+          promiseTasks.push(vue.nextTick(() => {
+            const e = refreshItemSize(i);
+            e && resizeChanges.push(e.changed);
+          }));
         }
         await Promise.all(promiseTasks);
         refreshItemPosition();
         setFirstItemIndex();
+        resizeChanges.length > 0 && emit("row-resize", resizeChanges.map((i) => ({
+          size: i.size,
+          index: i.id
+        })));
         interrupter.next();
         isRefreshLayout = 0;
       };
@@ -26289,11 +26285,19 @@
       emit,
       slots
     }) {
+      let resizeChanges = [];
+      const emitChanges = () => {
+        if (resizeChanges.length > 0) {
+          emit("row-resize", resizeChanges);
+          resizeChanges = [];
+        }
+      };
       const handleResize = (e, index) => {
-        emit("row-resize", {
+        resizeChanges.push({
           index,
           size: e.height
         });
+        vue.nextTick(emitChanges);
       };
       return () => {
         return props2.data.map((mergeData, index) => {
@@ -26649,22 +26653,24 @@
           return renderRow(row, row.index);
         })]);
       };
-      const handleMergeRowResize = (v) => {
+      const handleMergeRowResize = (changes) => {
         if (table.props.rowHeight) return;
-        states.list[v.index].rows.forEach((row) => {
-          const old = row.heightMap[props2.fixed || "main"];
-          if (old === v.size) return;
-          row.heightMap[props2.fixed || "main"] = v.size;
-          const heights = [row.heightMap.main];
-          if (states.leftFixedCount) {
-            heights.push(row.heightMap.left);
-          }
-          if (states.rightFixedCount) {
-            heights.push(row.heightMap.right);
-          }
-          if (heights.every((i) => !!i)) {
-            row.height = Math.max(row.heightMap.left, row.heightMap.main, row.heightMap.right) || "";
-          }
+        changes.forEach((v) => {
+          states.list[v.index].rows.forEach((row) => {
+            const old = row.heightMap[props2.fixed || "main"];
+            if (old === v.size) return;
+            row.heightMap[props2.fixed || "main"] = v.size;
+            const heights = [row.heightMap.main];
+            if (states.leftFixedCount) {
+              heights.push(row.heightMap.left);
+            }
+            if (states.rightFixedCount) {
+              heights.push(row.heightMap.right);
+            }
+            if (heights.every((i) => !!i)) {
+              row.height = Math.max(row.heightMap.left, row.heightMap.main, row.heightMap.right) || "";
+            }
+          });
         });
       };
       expose({
@@ -29436,7 +29442,6 @@
     setup(props2, { slots }) {
       const themeId = getUid("vc-theme");
       const setVar = (name) => {
-        /* istanbul ignore next -- @preserve */
         if (!name) return "";
         const globals = VcInstance.options.Theme?.variables;
         return props2.variables?.[name] || globals?.[name] || `var(--${name})`;
@@ -29472,7 +29477,6 @@
         }
       });
       const setCss = (attrs) => {
-        /* istanbul ignore next -- @preserve */
         if (!attrs || typeof attrs === "string") return attrs;
         let content = "";
         Object.entries(attrs).forEach(([key, val]) => {
@@ -29481,7 +29485,6 @@
         return content;
       };
       const resetPseudo = () => {
-        /* istanbul ignore next -- @preserve */
         if (typeof document === "undefined") return;
         const { pseudo } = props2;
         if (!pseudo) return removeStyle(themeId);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deot/vc",
-  "version": "1.0.56",
+  "version": "1.0.58",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -19,9 +19,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@deot/vc-components": "^1.0.56",
-    "@deot/vc-hooks": "^1.0.56",
-    "@deot/vc-shared": "^1.0.56"
+    "@deot/vc-components": "^1.0.58",
+    "@deot/vc-hooks": "^1.0.58",
+    "@deot/vc-shared": "^1.0.58"
   },
   "peerDependencies": {
     "vue": "*"