@antv/s2-vue 1.4.0-alpha.1 → 2.0.0-alpha.0

package/lib/index.js

@@ -1,27 +1,8 @@
 "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");
-var antDesignVue = require("ant-design-vue");
+const s2 = require("@antv/s2");
+const vue = require("vue");
+const antDesignVue = require("ant-design-vue");
 const EN_US = {
   \u9009\u62E9\u5206\u6790\u4FE1\u606F: "Select Analysis Information",
   \u5207\u6362\u6307\u6807: "Switch indicator",
@@ -115,15 +96,21 @@ const SHEET_COMPONENT_DEFAULT_OPTIONS = {
   showDefaultHeaderActionIcon: true
 };
 const RESIZE_RENDER_DELAY = 200;
-const DRILL_DOWN_PRE_CLASS = "s2-drill-down";
-const getBaseSheetComponentOptions = (...options) => s2.customMerge(s2.DEFAULT_OPTIONS, SHEET_COMPONENT_DEFAULT_OPTIONS, ...options);
+const DRILL_DOWN_PRE_CLASS = `${s2.S2_PREFIX_CLS}-drill-down`;
+const getBaseSheetComponentOptions = (...options) => {
+  return s2.customMerge(
+    s2.DEFAULT_OPTIONS,
+    SHEET_COMPONENT_DEFAULT_OPTIONS,
+    ...options
+  );
+};
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
-var freeGlobal$1 = freeGlobal;
+const freeGlobal$1 = freeGlobal;
 var freeSelf = typeof self == "object" && self && self.Object === Object && self;
 var root = freeGlobal$1 || freeSelf || Function("return this")();
-var root$1 = root;
+const root$1 = root;
 var Symbol$1 = root$1.Symbol;
-var Symbol$2 = Symbol$1;
+const Symbol$2 = Symbol$1;
 var objectProto$f = Object.prototype;
 var hasOwnProperty$c = objectProto$f.hasOwnProperty;
 var nativeObjectToString$1 = objectProto$f.toString;
@@ -173,7 +160,7 @@ function arrayMap(array, iteratee) {
   return result;
 }
 var isArray = Array.isArray;
-var isArray$1 = isArray;
+const isArray$1 = isArray;
 var INFINITY$1 = 1 / 0;
 var symbolProto$2 = Symbol$2 ? Symbol$2.prototype : void 0, symbolToString = symbolProto$2 ? symbolProto$2.toString : void 0;
 function baseToString(value) {
@@ -239,7 +226,7 @@ function isFunction(value) {
   return tag == funcTag$2 || tag == genTag$1 || tag == asyncTag || tag == proxyTag;
 }
 var coreJsData = root$1["__core-js_shared__"];
-var coreJsData$1 = coreJsData;
+const coreJsData$1 = coreJsData;
 var maskSrcKey = function() {
   var uid = /[^.]+$/.exec(coreJsData$1 && coreJsData$1.keys && coreJsData$1.keys.IE_PROTO || "");
   return uid ? "Symbol(src)_1." + uid : "";
@@ -267,7 +254,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;
@@ -283,7 +272,7 @@ function getNative(object, key) {
   return baseIsNative(value) ? value : void 0;
 }
 var WeakMap = getNative(root$1, "WeakMap");
-var WeakMap$1 = WeakMap;
+const WeakMap$1 = WeakMap;
 var objectCreate = Object.create;
 var baseCreate = function() {
   function object() {
@@ -301,7 +290,7 @@ var baseCreate = function() {
     return result;
   };
 }();
-var baseCreate$1 = baseCreate;
+const baseCreate$1 = baseCreate;
 function copyArray(source, array) {
   var index2 = -1, length = source.length;
   array || (array = Array(length));
@@ -318,7 +307,7 @@ var defineProperty = function() {
   } catch (e) {
   }
 }();
-var defineProperty$1 = defineProperty;
+const defineProperty$1 = defineProperty;
 function arrayEach(array, iteratee) {
   var index2 = -1, length = array == null ? 0 : array.length;
   while (++index2 < length) {
@@ -407,7 +396,7 @@ var isArguments = baseIsArguments(function() {
 }()) ? baseIsArguments : function(value) {
   return isObjectLike(value) && hasOwnProperty$9.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
 };
-var isArguments$1 = isArguments;
+const isArguments$1 = isArguments;
 function stubFalse() {
   return false;
 }
@@ -417,7 +406,7 @@ var moduleExports$2 = freeModule$2 && freeModule$2.exports === freeExports$2;
 var Buffer$1 = moduleExports$2 ? root$1.Buffer : void 0;
 var nativeIsBuffer = Buffer$1 ? Buffer$1.isBuffer : void 0;
 var isBuffer = nativeIsBuffer || stubFalse;
-var isBuffer$1 = isBuffer;
+const isBuffer$1 = isBuffer;
 var argsTag$2 = "[object Arguments]", arrayTag$2 = "[object Array]", boolTag$4 = "[object Boolean]", dateTag$3 = "[object Date]", errorTag$2 = "[object Error]", funcTag$1 = "[object Function]", mapTag$7 = "[object Map]", numberTag$3 = "[object Number]", objectTag$3 = "[object Object]", regexpTag$3 = "[object RegExp]", setTag$7 = "[object Set]", stringTag$4 = "[object String]", weakMapTag$2 = "[object WeakMap]";
 var arrayBufferTag$3 = "[object ArrayBuffer]", dataViewTag$4 = "[object DataView]", float32Tag$2 = "[object Float32Array]", float64Tag$2 = "[object Float64Array]", int8Tag$2 = "[object Int8Array]", int16Tag$2 = "[object Int16Array]", int32Tag$2 = "[object Int32Array]", uint8Tag$2 = "[object Uint8Array]", uint8ClampedTag$2 = "[object Uint8ClampedArray]", uint16Tag$2 = "[object Uint16Array]", uint32Tag$2 = "[object Uint32Array]";
 var typedArrayTags = {};
@@ -445,10 +434,10 @@ var nodeUtil = function() {
   } catch (e) {
   }
 }();
-var nodeUtil$1 = nodeUtil;
+const nodeUtil$1 = nodeUtil;
 var nodeIsTypedArray = nodeUtil$1 && nodeUtil$1.isTypedArray;
 var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
-var isTypedArray$1 = isTypedArray;
+const isTypedArray$1 = isTypedArray;
 var objectProto$9 = Object.prototype;
 var hasOwnProperty$8 = objectProto$9.hasOwnProperty;
 function arrayLikeKeys(value, inherited) {
@@ -466,7 +455,7 @@ function overArg(func, transform) {
   };
 }
 var nativeKeys = overArg(Object.keys, Object);
-var nativeKeys$1 = nativeKeys;
+const nativeKeys$1 = nativeKeys;
 var objectProto$8 = Object.prototype;
 var hasOwnProperty$7 = objectProto$8.hasOwnProperty;
 function baseKeys(object) {
@@ -522,7 +511,7 @@ function isKey(value, object) {
   return reIsPlainProp.test(value) || !reIsDeepProp.test(value) || object != null && value in Object(object);
 }
 var nativeCreate = getNative(Object, "create");
-var nativeCreate$1 = nativeCreate;
+const nativeCreate$1 = nativeCreate;
 function hashClear() {
   this.__data__ = nativeCreate$1 ? nativeCreate$1(null) : {};
   this.size = 0;
@@ -629,7 +618,7 @@ ListCache.prototype.get = listCacheGet;
 ListCache.prototype.has = listCacheHas;
 ListCache.prototype.set = listCacheSet;
 var Map = getNative(root$1, "Map");
-var Map$1 = Map;
+const Map$1 = Map;
 function mapCacheClear() {
   this.size = 0;
   this.__data__ = {
@@ -717,7 +706,7 @@ var stringToPath = memoizeCapped(function(string) {
   });
   return result;
 });
-var stringToPath$1 = stringToPath;
+const stringToPath$1 = stringToPath;
 function toString(value) {
   return value == null ? "" : baseToString(value);
 }
@@ -755,7 +744,7 @@ function arrayPush(array, values) {
   return array;
 }
 var getPrototype = overArg(Object.getPrototypeOf, Object);
-var getPrototype$1 = getPrototype;
+const getPrototype$1 = getPrototype;
 var rsAstralRange$1 = "\\ud800-\\udfff", rsComboMarksRange$1 = "\\u0300-\\u036f", reComboHalfMarksRange$1 = "\\ufe20-\\ufe2f", rsComboSymbolsRange$1 = "\\u20d0-\\u20ff", rsComboRange$1 = rsComboMarksRange$1 + reComboHalfMarksRange$1 + rsComboSymbolsRange$1, rsVarRange$1 = "\\ufe0e\\ufe0f";
 var rsZWJ$1 = "\\u200d";
 var reHasUnicode = RegExp("[" + rsZWJ$1 + rsAstralRange$1 + rsComboRange$1 + rsVarRange$1 + "]");
@@ -855,7 +844,7 @@ var getSymbols = !nativeGetSymbols$1 ? stubArray : function(object) {
     return propertyIsEnumerable.call(object, symbol);
   });
 };
-var getSymbols$1 = getSymbols;
+const getSymbols$1 = getSymbols;
 function copySymbols(source, object) {
   return copyObject(source, getSymbols$1(source), object);
 }
@@ -868,7 +857,7 @@ var getSymbolsIn = !nativeGetSymbols ? stubArray : function(object) {
   }
   return result;
 };
-var getSymbolsIn$1 = getSymbolsIn;
+const getSymbolsIn$1 = getSymbolsIn;
 function copySymbolsIn(source, object) {
   return copyObject(source, getSymbolsIn$1(source), object);
 }
@@ -883,11 +872,11 @@ function getAllKeysIn(object) {
   return baseGetAllKeys(object, keysIn, getSymbolsIn$1);
 }
 var DataView = getNative(root$1, "DataView");
-var DataView$1 = DataView;
+const DataView$1 = DataView;
 var Promise$1 = getNative(root$1, "Promise");
-var Promise$2 = Promise$1;
+const Promise$2 = Promise$1;
 var Set = getNative(root$1, "Set");
-var Set$1 = Set;
+const Set$1 = Set;
 var mapTag$6 = "[object Map]", objectTag$2 = "[object Object]", promiseTag = "[object Promise]", setTag$6 = "[object Set]", weakMapTag$1 = "[object WeakMap]";
 var dataViewTag$3 = "[object DataView]";
 var dataViewCtorString = toSource(DataView$1), mapCtorString = toSource(Map$1), promiseCtorString = toSource(Promise$2), setCtorString = toSource(Set$1), weakMapCtorString = toSource(WeakMap$1);
@@ -912,7 +901,7 @@ if (DataView$1 && getTag(new DataView$1(new ArrayBuffer(1))) != dataViewTag$3 ||
     return result;
   };
 }
-var getTag$1 = getTag;
+const getTag$1 = getTag;
 var objectProto$3 = Object.prototype;
 var hasOwnProperty$3 = objectProto$3.hasOwnProperty;
 function initCloneArray(array) {
@@ -924,7 +913,7 @@ function initCloneArray(array) {
   return result;
 }
 var Uint8Array = root$1.Uint8Array;
-var Uint8Array$1 = Uint8Array;
+const Uint8Array$1 = Uint8Array;
 function cloneArrayBuffer(arrayBuffer) {
   var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
   new Uint8Array$1(result).set(new Uint8Array$1(arrayBuffer));
@@ -992,14 +981,14 @@ function baseIsMap(value) {
 }
 var nodeIsMap = nodeUtil$1 && nodeUtil$1.isMap;
 var isMap = nodeIsMap ? baseUnary(nodeIsMap) : baseIsMap;
-var isMap$1 = isMap;
+const isMap$1 = isMap;
 var setTag$4 = "[object Set]";
 function baseIsSet(value) {
   return isObjectLike(value) && getTag$1(value) == setTag$4;
 }
 var nodeIsSet = nodeUtil$1 && nodeUtil$1.isSet;
 var isSet = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet;
-var isSet$1 = isSet;
+const isSet$1 = isSet;
 var CLONE_DEEP_FLAG = 1, CLONE_FLAT_FLAG = 2, CLONE_SYMBOLS_FLAG$1 = 4;
 var argsTag$1 = "[object Arguments]", arrayTag$1 = "[object Array]", boolTag$2 = "[object Boolean]", dateTag$1 = "[object Date]", errorTag$1 = "[object Error]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", mapTag$3 = "[object Map]", numberTag$1 = "[object Number]", objectTag$1 = "[object Object]", regexpTag$1 = "[object RegExp]", setTag$3 = "[object Set]", stringTag$2 = "[object String]", symbolTag$1 = "[object Symbol]", weakMapTag = "[object WeakMap]";
 var arrayBufferTag$1 = "[object ArrayBuffer]", dataViewTag$1 = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
@@ -1426,7 +1415,7 @@ function createBaseFor(fromRight) {
   };
 }
 var baseFor = createBaseFor();
-var baseFor$1 = baseFor;
+const baseFor$1 = baseFor;
 function baseForOwn(object, iteratee) {
   return object && baseFor$1(object, iteratee, keys);
 }
@@ -1448,11 +1437,11 @@ function createBaseEach(eachFunc, fromRight) {
   };
 }
 var baseEach = createBaseEach(baseForOwn);
-var baseEach$1 = baseEach;
+const baseEach$1 = baseEach;
 var now = function() {
   return root$1.Date.now();
 };
-var now$1 = now;
+const now$1 = now;
 var FUNC_ERROR_TEXT = "Expected a function";
 var nativeMax = Math.max, nativeMin = Math.min;
 function debounce(func, wait, options) {
@@ -1582,7 +1571,7 @@ function isEmpty(value) {
   return true;
 }
 var asciiSize = baseProperty("length");
-var asciiSize$1 = asciiSize;
+const asciiSize$1 = asciiSize;
 var rsAstralRange = "\\ud800-\\udfff", rsComboMarksRange = "\\u0300-\\u036f", reComboHalfMarksRange = "\\ufe20-\\ufe2f", rsComboSymbolsRange = "\\u20d0-\\u20ff", rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange, rsVarRange = "\\ufe0e\\ufe0f";
 var rsAstral = "[" + rsAstralRange + "]", rsCombo = "[" + rsComboRange + "]", rsFitz = "\\ud83c[\\udffb-\\udfff]", rsModifier = "(?:" + rsCombo + "|" + rsFitz + ")", rsNonAstral = "[^" + rsAstralRange + "]", rsRegional = "(?:\\ud83c[\\udde6-\\uddff]){2}", rsSurrPair = "[\\ud800-\\udbff][\\udc00-\\udfff]", rsZWJ = "\\u200d";
 var reOptMod = rsModifier + "?", rsOptVar = "[" + rsVarRange + "]?", rsOptJoin = "(?:" + rsZWJ + "(?:" + [rsNonAstral, rsRegional, rsSurrPair].join("|") + ")" + rsOptVar + reOptMod + ")*", rsSeq = rsOptVar + reOptMod + rsOptJoin, rsSymbol = "(?:" + [rsNonAstral + rsCombo + "?", rsCombo, rsRegional, rsSurrPair, rsAstral].join("|") + ")";
@@ -1666,11 +1655,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 +1670,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 +1684,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) => {
@@ -1709,16 +1706,15 @@ const handleActionIconClick = (params) => {
   });
 };
 const defaultPartDrillDownDisplayCondition = (meta) => {
-  var _a;
   const s22 = meta.spreadsheet;
   const { fields } = s22.dataCfg;
-  const iconLevel = ((_a = fields.rows) == null ? void 0 : _a.length) - 1;
+  const iconLevel = size(fields.rows) - 1;
   const isValueInCols = !isEmpty(fields.values) ? s22.isValueInCols() : true;
   return iconLevel <= meta.level && s22.isHierarchyTreeType() && isValueInCols && !meta.isGrandTotals;
 };
 const buildDrillDownOptions = (options, partDrillDown, callback) => {
   var _a;
-  const nextHeaderIcons = ((_a = options.headerActionIcons) == null ? void 0 : _a.length) ? [...options.headerActionIcons] : [];
+  const nextHeaderIcons = ((_a = options == null ? void 0 : options.headerActionIcons) == null ? void 0 : _a.length) ? [...options.headerActionIcons] : [];
   if (!isEmpty(partDrillDown)) {
     const drillDownActionIcon = {
       belongsCell: "rowCell",
@@ -1739,25 +1735,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 = {
@@ -1784,13 +1791,6 @@ const useExpose = (expose) => {
   });
   return s2Ref;
 };
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
 const _sfc_main$e = vue.defineComponent({
   name: "TooltipDetail",
   props: ["list"],
@@ -1800,6 +1800,13 @@ const _sfc_main$e = vue.defineComponent({
     };
   }
 });
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
 function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.list, (item, index2) => {
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -1819,7 +1826,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2);
   }), 128);
 }
