@antv/s2-vue 1.6.0 → 1.6.1

package/lib/index.js

@@ -1,23 +1,4 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 var s2 = require("@antv/s2");
 var vue = require("vue");
@@ -267,7 +248,9 @@ var reIsHostCtor = /^\[object .+?Constructor\]$/;
 var funcProto = Function.prototype, objectProto$d = Object.prototype;
 var funcToString = funcProto.toString;
 var hasOwnProperty$b = objectProto$d.hasOwnProperty;
-var reIsNative = RegExp("^" + funcToString.call(hasOwnProperty$b).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
+var reIsNative = RegExp(
+  "^" + funcToString.call(hasOwnProperty$b).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+);
 function baseIsNative(value) {
   if (!isObject(value) || isMasked(value)) {
     return false;
@@ -1666,11 +1649,13 @@ const createResizeObserver = (params) => {
     }
     debounceRender(width, height);
   };
-  const resizeObserver = new ResizeObserver(([entry] = []) => {
-    if (entry) {
-      onResize();
+  const resizeObserver = new ResizeObserver(
+    ([entry] = []) => {
+      if (entry) {
+        onResize();
+      }
     }
-  });
+  );
   resizeObserver.observe(actualWrapper, {
     box: "border-box"
   });
@@ -1679,7 +1664,10 @@ const createResizeObserver = (params) => {
   };
 };
 const getDrillDownCache = (spreadsheet, meta) => {
-  const drillDownDataCache = spreadsheet.store.get("drillDownDataCache", []);
+  const drillDownDataCache = spreadsheet.store.get(
+    "drillDownDataCache",
+    []
+  );
   const cache = drillDownDataCache.find((dc) => dc.rowId === meta.id);
   return {
     drillDownDataCache,
@@ -1690,7 +1678,10 @@ const handleActionIconClick = (params) => {
   const { meta, event, callback } = params;
   const { spreadsheet } = meta;
   spreadsheet.store.set("drillDownNode", meta);
-  const { drillDownDataCache, drillDownCurrentCache } = getDrillDownCache(spreadsheet, meta);
+  const { drillDownDataCache, drillDownCurrentCache } = getDrillDownCache(
+    spreadsheet,
+    meta
+  );
   const cache = (drillDownCurrentCache == null ? void 0 : drillDownCurrentCache.drillField) ? [drillDownCurrentCache == null ? void 0 : drillDownCurrentCache.drillField] : [];
   const disabled = [];
   drillDownDataCache.forEach((val) => {
@@ -1739,25 +1730,36 @@ const buildDrillDownOptions = (options, partDrillDown, callback) => {
     };
     nextHeaderIcons.push(drillDownActionIcon);
   }
-  return __spreadProps(__spreadValues({}, options), {
+  return {
+    ...options,
     headerActionIcons: nextHeaderIcons
-  });
+  };
 };
 const handleDrillDown = (params) => {
   const { fetchData, spreadsheet, drillFields, drillItemsNum = -1 } = params;
   spreadsheet.store.set("drillItemsNum", drillItemsNum);
   const meta = spreadsheet.store.get("drillDownNode");
-  const { drillDownDataCache, drillDownCurrentCache } = getDrillDownCache(spreadsheet, meta);
+  const { drillDownDataCache, drillDownCurrentCache } = getDrillDownCache(
+    spreadsheet,
+    meta
+  );
   let newDrillDownDataCache = clone(drillDownDataCache);
   if (drillDownCurrentCache) {
-    newDrillDownDataCache = filter(drillDownDataCache, (cache) => cache.rowId !== meta.id);
+    newDrillDownDataCache = filter(
+      drillDownDataCache,
+      (cache) => cache.rowId !== meta.id
+    );
   }
   if (!fetchData) {
     return;
   }
   fetchData(meta, drillFields).then((info) => {
     const { drillData, drillField } = info;
-    spreadsheet.dataSet.transformDrillDownData(drillField, drillData, meta);
+    spreadsheet.dataSet.transformDrillDownData(
+      drillField,
+      drillData,
+      meta
+    );
     if (!isEmpty(drillData)) {
       const drillLevel = meta.level + 1;
       const newDrillDownData = {
@@ -1894,13 +1896,19 @@ const _sfc_main$a = vue.defineComponent({
   name: "TooltipSummary",
   props: ["summaries"],
   setup(props) {
-    const summaryInfo = vue.computed(() => reduce(props.summaries, (pre, next) => {
-      pre.count += size(next == null ? void 0 : next.selectedData);
-      if (next.value || next.name) {
-        pre.summaries.push(next);
-      }
-      return pre;
-    }, { count: 0, summaries: [] }));
+    const summaryInfo = vue.computed(
+      () => reduce(
+        props.summaries,
+        (pre, next) => {
+          pre.count += size(next == null ? void 0 : next.selectedData);
+          if (next.value || next.name) {
+            pre.summaries.push(next);
+          }
+          return pre;
+        },
+        { count: 0, summaries: [] }
+      )
+    );
     return {
       summaryInfo,
       i18n: s2.i18n,
@@ -2210,15 +2218,22 @@ class CustomTooltip extends s2.BaseTooltip {
     var _a, _b;
     const { tooltip } = this.spreadsheet.options;
     const showOptions = this.options;
-    const cell = this.spreadsheet.getCell((_a = showOptions.event) == null ? void 0 : _a.target);
+    const cell = this.spreadsheet.getCell(
+      (_a = showOptions.event) == null ? void 0 : _a.target
+    );
     const content = (_b = showOptions.content) != null ? _b : tooltip == null ? void 0 : tooltip.content;
-    const tooltipProps = __spreadProps(__spreadValues({}, showOptions), {
+    const tooltipProps = {
+      ...showOptions,
       cell,
       content
-    });
-    const tooltipVNode = vue.createVNode(TooltipComponent, tooltipProps, {
-      content: () => content
-    });
+    };
+    const tooltipVNode = vue.createVNode(
+      TooltipComponent,
+      tooltipProps,
+      {
+        content: () => content
+      }
+    );
     vue.render(null, this.container);
     vue.render(tooltipVNode, this.container);
   }
@@ -2233,8 +2248,12 @@ const DEFAULT_PAGE_NUMBER = 1;
 const DEFAULT_PAGE_SIZE = 10;
 const usePagination = (s2Ref, props) => {
   var _a, _b, _c, _d, _e, _f;
-  const current = vue.ref((_c = (_b = (_a = props.options) == null ? void 0 : _a.pagination) == null ? void 0 : _b.current) != null ? _c : DEFAULT_PAGE_NUMBER);
-  const pageSize = vue.ref((_f = (_e = (_d = props.options) == null ? void 0 : _d.pagination) == null ? void 0 : _e.pageSize) != null ? _f : DEFAULT_PAGE_SIZE);
+  const current = vue.ref(
+    (_c = (_b = (_a = props.options) == null ? void 0 : _a.pagination) == null ? void 0 : _b.current) != null ? _c : DEFAULT_PAGE_NUMBER
+  );
+  const pageSize = vue.ref(
+    (_f = (_e = (_d = props.options) == null ? void 0 : _d.pagination) == null ? void 0 : _e.pageSize) != null ? _f : DEFAULT_PAGE_SIZE
+  );
   const total = vue.ref(0);
   const change = (nextCurrent) => {
     current.value = nextCurrent;
@@ -2258,17 +2277,21 @@ const usePagination = (s2Ref, props) => {
     s2Ref.value.updatePagination(nextPagination);
     s2Ref.value.render(false);
   });
-  vue.watch([() => {
-    var _a2;
-    return (_a2 = props.options) == null ? void 0 : _a2.pagination;
-  }, s2Ref], () => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i;
-    current.value = (_c2 = (_b2 = (_a2 = props.options) == null ? void 0 : _a2.pagination) == null ? void 0 : _b2.current) != null ? _c2 : DEFAULT_PAGE_NUMBER;
-    pageSize.value = (_f2 = (_e2 = (_d2 = props.options) == null ? void 0 : _d2.pagination) == null ? void 0 : _e2.pageSize) != null ? _f2 : DEFAULT_PAGE_SIZE;
-    total.value = (_i = (_h = (_g = s2Ref.value) == null ? void 0 : _g.facet) == null ? void 0 : _h.viewCellHeights.getTotalLength()) != null ? _i : 0;
-  }, {
-    immediate: true
-  });
+  vue.watch(
+    [() => {
+      var _a2;
+      return (_a2 = props.options) == null ? void 0 : _a2.pagination;
+    }, s2Ref],
+    () => {
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i;
+      current.value = (_c2 = (_b2 = (_a2 = props.options) == null ? void 0 : _a2.pagination) == null ? void 0 : _b2.current) != null ? _c2 : DEFAULT_PAGE_NUMBER;
+      pageSize.value = (_f2 = (_e2 = (_d2 = props.options) == null ? void 0 : _d2.pagination) == null ? void 0 : _e2.pageSize) != null ? _f2 : DEFAULT_PAGE_SIZE;
+      total.value = (_i = (_h = (_g = s2Ref.value) == null ? void 0 : _g.facet) == null ? void 0 : _h.viewCellHeights.getTotalLength()) != null ? _i : 0;
+    },
+    {
+      immediate: true
+    }
+  );
   vue.watch(s2Ref, (value, oldValue, onCleanup) => {
     if (!s2Ref.value) {
       return;
@@ -2377,73 +2400,253 @@ const useEvents = (s2Ref, emit) => {
     }
     useCellEvent(s2Ref, emit, s2.S2Event.ROW_CELL_HOVER, "rowCellHover");
     useCellEvent(s2Ref, emit, s2.S2Event.ROW_CELL_CLICK, "rowCellClick");
-    useCellEvent(s2Ref, emit, s2.S2Event.ROW_CELL_DOUBLE_CLICK, "rowCellDoubleClick");
-    useCellEvent(s2Ref, emit, s2.S2Event.ROW_CELL_CONTEXT_MENU, "rowCellContextMenu");
+    useCellEvent(
+      s2Ref,
+      emit,
+      s2.S2Event.ROW_CELL_DOUBLE_CLICK,
+      "rowCellDoubleClick"
+    );
+    useCellEvent(
+      s2Ref,
+      emit,
+      s2.S2Event.ROW_CELL_CONTEXT_MENU,
+      "rowCellContextMenu"
+    );
     useCellEvent(s2Ref, emit, s2.S2Event.ROW_CELL_MOUSE_DOWN, "rowCellMouseDown");
     useCellEvent(s2Ref, emit, s2.S2Event.ROW_CELL_MOUSE_UP, "rowCellMouseUp");
     useCellEvent(s2Ref, emit, s2.S2Event.ROW_CELL_MOUSE_MOVE, "rowCellMouseMove");
-    useS2Event(s2Ref, emit, s2.S2Event.ROW_CELL_COLLAPSE_TREE_ROWS, "rowCellCollapseTreeRows");
+    useS2Event(
+      s2Ref,
+      emit,
+      s2.S2Event.ROW_CELL_COLLAPSE_TREE_ROWS,
+      "rowCellCollapseTreeRows"
+    );
     useS2Event(s2Ref, emit, s2.S2Event.ROW_CELL_SCROLL, "rowCellScroll");
     useCellEvent(s2Ref, emit, s2.S2Event.COL_CELL_HOVER, "colCellHover");
     useCellEvent(s2Ref, emit, s2.S2Event.COL_CELL_CLICK, "colCellClick");
-    useCellEvent(s2Ref, emit, s2.S2Event.COL_CELL_DOUBLE_CLICK, "colCellDoubleClick");
-    useCellEvent(s2Ref, emit, s2.S2Event.COL_CELL_CONTEXT_MENU, "colCellContextMenu");
+    useCellEvent(
+      s2Ref,
+      emit,
+      s2.S2Event.COL_CELL_DOUBLE_CLICK,
+      "colCellDoubleClick"
+    );
+    useCellEvent(
+      s2Ref,
+      emit,
+      s2.S2Event.COL_CELL_CONTEXT_MENU,
+      "colCellContextMenu"
+    );
     useCellEvent(s2Ref, emit, s2.S2Event.COL_CELL_MOUSE_DOWN, "colCellMouseDown");
     useCellEvent(s2Ref, emit, s2.S2Event.COL_CELL_MOUSE_UP, "colCellMouseUp");
     useCellEvent(s2Ref, emit, s2.S2Event.COL_CELL_MOUSE_MOVE, "colCellMouseMove");
     useCellEvent(s2Ref, emit, s2.S2Event.DATA_CELL_HOVER, "dataCellHover");
     useCellEvent(s2Ref, emit, s2.S2Event.DATA_CELL_CLICK, "dataCellClick");
-    useCellEvent(s2Ref, emit, s2.S2Event.DATA_CELL_DOUBLE_CLICK, "dataCellDoubleClick");
-    useCellEvent(s2Ref, emit, s2.S2Event.DATA_CELL_CONTEXT_MENU, "dataCellContextMenu");
-    useCellEvent(s2Ref, emit, s2.S2Event.DATA_CELL_MOUSE_DOWN, "dataCellMouseDown");
+    useCellEvent(
+      s2Ref,
+      emit,
+      s2.S2Event.DATA_CELL_DOUBLE_CLICK,
+      "dataCellDoubleClick"
+    );
+    useCellEvent(
+      s2Ref,
+      emit,
+      s2.S2Event.DATA_CELL_CONTEXT_MENU,
+      "dataCellContextMenu"
+    );
+    useCellEvent(
+      s2Ref,
+      emit,
+      s2.S2Event.DATA_CELL_MOUSE_DOWN,
+      "dataCellMouseDown"
+    );
     useCellEvent(s2Ref, emit, s2.S2Event.DATA_CELL_MOUSE_UP, "dataCellMouseUp");
-    useCellEvent(s2Ref, emit, s2.S2Event.DATA_CELL_MOUSE_MOVE, "dataCellMouseMove");
-    useS2Event(s2Ref, emit, s2.S2Event.DATA_CELL_TREND_ICON_CLICK, "dataCellTrendIconClick");
-    useS2Event(s2Ref, emit, s2.S2Event.DATA_CELL_BRUSH_SELECTION, "dataCellBrushSelection");
-    useS2Event(s2Ref, emit, s2.S2Event.DATA_CELL_SELECT_MOVE, "dataCellSelectMove");
+    useCellEvent(
+      s2Ref,
+      emit,
+      s2.S2Event.DATA_CELL_MOUSE_MOVE,
+      "dataCellMouseMove"
+    );
+    useS2Event(
+      s2Ref,
+      emit,
+      s2.S2Event.DATA_CELL_TREND_ICON_CLICK,
+      "dataCellTrendIconClick"
+    );
+    useS2Event(
+      s2Ref,
+      emit,
+      s2.S2Event.DATA_CELL_BRUSH_SELECTION,
+      "dataCellBrushSelection"
+    );
+    useS2Event(
+      s2Ref,
+      emit,
+      s2.S2Event.DATA_CELL_SELECT_MOVE,
+      "dataCellSelectMove"
+    );
     useCellEvent(s2Ref, emit, s2.S2Event.CORNER_CELL_HOVER, "cornerCellHover");
     useCellEvent(s2Ref, emit, s2.S2Event.CORNER_CELL_CLICK, "cornerCellClick");
-    useCellEvent(s2Ref, emit, s2.S2Event.CORNER_CELL_DOUBLE_CLICK, "cornerCellDoubleClick");
-    useCellEvent(s2Ref, emit, s2.S2Event.CORNER_CELL_CONTEXT_MENU, "cornerCellContextMenu");
-    useCellEvent(s2Ref, emit, s2.S2Event.CORNER_CELL_MOUSE_DOWN, "cornerCellMouseDown");
-    useCellEvent(s2Ref, emit, s2.S2Event.CORNER_CELL_MOUSE_UP, "cornerCellMouseUp");
-    useCellEvent(s2Ref, emit, s2.S2Event.CORNER_CELL_MOUSE_MOVE, "cornerCellMouseMove");
+    useCellEvent(
+      s2Ref,
+      emit,
+      s2.S2Event.CORNER_CELL_DOUBLE_CLICK,
+      "cornerCellDoubleClick"
+    );
+    useCellEvent(
+      s2Ref,
+      emit,
+      s2.S2Event.CORNER_CELL_CONTEXT_MENU,
+      "cornerCellContextMenu"
+    );
+    useCellEvent(
+      s2Ref,
+      emit,
+      s2.S2Event.CORNER_CELL_MOUSE_DOWN,
+      "cornerCellMouseDown"
+    );
+    useCellEvent(
+      s2Ref,
+      emit,
+      s2.S2Event.CORNER_CELL_MOUSE_UP,
+      "cornerCellMouseUp"
+    );
+    useCellEvent(
+      s2Ref,
+      emit,
+      s2.S2Event.CORNER_CELL_MOUSE_MOVE,
+      "cornerCellMouseMove"
+    );
     useCellEvent(s2Ref, emit, s2.S2Event.MERGED_CELLS_HOVER, "mergedCellsHover");
     useCellEvent(s2Ref, emit, s2.S2Event.MERGED_CELLS_CLICK, "mergedCellsClick");
-    useCellEvent(s2Ref, emit, s2.S2Event.MERGED_CELLS_DOUBLE_CLICK, "mergedCellsDoubleClick");
-    useCellEvent(s2Ref, emit, s2.S2Event.MERGED_CELLS_CONTEXT_MENU, "mergedCellsContextMenu");
-    useCellEvent(s2Ref, emit, s2.S2Event.MERGED_CELLS_MOUSE_DOWN, "mergedCellsMouseDown");
-    useCellEvent(s2Ref, emit, s2.S2Event.MERGED_CELLS_MOUSE_UP, "mergedCellsMouseUp");
-    useCellEvent(s2Ref, emit, s2.S2Event.MERGED_CELLS_MOUSE_MOVE, "mergedCellsMouseMove");
+    useCellEvent(
+      s2Ref,
+      emit,
+      s2.S2Event.MERGED_CELLS_DOUBLE_CLICK,
+      "mergedCellsDoubleClick"
+    );
+    useCellEvent(
+      s2Ref,
+      emit,
+      s2.S2Event.MERGED_CELLS_CONTEXT_MENU,
+      "mergedCellsContextMenu"
+    );
+    useCellEvent(
+      s2Ref,
+      emit,
+      s2.S2Event.MERGED_CELLS_MOUSE_DOWN,
+      "mergedCellsMouseDown"
+    );
+    useCellEvent(
+      s2Ref,
+      emit,
+      s2.S2Event.MERGED_CELLS_MOUSE_UP,
+      "mergedCellsMouseUp"
+    );
+    useCellEvent(
+      s2Ref,
+      emit,
+      s2.S2Event.MERGED_CELLS_MOUSE_MOVE,
+      "mergedCellsMouseMove"
+    );
     useS2Event(s2Ref, emit, s2.S2Event.RANGE_SORT, "rangeSort");
     useS2Event(s2Ref, emit, s2.S2Event.RANGE_SORTED, "rangeSorted");
     useS2Event(s2Ref, emit, s2.S2Event.RANGE_FILTER, "rangeFilter");
     useS2Event(s2Ref, emit, s2.S2Event.RANGE_FILTERED, "rangeFiltered");
-    useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_AFTER_HEADER_LAYOUT, "layoutAfterHeaderLayout");
+    useS2Event(
+      s2Ref,
+      emit,
+      s2.S2Event.LAYOUT_AFTER_HEADER_LAYOUT,
+      "layoutAfterHeaderLayout"
+    );
     useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_PAGINATION, "layoutPagination");
     useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_CELL_SCROLL, "layoutCellScroll");
-    useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_AFTER_COLLAPSE_ROWS, "layoutAfterCollapseRows");
-    useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_TREE_ROWS_COLLAPSE_ALL, "collapseRowsAll");
+    useS2Event(
+      s2Ref,
+      emit,
+      s2.S2Event.LAYOUT_AFTER_COLLAPSE_ROWS,
+      "layoutAfterCollapseRows"
+    );
+    useS2Event(
+      s2Ref,
+      emit,
+      s2.S2Event.LAYOUT_TREE_ROWS_COLLAPSE_ALL,
+      "collapseRowsAll"
+    );
     useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_COLS_EXPANDED, "layoutColsExpanded");
     useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_COLS_HIDDEN, "layoutColsHidden");
     useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_BEFORE_RENDER, "beforeRender");
     useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_AFTER_RENDER, "afterRender");
     useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_DESTROY, "destroy");
     useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_RESIZE, "layoutResize");
-    useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_RESIZE_SERIES_WIDTH, "layoutResizeSeriesWidth");
-    useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_RESIZE_ROW_WIDTH, "layoutResizeRowWidth");
-    useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_RESIZE_ROW_HEIGHT, "layoutResizeRowHeight");
-    useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_RESIZE_COL_WIDTH, "layoutResizeColWidth");
-    useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_RESIZE_COL_HEIGHT, "layoutResizeColHeight");
-    useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_RESIZE_TREE_WIDTH, "layoutResizeTreeWidth");
-    useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_RESIZE_MOUSE_DOWN, "layoutResizeMouseDown");
-    useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_RESIZE_MOUSE_UP, "layoutResizeMouseUp");
-    useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_RESIZE_MOUSE_MOVE, "layoutResizeMouseMove");
+    useS2Event(
+      s2Ref,
+      emit,
+      s2.S2Event.LAYOUT_RESIZE_SERIES_WIDTH,
+      "layoutResizeSeriesWidth"
+    );
+    useS2Event(
+      s2Ref,
+      emit,
+      s2.S2Event.LAYOUT_RESIZE_ROW_WIDTH,
+      "layoutResizeRowWidth"
+    );
+    useS2Event(
+      s2Ref,
+      emit,
+      s2.S2Event.LAYOUT_RESIZE_ROW_HEIGHT,
+      "layoutResizeRowHeight"
+    );
+    useS2Event(
+      s2Ref,
+      emit,
+      s2.S2Event.LAYOUT_RESIZE_COL_WIDTH,
+      "layoutResizeColWidth"
+    );
+    useS2Event(
+      s2Ref,
+      emit,
+      s2.S2Event.LAYOUT_RESIZE_COL_HEIGHT,
+      "layoutResizeColHeight"
+    );
+    useS2Event(
+      s2Ref,
+      emit,
+      s2.S2Event.LAYOUT_RESIZE_TREE_WIDTH,
+      "layoutResizeTreeWidth"
+    );
+    useS2Event(
+      s2Ref,
+      emit,
+      s2.S2Event.LAYOUT_RESIZE_MOUSE_DOWN,
+      "layoutResizeMouseDown"
+    );
+    useS2Event(
+      s2Ref,
+      emit,
+      s2.S2Event.LAYOUT_RESIZE_MOUSE_UP,
+      "layoutResizeMouseUp"
+    );
+    useS2Event(
+      s2Ref,
+      emit,
+      s2.S2Event.LAYOUT_RESIZE_MOUSE_MOVE,
+      "layoutResizeMouseMove"
+    );
     useS2Event(s2Ref, emit, s2.S2Event.GLOBAL_KEYBOARD_DOWN, "keyBoardDown");
     useS2Event(s2Ref, emit, s2.S2Event.GLOBAL_KEYBOARD_UP, "keyBoardUp");
     useS2Event(s2Ref, emit, s2.S2Event.GLOBAL_COPIED, "copied");