-var TooltipDetail = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e]]);
+const TooltipDetail = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e]]);
 const _sfc_main$d = vue.defineComponent({
   name: "TooltipHeadInfo",
   props: ["rows", "cols"],
@@ -1850,7 +1857,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 2)) : vue.createCommentVNode("", true);
 }
-var TooltipHeadInfo = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d]]);
+const TooltipHeadInfo = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d]]);
 const _sfc_main$c = vue.defineComponent({
   name: "TooltipInfos",
   props: ["infos"],
@@ -1866,7 +1873,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     class: vue.normalizeClass(`${_ctx.TOOLTIP_PREFIX_CLS}-infos`)
   }, vue.toDisplayString(_ctx.infos), 3);
 }
-var TooltipInfos = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c]]);
+const TooltipInfos = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c]]);
 const _sfc_main$b = vue.defineComponent({
   name: "TooltipSimpleTips",
   props: ["name", "tips"],
@@ -1889,18 +1896,24 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     }, vue.toDisplayString(_ctx.tips), 3)) : vue.createCommentVNode("", true)
   ], 64);
 }
-var TooltipSimpleTips = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b]]);
+const TooltipSimpleTips = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b]]);
 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,
@@ -1928,7 +1941,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         vue.createElementVNode("span", {
           class: vue.normalizeClass(`${_ctx.TOOLTIP_PREFIX_CLS}-summary-key`)
-        }, vue.toDisplayString(summary.name) + " " + vue.toDisplayString(_ctx.i18n("\u603B\u548C")), 3),
+        }, vue.toDisplayString(summary.name) + " (" + vue.toDisplayString(_ctx.i18n("\u603B\u548C")) + ") ", 3),
         vue.createElementVNode("span", {
           class: vue.normalizeClass(`${_ctx.TOOLTIP_PREFIX_CLS}-summary-val ${_ctx.TOOLTIP_PREFIX_CLS}-bold`)
         }, vue.toDisplayString(summary.value), 3)
@@ -1936,7 +1949,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 2);
 }
-var TooltipSummary = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a]]);
+const TooltipSummary = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a]]);
 const _sfc_main$9 = vue.defineComponent({
   name: "TooltipOperatorTitle",
   props: ["menu"],
@@ -1961,7 +1974,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     }, vue.toDisplayString(_ctx.menu.text), 3)
   ]);
 }
-var TooltipOperatorTitle = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9]]);
+const TooltipOperatorTitle = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9]]);
 const _sfc_main$8 = vue.defineComponent({
   name: "TooltipOperatorMenu",
   props: ["menu", "cell"],
@@ -2040,8 +2053,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["title"])) : vue.createCommentVNode("", true)
   ], 64);
 }
-var TooltipOperatorMenu = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8]]);
-var index_vue_vue_type_style_index_0_lang$1 = "";
+const TooltipOperatorMenu = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8]]);
 const _sfc_main$7 = vue.defineComponent({
   name: "TooltipOperator",
   props: [
@@ -2050,9 +2062,9 @@ const _sfc_main$7 = vue.defineComponent({
     "onClick",
     "cell"
   ],
-  setup(props, { emit }) {
-    const onMenuClick = (...args) => {
-      emit("click", ...args);
+  setup(_, { emit }) {
+    const onMenuClick = (menuInfo) => {
+      emit("click", menuInfo);
     };
     return {
       TOOLTIP_PREFIX_CLS: s2.TOOLTIP_PREFIX_CLS,
@@ -2066,6 +2078,7 @@ const _sfc_main$7 = vue.defineComponent({
     TooltipOperatorMenu
   }
 });
+const index_vue_vue_type_style_index_0_lang$1 = "";
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_TooltipOperatorMenu = vue.resolveComponent("TooltipOperatorMenu");
   const _component_Menu = vue.resolveComponent("Menu");
@@ -2129,8 +2142,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 2);
 }
-var TooltipOperator = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
-var index_vue_vue_type_style_index_0_lang = "";
+const TooltipOperator = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
 const _sfc_main$6 = vue.defineComponent({
   name: "TooltipComponent",
   props: [
@@ -2157,6 +2169,7 @@ const _sfc_main$6 = vue.defineComponent({
     TooltipOperator
   }
 });
+const index_vue_vue_type_style_index_0_lang = "";
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
   const _component_TooltipOperator = vue.resolveComponent("TooltipOperator");
@@ -2201,7 +2214,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ], 64));
 }
-var TooltipComponent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
+const TooltipComponent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
 class CustomTooltip extends s2.BaseTooltip {
   constructor(spreadsheet) {
     super(spreadsheet);
@@ -2210,15 +2223,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 +2253,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 +2282,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;
@@ -2348,7 +2376,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     }, vue.toDisplayString(_ctx.i18n("\u5171\u8BA1")) + " " + vue.toDisplayString(_ctx.total || " - ") + " " + vue.toDisplayString(_ctx.i18n("\u6761")), 3)
   ], 2);
 }