-    useS2Event(s2Ref, emit, s2.S2Event.GLOBAL_ACTION_ICON_HOVER, "actionIconHover");
-    useS2Event(s2Ref, emit, s2.S2Event.GLOBAL_ACTION_ICON_CLICK, "actionIconClick");
+    useS2Event(
+      s2Ref,
+      emit,
+      s2.S2Event.GLOBAL_ACTION_ICON_HOVER,
+      "actionIconHover"
+    );
+    useS2Event(
+      s2Ref,
+      emit,
+      s2.S2Event.GLOBAL_ACTION_ICON_CLICK,
+      "actionIconClick"
+    );
     useS2Event(s2Ref, emit, s2.S2Event.GLOBAL_CONTEXT_MENU, "contextMenu");
     useS2Event(s2Ref, emit, s2.S2Event.GLOBAL_HOVER, "mouseHover");
     useS2Event(s2Ref, emit, s2.S2Event.GLOBAL_CLICK, "click");
@@ -2453,9 +2656,24 @@ const useEvents = (s2Ref, emit) => {
     useS2Event(s2Ref, emit, s2.S2Event.GLOBAL_RESET, "reset");
     useS2Event(s2Ref, emit, s2.S2Event.GLOBAL_LINK_FIELD_JUMP, "linkFieldJump");
     useS2Event(s2Ref, emit, s2.S2Event.GLOBAL_SCROLL, "scroll");
-    useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_AFTER_REAL_DATA_CELL_RENDER, "layoutAfterRealDataCellRender");
-    useS2Event(s2Ref, emit, s2.S2Event.ROW_CELL_BRUSH_SELECTION, "rowCellBrushSelection");
-    useS2Event(s2Ref, emit, s2.S2Event.COL_CELL_BRUSH_SELECTION, "colCellBrushSelection");
+    useS2Event(
+      s2Ref,
+      emit,
+      s2.S2Event.LAYOUT_AFTER_REAL_DATA_CELL_RENDER,
+      "layoutAfterRealDataCellRender"
+    );
+    useS2Event(
+      s2Ref,
+      emit,
+      s2.S2Event.ROW_CELL_BRUSH_SELECTION,
+      "rowCellBrushSelection"
+    );
+    useS2Event(
+      s2Ref,
+      emit,
+      s2.S2Event.COL_CELL_BRUSH_SELECTION,
+      "colCellBrushSelection"
+    );
   });
 };
 const useLoading = (s2Ref, loadingProp = false) => {
@@ -2479,32 +2697,44 @@ const useSheetUpdate = (s2Ref, props) => {
     reloadData: false,
     rebuildDataset: false
   });