-var S2Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
+const S2Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
 const RENDER_TOOLTIP_OPTION = {
   tooltip: {
     renderTooltip: (spreadsheet) => new CustomTooltip(spreadsheet)
@@ -2377,73 +2405,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,8 +2661,18 @@ 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.ROW_CELL_BRUSH_SELECTION, "rowCellBrushSelection");
-    useS2Event(s2Ref, emit, s2.S2Event.COL_CELL_BRUSH_SELECTION, "colCellBrushSelection");
+    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) => {
@@ -2478,32 +2696,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.clearColumnLeafNodes();
+      }
+      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) {
@@ -2519,21 +2749,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 {
@@ -2543,6 +2777,7 @@ function useSpreadSheet(props, emit) {
     loading: loadingProps,
     sheetType,
     onSpreadsheet,
+    onMounted: onS2Mounted,
     onGetSpreadSheet
   } = props;
   const wrapperRef = vue.ref();
@@ -2569,6 +2804,7 @@ function useSpreadSheet(props, emit) {
     s2Ref.value.render();
     setLoading(false);
     onGetSpreadSheet == null ? void 0 : onGetSpreadSheet(s2Ref.value);
+    onS2Mounted == null ? void 0 : onS2Mounted(s2Ref.value);
   };
   vue.onMounted(buildSpreadSheet);
   useEvents(s2Ref, emit);
@@ -2607,7 +2843,8 @@ const initBaseSheetProps = () => ({
     default: false
   },
   onSpreadsheet: Function,
-  onGetSpreadSheet: Function
+  onGetSpreadSheet: Function,
+  onMounted: Function
 });
 const initDrillDownProps = () => ({
   className: String,
@@ -2695,6 +2932,7 @@ const initBaseSheetEmits = () => {
     "layoutColsHidden",
     "beforeRender",
     "afterRender",
+    "mounted",
     "destroy",
     "layoutResize",
     "layoutResizeSeriesWidth",
@@ -2728,7 +2966,6 @@ const initBaseSheetEmits = () => {
   ];
   return keys2;
 };
-var baseSheet_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$4 = vue.defineComponent({
   name: "BaseSheet",
   props: initBaseSheetProps(),
@@ -2770,6 +3007,7 @@ const _sfc_main$4 = vue.defineComponent({
     S2Pagination
   }
 });
+const baseSheet_vue_vue_type_style_index_0_lang = "";
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_S2Pagination = vue.resolveComponent("S2Pagination");
   const _component_Spin = vue.resolveComponent("Spin");
@@ -2799,7 +3037,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["wrapperClassName", "spinning"]);
 }
-var BaseSheet = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
+const BaseSheet = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
 const _hoisted_1$2 = {
   class: "antv-s2-icon",
   viewBox: "0 0 1024 1024",
@@ -2817,7 +3055,7 @@ const _hoisted_3$2 = [
 function render$2(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$2, _hoisted_3$2);
 }
-var LocationIcon = { render: render$2 };
+const LocationIcon = { render: render$2 };
 const _hoisted_1$1 = {
   class: "antv-s2-icon",
   viewBox: "0 0 1024 1024",
@@ -2835,7 +3073,7 @@ const _hoisted_3$1 = [
 function render$1(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
 }
-var TextIcon = { render: render$1 };
+const TextIcon = { render: render$1 };
 const _hoisted_1 = {
   class: "antv-s2-icon",
   viewBox: "0 0 1024 1024",
@@ -2853,8 +3091,7 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-var CalendarIcon = { render };
-var index_vue_vue_type_style_index_0_scoped_true_lang = "";
+const CalendarIcon = { render };
 const _sfc_main$3 = vue.defineComponent({
   name: "DrillDown",
   props: initDrillDownProps(),
@@ -2928,6 +3165,7 @@ const _sfc_main$3 = vue.defineComponent({
     };
   }
 });
+const index_vue_vue_type_style_index_0_scoped_1a60f775_lang = "";
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Button = vue.resolveComponent("Button");
   const _component_Input = vue.resolveComponent("Input");
@@ -2995,7 +3233,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["selectedKeys", "onSelect"])
   ], 2);
 }
-var DrillDown = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-3a294982"]]);
+const DrillDown = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-1a60f775"]]);
 const _sfc_main$2 = vue.defineComponent({
   name: "PivotSheet",
   props: initBaseSheetProps(),
@@ -3027,11 +3265,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,
@@ -3042,7 +3281,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
@@ -3059,7 +3304,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     options: _ctx.options
   }), null, 16, ["options"]);
 }
-var PivotSheet = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
+const PivotSheet = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
 const _sfc_main$1 = vue.defineComponent({
   name: "TableSheet",
   props: [],
@@ -3076,7 +3321,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BaseSheet = vue.resolveComponent("BaseSheet");
   return vue.openBlock(), vue.createBlock(_component_BaseSheet, { ref: "s2Ref" }, null, 512);
 }
-var TableSheet = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+const TableSheet = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 const _sfc_main = vue.defineComponent({
   name: "Sheet",
   props: [],
@@ -3102,7 +3347,7 @@ const _sfc_main = vue.defineComponent({
 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 index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 exports.BaseSheet = BaseSheet;
 exports.CustomTooltip = CustomTooltip;
 exports.PivotSheet = PivotSheet;