-  vue.watch(() => props.options, (options, prevOptions) => {
-    var _a, _b;
-    updateFlag.rerender = true;
-    if (!Object.is(prevOptions == null ? void 0 : prevOptions.hierarchyType, options == null ? void 0 : options.hierarchyType)) {
+  vue.watch(
+    () => props.options,
+    (options, prevOptions) => {
+      var _a, _b;
+      updateFlag.rerender = true;
+      if (!Object.is(prevOptions == null ? void 0 : prevOptions.hierarchyType, options == null ? void 0 : options.hierarchyType)) {
+        updateFlag.reloadData = true;
+        updateFlag.rebuildDataset = true;
+      }
+      (_a = s2Ref.value) == null ? void 0 : _a.setOptions(options);
+      (_b = s2Ref.value) == null ? void 0 : _b.changeSheetSize(options == null ? void 0 : options.width, options == null ? void 0 : options.height);
+    },
+    { deep: vue.isProxy(props.options) }
+  );
+  vue.watch(
+    () => props.dataCfg,
+    (dataCfg, prevDataCfg) => {
+      var _a, _b, _c, _d, _e, _f;
+      if (((_b = (_a = prevDataCfg == null ? void 0 : prevDataCfg.fields) == null ? void 0 : _a.columns) == null ? void 0 : _b.length) !== ((_d = (_c = dataCfg == null ? void 0 : dataCfg.fields) == null ? void 0 : _c.columns) == null ? void 0 : _d.length)) {
+        (_e = s2Ref.value) == null ? void 0 : _e.clearInitColumnLeafNodes();
+      }
+      updateFlag.rerender = true;
       updateFlag.reloadData = true;
-      updateFlag.rebuildDataset = true;
-    }
-    (_a = s2Ref.value) == null ? void 0 : _a.setOptions(options);
-    (_b = s2Ref.value) == null ? void 0 : _b.changeSheetSize(options == null ? void 0 : options.width, options == null ? void 0 : options.height);
-  }, { deep: vue.isProxy(props.options) });
-  vue.watch(() => props.dataCfg, (dataCfg, prevDataCfg) => {
-    var _a, _b, _c, _d, _e, _f;
-    if (((_b = (_a = prevDataCfg == null ? void 0 : prevDataCfg.fields) == null ? void 0 : _a.columns) == null ? void 0 : _b.length) !== ((_d = (_c = dataCfg == null ? void 0 : dataCfg.fields) == null ? void 0 : _c.columns) == null ? void 0 : _d.length)) {
-      (_e = s2Ref.value) == null ? void 0 : _e.clearColumnLeafNodes();
-    }
-    updateFlag.rerender = true;
-    updateFlag.reloadData = true;
-    (_f = s2Ref.value) == null ? void 0 : _f.setDataCfg(dataCfg);
-  }, { deep: vue.isProxy(props.dataCfg) });
-  vue.watch(() => props.themeCfg, (themeCfg) => {
-    var _a;
-    updateFlag.rerender = true;
-    (_a = s2Ref.value) == null ? void 0 : _a.setThemeCfg(themeCfg);
-  }, {
-    deep: vue.isProxy(props.themeCfg)
-  });
+      (_f = s2Ref.value) == null ? void 0 : _f.setDataCfg(dataCfg);
+    },
+    { deep: vue.isProxy(props.dataCfg) }
+  );
+  vue.watch(
+    () => props.themeCfg,
+    (themeCfg) => {
+      var _a;
+      updateFlag.rerender = true;
+      (_a = s2Ref.value) == null ? void 0 : _a.setThemeCfg(themeCfg);
+    },
+    {
+      deep: vue.isProxy(props.themeCfg)
+    }
+  );
   vue.watch(updateFlag, (flag) => {
     var _a;
     if (!flag.rerender) {
@@ -2520,21 +2750,25 @@ const useSheetUpdate = (s2Ref, props) => {
 };
 const useResize = (s2Ref, props, dom) => {
   const unobserve = vue.ref();
-  vue.watch([s2Ref, () => props.adaptive], ([s22, adaptive], _, onCleanup) => {
-    if (!s22) {
-      return;
-    }
-    unobserve.value = createResizeObserver({
-      s2: s22,
-      adaptive,
-      wrapper: dom.wrapperRef.value,
-      container: dom.containerRef.value
-    });
-    onCleanup(() => {
-      var _a;
-      (_a = unobserve.value) == null ? void 0 : _a.call(unobserve);
-    });
-  }, { deep: true });
+  vue.watch(
+    [s2Ref, () => props.adaptive],
+    ([s22, adaptive], _, onCleanup) => {
+      if (!s22) {
+        return;
+      }
+      unobserve.value = createResizeObserver({
+        s2: s22,
+        adaptive,
+        wrapper: dom.wrapperRef.value,
+        container: dom.containerRef.value
+      });
+      onCleanup(() => {
+        var _a;
+        (_a = unobserve.value) == null ? void 0 : _a.call(unobserve);
+      });
+    },
+    { deep: true }
+  );
 };
 function useSpreadSheet(props, emit) {
   const {
@@ -2821,7 +3055,7 @@ const _hoisted_3$2 = [
   _hoisted_2$2
 ];
 function render$2(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$2, _hoisted_3$2);
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$2, [..._hoisted_3$2]);
 }
 var LocationIcon = { render: render$2 };
 const _hoisted_1$1 = {
@@ -2839,7 +3073,7 @@ const _hoisted_3$1 = [
   _hoisted_2$1
 ];
 function render$1(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1, [..._hoisted_3$1]);
 }
 var TextIcon = { render: render$1 };
 const _hoisted_1 = {
@@ -2857,7 +3091,7 @@ const _hoisted_3 = [
   _hoisted_2
 ];
 function render(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, [..._hoisted_3]);
 }
 var CalendarIcon = { render };
 var index_vue_vue_type_style_index_0_scoped_true_lang = "";
@@ -3033,11 +3267,12 @@ const _sfc_main$2 = vue.defineComponent({
       const { event, disabledFields } = params;
       if (event) {
         const instance = (_a = s2Ref == null ? void 0 : s2Ref.value) == null ? void 0 : _a.instance;
-        const drillDownNode = vue.createVNode(DrillDown, __spreadProps(__spreadValues({}, (_b = partDrillDown.value) == null ? void 0 : _b.drillConfig), {
+        const drillDownNode = vue.createVNode(DrillDown, {
+          ...(_b = partDrillDown.value) == null ? void 0 : _b.drillConfig,
           setDrillFields,
           drillFields: drillFields.value,
           disabledFields
-        }));
+        });
         instance == null ? void 0 : instance.showTooltip({
           position: {
             x: event.clientX,
@@ -3048,7 +3283,13 @@ const _sfc_main$2 = vue.defineComponent({
         });
       }
     };
-    const options = vue.computed(() => buildDrillDownOptions(pivotOptions.value, partDrillDown.value, (params) => onDrillDownIconClick(params)));
+    const options = vue.computed(
+      () => buildDrillDownOptions(
+        pivotOptions.value,
+        partDrillDown.value,
+        (params) => onDrillDownIconClick(params)
+      )
+    );
     return {
       s2Ref,
       options
@@ -3109,7 +3350,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.sheetType), { ref: "s2Ref" }, null, 512);
 }
 var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-const version = "@antv/s2-vue-v1.6.0";
+const version = "@antv/s2-vue-v1.6.1";
 exports.BaseSheet = BaseSheet;
 exports.CustomTooltip = CustomTooltip;
 exports.PivotSheet = PivotSheet;