@antv/s2-vue 1.0.1 → 1.1.0

package/esm/index.js

@@ -17,9 +17,9 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { customMerge, DEFAULT_OPTIONS, extendLocale, S2Event, i18n, S2_PREFIX_CLS, TOOLTIP_PREFIX_CLS, getIcon, getTooltipDefaultOptions, BaseTooltip, getBaseCellData, TableSheet as TableSheet$1, PivotSheet as PivotSheet$1 } from "@antv/s2";
-import { shallowRef, ref, computed, watch, defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, createElementVNode, toDisplayString, Fragment, renderList, createCommentVNode, createTextVNode, createBlock, withCtx, render, onMounted, reactive, isProxy, onBeforeUnmount, toRaw, resolveDynamicComponent } from "vue";
-import { Pagination, Menu, Dropdown, Spin } from "ant-design-vue";
+import { customMerge, DEFAULT_OPTIONS, S2Event, i18n, extendLocale, S2_PREFIX_CLS, TOOLTIP_PREFIX_CLS, getIcon, getTooltipDefaultOptions, BaseTooltip, getBaseCellData, TableSheet as TableSheet$1, PivotSheet as PivotSheet$1 } from "@antv/s2";
+import { shallowRef, ref, computed, watch, defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, createElementVNode, toDisplayString, Fragment, renderList, createCommentVNode, createTextVNode, createBlock, withCtx, renderSlot, render as render$3, onMounted, reactive, isProxy, onBeforeUnmount, toRaw, toRefs, mergeProps, resolveDynamicComponent } from "vue";
+import { Pagination, Menu, Dropdown, Spin, Button, Input, Empty, MenuItem } from "ant-design-vue";
 const SHEET_COMPONENT_DEFAULT_OPTIONS = {
   tooltip: {
     showTooltip: true,
@@ -40,12 +40,12 @@ var root = freeGlobal$1 || freeSelf || Function("return this")();
 var root$1 = root;
 var Symbol$1 = root$1.Symbol;
 var Symbol$2 = Symbol$1;
-var objectProto$c = Object.prototype;
-var hasOwnProperty$9 = objectProto$c.hasOwnProperty;
-var nativeObjectToString$1 = objectProto$c.toString;
+var objectProto$f = Object.prototype;
+var hasOwnProperty$c = objectProto$f.hasOwnProperty;
+var nativeObjectToString$1 = objectProto$f.toString;
 var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : void 0;
 function getRawTag(value) {
-  var isOwn = hasOwnProperty$9.call(value, symToStringTag$1), tag = value[symToStringTag$1];
+  var isOwn = hasOwnProperty$c.call(value, symToStringTag$1), tag = value[symToStringTag$1];
   try {
     value[symToStringTag$1] = void 0;
     var unmasked = true;
@@ -61,8 +61,8 @@ function getRawTag(value) {
   }
   return result;
 }
-var objectProto$b = Object.prototype;
-var nativeObjectToString = objectProto$b.toString;
+var objectProto$e = Object.prototype;
+var nativeObjectToString = objectProto$e.toString;
 function objectToString(value) {
   return nativeObjectToString.call(value);
 }
@@ -77,9 +77,9 @@ function baseGetTag(value) {
 function isObjectLike(value) {
   return value != null && typeof value == "object";
 }
-var symbolTag$1 = "[object Symbol]";
+var symbolTag$3 = "[object Symbol]";
 function isSymbol(value) {
-  return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag$1;
+  return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag$3;
 }
 function arrayMap(array, iteratee) {
   var index2 = -1, length = array == null ? 0 : array.length, result = Array(length);
@@ -91,7 +91,7 @@ function arrayMap(array, iteratee) {
 var isArray = Array.isArray;
 var isArray$1 = isArray;
 var INFINITY$1 = 1 / 0;
-var symbolProto$1 = Symbol$2 ? Symbol$2.prototype : void 0, symbolToString = symbolProto$1 ? symbolProto$1.toString : void 0;
+var symbolProto$2 = Symbol$2 ? Symbol$2.prototype : void 0, symbolToString = symbolProto$2 ? symbolProto$2.toString : void 0;
 function baseToString(value) {
   if (typeof value == "string") {
     return value;
@@ -146,13 +146,13 @@ function toNumber(value) {
 function identity(value) {
   return value;
 }
-var asyncTag = "[object AsyncFunction]", funcTag$1 = "[object Function]", genTag = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
+var asyncTag = "[object AsyncFunction]", funcTag$2 = "[object Function]", genTag$1 = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
 function isFunction(value) {
   if (!isObject(value)) {
     return false;
   }
   var tag = baseGetTag(value);
-  return tag == funcTag$1 || tag == genTag || tag == asyncTag || tag == proxyTag;
+  return tag == funcTag$2 || tag == genTag$1 || tag == asyncTag || tag == proxyTag;
 }
 var coreJsData = root$1["__core-js_shared__"];
 var coreJsData$1 = coreJsData;
@@ -180,10 +180,10 @@ function toSource(func) {
 }
 var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
 var reIsHostCtor = /^\[object .+?Constructor\]$/;
-var funcProto = Function.prototype, objectProto$a = Object.prototype;
+var funcProto = Function.prototype, objectProto$d = Object.prototype;
 var funcToString = funcProto.toString;
-var hasOwnProperty$8 = objectProto$a.hasOwnProperty;
-var reIsNative = RegExp("^" + funcToString.call(hasOwnProperty$8).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
+var hasOwnProperty$b = objectProto$d.hasOwnProperty;
+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;
@@ -200,6 +200,50 @@ function getNative(object, key) {
 }
 var WeakMap = getNative(root$1, "WeakMap");
 var WeakMap$1 = WeakMap;
+var objectCreate = Object.create;
+var baseCreate = function() {
+  function object() {
+  }
+  return function(proto) {
+    if (!isObject(proto)) {
+      return {};
+    }
+    if (objectCreate) {
+      return objectCreate(proto);
+    }
+    object.prototype = proto;
+    var result = new object();
+    object.prototype = void 0;
+    return result;
+  };
+}();
+var baseCreate$1 = baseCreate;
+function copyArray(source, array) {
+  var index2 = -1, length = source.length;
+  array || (array = Array(length));
+  while (++index2 < length) {
+    array[index2] = source[index2];
+  }
+  return array;
+}
+var defineProperty = function() {
+  try {
+    var func = getNative(Object, "defineProperty");
+    func({}, "", {});
+    return func;
+  } catch (e) {
+  }
+}();
+var defineProperty$1 = defineProperty;
+function arrayEach(array, iteratee) {
+  var index2 = -1, length = array == null ? 0 : array.length;
+  while (++index2 < length) {
+    if (iteratee(array[index2], index2, array) === false) {
+      break;
+    }
+  }
+  return array;
+}
 var MAX_SAFE_INTEGER$1 = 9007199254740991;
 var reIsUint = /^(?:0|[1-9]\d*)$/;
 function isIndex(value, length) {
@@ -207,9 +251,47 @@ function isIndex(value, length) {
   length = length == null ? MAX_SAFE_INTEGER$1 : length;
   return !!length && (type == "number" || type != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
 }
+function baseAssignValue(object, key, value) {
+  if (key == "__proto__" && defineProperty$1) {
+    defineProperty$1(object, key, {
+      "configurable": true,
+      "enumerable": true,
+      "value": value,
+      "writable": true
+    });
+  } else {
+    object[key] = value;
+  }
+}
 function eq(value, other) {
   return value === other || value !== value && other !== other;
 }
+var objectProto$c = Object.prototype;
+var hasOwnProperty$a = objectProto$c.hasOwnProperty;
+function assignValue(object, key, value) {
+  var objValue = object[key];
+  if (!(hasOwnProperty$a.call(object, key) && eq(objValue, value)) || value === void 0 && !(key in object)) {
+    baseAssignValue(object, key, value);
+  }
+}
+function copyObject(source, props, object, customizer) {
+  var isNew = !object;
+  object || (object = {});
+  var index2 = -1, length = props.length;
+  while (++index2 < length) {
+    var key = props[index2];
+    var newValue = customizer ? customizer(object[key], source[key], key, object, source) : void 0;
+    if (newValue === void 0) {
+      newValue = source[key];
+    }
+    if (isNew) {
+      baseAssignValue(object, key, newValue);
+    } else {
+      assignValue(object, key, newValue);
+    }
+  }
+  return object;
+}
 var MAX_SAFE_INTEGER = 9007199254740991;
 function isLength(value) {
   return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
@@ -217,9 +299,9 @@ function isLength(value) {
 function isArrayLike(value) {
   return value != null && isLength(value.length) && !isFunction(value);
 }
-var objectProto$9 = Object.prototype;
+var objectProto$b = Object.prototype;
 function isPrototype(value) {
-  var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$9;
+  var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$b;
   return value === proto;
 }
 function baseTimes(n, iteratee) {
@@ -229,34 +311,34 @@ function baseTimes(n, iteratee) {
   }
   return result;
 }
-var argsTag$2 = "[object Arguments]";
+var argsTag$3 = "[object Arguments]";
 function baseIsArguments(value) {
-  return isObjectLike(value) && baseGetTag(value) == argsTag$2;
+  return isObjectLike(value) && baseGetTag(value) == argsTag$3;
 }
-var objectProto$8 = Object.prototype;
-var hasOwnProperty$7 = objectProto$8.hasOwnProperty;
-var propertyIsEnumerable$1 = objectProto$8.propertyIsEnumerable;
+var objectProto$a = Object.prototype;
+var hasOwnProperty$9 = objectProto$a.hasOwnProperty;
+var propertyIsEnumerable$1 = objectProto$a.propertyIsEnumerable;
 var isArguments = baseIsArguments(function() {
   return arguments;
 }()) ? baseIsArguments : function(value) {
-  return isObjectLike(value) && hasOwnProperty$7.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
+  return isObjectLike(value) && hasOwnProperty$9.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
 };
 var isArguments$1 = isArguments;
 function stubFalse() {
   return false;
 }
-var freeExports$1 = typeof exports == "object" && exports && !exports.nodeType && exports;
-var freeModule$1 = freeExports$1 && typeof module == "object" && module && !module.nodeType && module;
-var moduleExports$1 = freeModule$1 && freeModule$1.exports === freeExports$1;
-var Buffer2 = moduleExports$1 ? root$1.Buffer : void 0;
-var nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : void 0;
+var freeExports$2 = typeof exports == "object" && exports && !exports.nodeType && exports;
+var freeModule$2 = freeExports$2 && typeof module == "object" && module && !module.nodeType && module;
+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;
-var argsTag$1 = "[object Arguments]", arrayTag$1 = "[object Array]", boolTag$2 = "[object Boolean]", dateTag$1 = "[object Date]", errorTag$1 = "[object Error]", funcTag = "[object Function]", mapTag$4 = "[object Map]", numberTag$1 = "[object Number]", objectTag$2 = "[object Object]", regexpTag$1 = "[object RegExp]", setTag$4 = "[object Set]", stringTag$2 = "[object String]", weakMapTag$1 = "[object WeakMap]";
-var arrayBufferTag$1 = "[object ArrayBuffer]", dataViewTag$2 = "[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]";
+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 = {};
-typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true;
-typedArrayTags[argsTag$1] = typedArrayTags[arrayTag$1] = typedArrayTags[arrayBufferTag$1] = typedArrayTags[boolTag$2] = typedArrayTags[dataViewTag$2] = typedArrayTags[dateTag$1] = typedArrayTags[errorTag$1] = typedArrayTags[funcTag] = typedArrayTags[mapTag$4] = typedArrayTags[numberTag$1] = typedArrayTags[objectTag$2] = typedArrayTags[regexpTag$1] = typedArrayTags[setTag$4] = typedArrayTags[stringTag$2] = typedArrayTags[weakMapTag$1] = false;
+typedArrayTags[float32Tag$2] = typedArrayTags[float64Tag$2] = typedArrayTags[int8Tag$2] = typedArrayTags[int16Tag$2] = typedArrayTags[int32Tag$2] = typedArrayTags[uint8Tag$2] = typedArrayTags[uint8ClampedTag$2] = typedArrayTags[uint16Tag$2] = typedArrayTags[uint32Tag$2] = true;
+typedArrayTags[argsTag$2] = typedArrayTags[arrayTag$2] = typedArrayTags[arrayBufferTag$3] = typedArrayTags[boolTag$4] = typedArrayTags[dataViewTag$4] = typedArrayTags[dateTag$3] = typedArrayTags[errorTag$2] = typedArrayTags[funcTag$1] = typedArrayTags[mapTag$7] = typedArrayTags[numberTag$3] = typedArrayTags[objectTag$3] = typedArrayTags[regexpTag$3] = typedArrayTags[setTag$7] = typedArrayTags[stringTag$4] = typedArrayTags[weakMapTag$2] = false;
 function baseIsTypedArray(value) {
   return isObjectLike(value) && isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
 }
@@ -265,13 +347,13 @@ function baseUnary(func) {
     return func(value);
   };
 }
-var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
-var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
-var moduleExports = freeModule && freeModule.exports === freeExports;
-var freeProcess = moduleExports && freeGlobal$1.process;
+var freeExports$1 = typeof exports == "object" && exports && !exports.nodeType && exports;
+var freeModule$1 = freeExports$1 && typeof module == "object" && module && !module.nodeType && module;
+var moduleExports$1 = freeModule$1 && freeModule$1.exports === freeExports$1;
+var freeProcess = moduleExports$1 && freeGlobal$1.process;
 var nodeUtil = function() {
   try {
-    var types = freeModule && freeModule.require && freeModule.require("util").types;
+    var types = freeModule$1 && freeModule$1.require && freeModule$1.require("util").types;
     if (types) {
       return types;
     }
@@ -283,12 +365,12 @@ var nodeUtil$1 = nodeUtil;
 var nodeIsTypedArray = nodeUtil$1 && nodeUtil$1.isTypedArray;
 var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
 var isTypedArray$1 = isTypedArray;
-var objectProto$7 = Object.prototype;
-var hasOwnProperty$6 = objectProto$7.hasOwnProperty;
+var objectProto$9 = Object.prototype;
+var hasOwnProperty$8 = objectProto$9.hasOwnProperty;
 function arrayLikeKeys(value, inherited) {
   var isArr = isArray$1(value), isArg = !isArr && isArguments$1(value), isBuff = !isArr && !isArg && isBuffer$1(value), isType = !isArr && !isArg && !isBuff && isTypedArray$1(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
   for (var key in value) {
-    if ((inherited || hasOwnProperty$6.call(value, key)) && !(skipIndexes && (key == "length" || isBuff && (key == "offset" || key == "parent") || isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || isIndex(key, length)))) {
+    if ((inherited || hasOwnProperty$8.call(value, key)) && !(skipIndexes && (key == "length" || isBuff && (key == "offset" || key == "parent") || isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || isIndex(key, length)))) {
       result.push(key);
     }
   }
@@ -301,15 +383,15 @@ function overArg(func, transform) {
 }
 var nativeKeys = overArg(Object.keys, Object);
 var nativeKeys$1 = nativeKeys;
-var objectProto$6 = Object.prototype;
-var hasOwnProperty$5 = objectProto$6.hasOwnProperty;
+var objectProto$8 = Object.prototype;
+var hasOwnProperty$7 = objectProto$8.hasOwnProperty;
 function baseKeys(object) {
   if (!isPrototype(object)) {
     return nativeKeys$1(object);
   }
   var result = [];
   for (var key in Object(object)) {
-    if (hasOwnProperty$5.call(object, key) && key != "constructor") {
+    if (hasOwnProperty$7.call(object, key) && key != "constructor") {
       result.push(key);
     }
   }
@@ -318,6 +400,32 @@ function baseKeys(object) {
 function keys(object) {
   return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);
 }
+function nativeKeysIn(object) {
+  var result = [];
+  if (object != null) {
+    for (var key in Object(object)) {
+      result.push(key);
+    }
+  }
+  return result;
+}
+var objectProto$7 = Object.prototype;
+var hasOwnProperty$6 = objectProto$7.hasOwnProperty;
+function baseKeysIn(object) {
+  if (!isObject(object)) {
+    return nativeKeysIn(object);
+  }
+  var isProto = isPrototype(object), result = [];
+  for (var key in object) {
+    if (!(key == "constructor" && (isProto || !hasOwnProperty$6.call(object, key)))) {
+      result.push(key);
+    }
+  }
+  return result;
+}
+function keysIn(object) {
+  return isArrayLike(object) ? arrayLikeKeys(object, true) : baseKeysIn(object);
+}
 var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp = /^\w*$/;
 function isKey(value, object) {
   if (isArray$1(value)) {
@@ -341,21 +449,21 @@ function hashDelete(key) {
   return result;
 }
 var HASH_UNDEFINED$2 = "__lodash_hash_undefined__";
-var objectProto$5 = Object.prototype;
-var hasOwnProperty$4 = objectProto$5.hasOwnProperty;
+var objectProto$6 = Object.prototype;
+var hasOwnProperty$5 = objectProto$6.hasOwnProperty;
 function hashGet(key) {
   var data = this.__data__;
   if (nativeCreate$1) {
     var result = data[key];
     return result === HASH_UNDEFINED$2 ? void 0 : result;
   }
-  return hasOwnProperty$4.call(data, key) ? data[key] : void 0;
+  return hasOwnProperty$5.call(data, key) ? data[key] : void 0;
 }
-var objectProto$4 = Object.prototype;
-var hasOwnProperty$3 = objectProto$4.hasOwnProperty;
+var objectProto$5 = Object.prototype;
+var hasOwnProperty$4 = objectProto$5.hasOwnProperty;
 function hashHas(key) {
   var data = this.__data__;
-  return nativeCreate$1 ? data[key] !== void 0 : hasOwnProperty$3.call(data, key);
+  return nativeCreate$1 ? data[key] !== void 0 : hasOwnProperty$4.call(data, key);
 }
 var HASH_UNDEFINED$1 = "__lodash_hash_undefined__";
 function hashSet(key, value) {
@@ -562,6 +670,8 @@ function arrayPush(array, values) {
   }
   return array;
 }
+var getPrototype = overArg(Object.getPrototypeOf, Object);
+var 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 + "]");
@@ -618,6 +728,24 @@ Stack.prototype["delete"] = stackDelete;
 Stack.prototype.get = stackGet;
 Stack.prototype.has = stackHas;
 Stack.prototype.set = stackSet;
+function baseAssign(object, source) {
+  return object && copyObject(source, keys(source), object);
+}
+function baseAssignIn(object, source) {
+  return object && copyObject(source, keysIn(source), object);
+}
+var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
+var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
+var moduleExports = freeModule && freeModule.exports === freeExports;
+var Buffer2 = moduleExports ? root$1.Buffer : void 0, allocUnsafe = Buffer2 ? Buffer2.allocUnsafe : void 0;
+function cloneBuffer(buffer, isDeep) {
+  if (isDeep) {
+    return buffer.slice();
+  }
+  var length = buffer.length, result = allocUnsafe ? allocUnsafe(length) : new buffer.constructor(length);
+  buffer.copy(result);
+  return result;
+}
 function arrayFilter(array, predicate) {
   var index2 = -1, length = array == null ? 0 : array.length, resIndex = 0, result = [];
   while (++index2 < length) {
@@ -631,19 +759,35 @@ function arrayFilter(array, predicate) {
 function stubArray() {
   return [];
 }
-var objectProto$3 = Object.prototype;
-var propertyIsEnumerable = objectProto$3.propertyIsEnumerable;
-var nativeGetSymbols = Object.getOwnPropertySymbols;
-var getSymbols = !nativeGetSymbols ? stubArray : function(object) {
+var objectProto$4 = Object.prototype;
+var propertyIsEnumerable = objectProto$4.propertyIsEnumerable;
+var nativeGetSymbols$1 = Object.getOwnPropertySymbols;
+var getSymbols = !nativeGetSymbols$1 ? stubArray : function(object) {
   if (object == null) {
     return [];
   }
   object = Object(object);
-  return arrayFilter(nativeGetSymbols(object), function(symbol) {
+  return arrayFilter(nativeGetSymbols$1(object), function(symbol) {
     return propertyIsEnumerable.call(object, symbol);
   });
 };
 var getSymbols$1 = getSymbols;
+function copySymbols(source, object) {
+  return copyObject(source, getSymbols$1(source), object);
+}
+var nativeGetSymbols = Object.getOwnPropertySymbols;
+var getSymbolsIn = !nativeGetSymbols ? stubArray : function(object) {
+  var result = [];
+  while (object) {
+    arrayPush(result, getSymbols$1(object));
+    object = getPrototype$1(object);
+  }
+  return result;
+};
+var getSymbolsIn$1 = getSymbolsIn;
+function copySymbolsIn(source, object) {
+  return copyObject(source, getSymbolsIn$1(source), object);
+}
 function baseGetAllKeys(object, keysFunc, symbolsFunc) {
   var result = keysFunc(object);
   return isArray$1(object) ? result : arrayPush(result, symbolsFunc(object));
@@ -651,39 +795,197 @@ function baseGetAllKeys(object, keysFunc, symbolsFunc) {
 function getAllKeys(object) {
   return baseGetAllKeys(object, keys, getSymbols$1);
 }
+function getAllKeysIn(object) {
+  return baseGetAllKeys(object, keysIn, getSymbolsIn$1);
+}
 var DataView = getNative(root$1, "DataView");
 var DataView$1 = DataView;
 var Promise$1 = getNative(root$1, "Promise");
 var Promise$2 = Promise$1;
 var Set = getNative(root$1, "Set");
 var Set$1 = Set;
-var mapTag$3 = "[object Map]", objectTag$1 = "[object Object]", promiseTag = "[object Promise]", setTag$3 = "[object Set]", weakMapTag = "[object WeakMap]";
-var dataViewTag$1 = "[object DataView]";
+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);
 var getTag = baseGetTag;
-if (DataView$1 && getTag(new DataView$1(new ArrayBuffer(1))) != dataViewTag$1 || Map$1 && getTag(new Map$1()) != mapTag$3 || Promise$2 && getTag(Promise$2.resolve()) != promiseTag || Set$1 && getTag(new Set$1()) != setTag$3 || WeakMap$1 && getTag(new WeakMap$1()) != weakMapTag) {
+if (DataView$1 && getTag(new DataView$1(new ArrayBuffer(1))) != dataViewTag$3 || Map$1 && getTag(new Map$1()) != mapTag$6 || Promise$2 && getTag(Promise$2.resolve()) != promiseTag || Set$1 && getTag(new Set$1()) != setTag$6 || WeakMap$1 && getTag(new WeakMap$1()) != weakMapTag$1) {
   getTag = function(value) {
-    var result = baseGetTag(value), Ctor = result == objectTag$1 ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
+    var result = baseGetTag(value), Ctor = result == objectTag$2 ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
     if (ctorString) {
       switch (ctorString) {
         case dataViewCtorString:
-          return dataViewTag$1;
+          return dataViewTag$3;
         case mapCtorString:
-          return mapTag$3;
+          return mapTag$6;
         case promiseCtorString:
           return promiseTag;
         case setCtorString:
-          return setTag$3;
+          return setTag$6;
         case weakMapCtorString:
-          return weakMapTag;
+          return weakMapTag$1;
       }
     }
     return result;
   };
 }
 var getTag$1 = getTag;
+var objectProto$3 = Object.prototype;
+var hasOwnProperty$3 = objectProto$3.hasOwnProperty;
+function initCloneArray(array) {
+  var length = array.length, result = new array.constructor(length);
+  if (length && typeof array[0] == "string" && hasOwnProperty$3.call(array, "index")) {
+    result.index = array.index;
+    result.input = array.input;
+  }
+  return result;
+}
 var Uint8Array2 = root$1.Uint8Array;
 var Uint8Array$1 = Uint8Array2;
+function cloneArrayBuffer(arrayBuffer) {
+  var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
+  new Uint8Array$1(result).set(new Uint8Array$1(arrayBuffer));
+  return result;
+}
+function cloneDataView(dataView, isDeep) {
+  var buffer = isDeep ? cloneArrayBuffer(dataView.buffer) : dataView.buffer;
+  return new dataView.constructor(buffer, dataView.byteOffset, dataView.byteLength);
+}
+var reFlags = /\w*$/;
+function cloneRegExp(regexp) {
+  var result = new regexp.constructor(regexp.source, reFlags.exec(regexp));
+  result.lastIndex = regexp.lastIndex;
+  return result;
+}
+var symbolProto$1 = Symbol$2 ? Symbol$2.prototype : void 0, symbolValueOf$1 = symbolProto$1 ? symbolProto$1.valueOf : void 0;
+function cloneSymbol(symbol) {
+  return symbolValueOf$1 ? Object(symbolValueOf$1.call(symbol)) : {};
+}
+function cloneTypedArray(typedArray, isDeep) {
+  var buffer = isDeep ? cloneArrayBuffer(typedArray.buffer) : typedArray.buffer;
+  return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length);
+}
+var boolTag$3 = "[object Boolean]", dateTag$2 = "[object Date]", mapTag$5 = "[object Map]", numberTag$2 = "[object Number]", regexpTag$2 = "[object RegExp]", setTag$5 = "[object Set]", stringTag$3 = "[object String]", symbolTag$2 = "[object Symbol]";
+var arrayBufferTag$2 = "[object ArrayBuffer]", dataViewTag$2 = "[object DataView]", float32Tag$1 = "[object Float32Array]", float64Tag$1 = "[object Float64Array]", int8Tag$1 = "[object Int8Array]", int16Tag$1 = "[object Int16Array]", int32Tag$1 = "[object Int32Array]", uint8Tag$1 = "[object Uint8Array]", uint8ClampedTag$1 = "[object Uint8ClampedArray]", uint16Tag$1 = "[object Uint16Array]", uint32Tag$1 = "[object Uint32Array]";
+function initCloneByTag(object, tag, isDeep) {
+  var Ctor = object.constructor;
+  switch (tag) {
+    case arrayBufferTag$2:
+      return cloneArrayBuffer(object);
+    case boolTag$3:
+    case dateTag$2:
+      return new Ctor(+object);
+    case dataViewTag$2:
+      return cloneDataView(object, isDeep);
+    case float32Tag$1:
+    case float64Tag$1:
+    case int8Tag$1:
+    case int16Tag$1:
+    case int32Tag$1:
+    case uint8Tag$1:
+    case uint8ClampedTag$1:
+    case uint16Tag$1:
+    case uint32Tag$1:
+      return cloneTypedArray(object, isDeep);
+    case mapTag$5:
+      return new Ctor();
+    case numberTag$2:
+    case stringTag$3:
+      return new Ctor(object);
+    case regexpTag$2:
+      return cloneRegExp(object);
+    case setTag$5:
+      return new Ctor();
+    case symbolTag$2:
+      return cloneSymbol(object);
+  }
+}
+function initCloneObject(object) {
+  return typeof object.constructor == "function" && !isPrototype(object) ? baseCreate$1(getPrototype$1(object)) : {};
+}
+var mapTag$4 = "[object Map]";
+function baseIsMap(value) {
+  return isObjectLike(value) && getTag$1(value) == mapTag$4;
+}
+var nodeIsMap = nodeUtil$1 && nodeUtil$1.isMap;
+var isMap = nodeIsMap ? baseUnary(nodeIsMap) : baseIsMap;
+var 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;
+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]";
+var cloneableTags = {};
+cloneableTags[argsTag$1] = cloneableTags[arrayTag$1] = cloneableTags[arrayBufferTag$1] = cloneableTags[dataViewTag$1] = cloneableTags[boolTag$2] = cloneableTags[dateTag$1] = cloneableTags[float32Tag] = cloneableTags[float64Tag] = cloneableTags[int8Tag] = cloneableTags[int16Tag] = cloneableTags[int32Tag] = cloneableTags[mapTag$3] = cloneableTags[numberTag$1] = cloneableTags[objectTag$1] = cloneableTags[regexpTag$1] = cloneableTags[setTag$3] = cloneableTags[stringTag$2] = cloneableTags[symbolTag$1] = cloneableTags[uint8Tag] = cloneableTags[uint8ClampedTag] = cloneableTags[uint16Tag] = cloneableTags[uint32Tag] = true;
+cloneableTags[errorTag$1] = cloneableTags[funcTag] = cloneableTags[weakMapTag] = false;
+function baseClone(value, bitmask, customizer, key, object, stack) {
+  var result, isDeep = bitmask & CLONE_DEEP_FLAG, isFlat = bitmask & CLONE_FLAT_FLAG, isFull = bitmask & CLONE_SYMBOLS_FLAG$1;
+  if (customizer) {
+    result = object ? customizer(value, key, object, stack) : customizer(value);
+  }
+  if (result !== void 0) {
+    return result;
+  }
+  if (!isObject(value)) {
+    return value;
+  }
+  var isArr = isArray$1(value);
+  if (isArr) {
+    result = initCloneArray(value);
+    if (!isDeep) {
+      return copyArray(value, result);
+    }
+  } else {
+    var tag = getTag$1(value), isFunc = tag == funcTag || tag == genTag;
+    if (isBuffer$1(value)) {
+      return cloneBuffer(value, isDeep);
+    }
+    if (tag == objectTag$1 || tag == argsTag$1 || isFunc && !object) {
+      result = isFlat || isFunc ? {} : initCloneObject(value);
+      if (!isDeep) {
+        return isFlat ? copySymbolsIn(value, baseAssignIn(result, value)) : copySymbols(value, baseAssign(result, value));
+      }
+    } else {
+      if (!cloneableTags[tag]) {
+        return object ? value : {};
+      }
+      result = initCloneByTag(value, tag, isDeep);
+    }
+  }
+  stack || (stack = new Stack());
+  var stacked = stack.get(value);
+  if (stacked) {
+    return stacked;
+  }
+  stack.set(value, result);
+  if (isSet$1(value)) {
+    value.forEach(function(subValue) {
+      result.add(baseClone(subValue, bitmask, customizer, subValue, value, stack));
+    });
+  } else if (isMap$1(value)) {
+    value.forEach(function(subValue, key2) {
+      result.set(key2, baseClone(subValue, bitmask, customizer, key2, value, stack));
+    });
+  }
+  var keysFunc = isFull ? isFlat ? getAllKeysIn : getAllKeys : isFlat ? keysIn : keys;
+  var props = isArr ? void 0 : keysFunc(value);
+  arrayEach(props || value, function(subValue, key2) {
+    if (props) {
+      key2 = subValue;
+      subValue = value[key2];
+    }
+    assignValue(result, key2, baseClone(subValue, bitmask, customizer, key2, value, stack));
+  });
+  return result;
+}
+var CLONE_SYMBOLS_FLAG = 4;
+function clone(value) {
+  return baseClone(value, CLONE_SYMBOLS_FLAG);
+}
 var HASH_UNDEFINED = "__lodash_hash_undefined__";
 function setCacheAdd(value) {
   this.__data__.set(value, HASH_UNDEFINED);
@@ -1150,6 +1452,19 @@ function debounce(func, wait, options) {
   debounced.flush = flush;
   return debounced;
 }
+function baseFilter(collection, predicate) {
+  var result = [];
+  baseEach$1(collection, function(value, index2, collection2) {
+    if (predicate(value, index2, collection2)) {
+      result.push(value);
+    }
+  });
+  return result;
+}
+function filter(collection, predicate) {
+  var func = isArray$1(collection) ? arrayFilter : baseFilter;
+  return func(collection, baseIteratee(predicate));
+}
 var stringTag = "[object String]";
 function isString(value) {
   return typeof value == "string" || !isArray$1(value) && isObjectLike(value) && baseGetTag(value) == stringTag;
@@ -1252,9 +1567,9 @@ const createResizeObserver = (params) => {
   };
   const debounceRender = debounce(render2, RESIZE_RENDER_DELAY);
   const onResize = () => {
-    const { width: nodeWidth, height: nodeHeight } = container == null ? void 0 : container.getBoundingClientRect();
-    const width = adaptiveWidth ? Math.floor(nodeWidth != null ? nodeWidth : s2.options.width) : s2.options.width;
-    const height = adaptiveHeight ? Math.floor(nodeHeight != null ? nodeHeight : s2.options.height) : s2.options.height;
+    const { clientWidth: containerWidth, clientHeight: containerHeight } = container;
+    const width = adaptiveWidth ? Math.floor(containerWidth != null ? containerWidth : s2.options.width) : s2.options.width;
+    const height = adaptiveHeight ? Math.floor(containerHeight != null ? containerHeight : s2.options.height) : s2.options.height;
     if (!adaptiveWidth && !adaptiveHeight) {
       return;
     }
@@ -1277,6 +1592,99 @@ const createResizeObserver = (params) => {
     resizeObserver.unobserve(actualWrapper);
   };
 };
+const getDrillDownCache = (spreadsheet, meta) => {
+  const drillDownDataCache = spreadsheet.store.get("drillDownDataCache", []);
+  const cache = drillDownDataCache.find((dc) => dc.rowId === meta.id);
+  return {
+    drillDownDataCache,
+    drillDownCurrentCache: cache
+  };
+};
+const handleActionIconClick = (params) => {
+  const { meta, event, callback } = params;
+  const { spreadsheet } = meta;
+  spreadsheet.store.set("drillDownNode", 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) => {
+    if (meta.id.includes(val.rowId) && meta.id !== val.rowId) {
+      disabled.push(val.drillField);
+    }
+  });
+  if (event) {
+    spreadsheet.emit(S2Event.GLOBAL_ACTION_ICON_CLICK, event);
+  }
+  callback({
+    sheetInstance: spreadsheet,
+    cacheDrillFields: cache,
+    disabledFields: disabled,
+    event
+  });
+};
+const defaultDisplayCondition = (meta) => {
+  const iconLevel = get(meta, "spreadsheet.dataCfg.fields.rows.length") - 1;
+  return iconLevel <= meta.level && meta.spreadsheet.options.hierarchyType === "tree" && meta.spreadsheet.isValueInCols() && meta.label !== i18n("\u603B\u8BA1");
+};
+const buildDrillDownOptions = (options, partDrillDown, callback) => {
+  var _a;
+  const nextHeaderIcons = ((_a = options.headerActionIcons) == null ? void 0 : _a.length) ? [...options.headerActionIcons] : [];
+  if (!isEmpty(partDrillDown)) {
+    const drillDownActionIcon = {
+      belongsCell: "rowCell",
+      iconNames: ["DrillDownIcon"],
+      defaultHide: true,
+      displayCondition: partDrillDown.displayCondition || defaultDisplayCondition,
+      action: (actionIconProps) => {
+        const { iconName, meta, event } = actionIconProps;
+        if (iconName === "DrillDownIcon") {
+          meta.spreadsheet.store.set("drillDownNode", meta);
+          handleActionIconClick({
+            meta,
+            event,
+            callback
+          });
+        }
+      }
+    };
+    nextHeaderIcons.push(drillDownActionIcon);
+  }
+  return __spreadProps(__spreadValues({}, options), {
+    headerActionIcons: nextHeaderIcons
+  });
+};
+const handleDrillDown = (params) => {
+  const { fetchData, spreadsheet, drillFields, drillItemsNum } = params;
+  if (drillItemsNum) {
+    spreadsheet.store.set("drillItemsNum", drillItemsNum);
+  }
+  const meta = spreadsheet.store.get("drillDownNode");
+  const { drillDownDataCache, drillDownCurrentCache } = getDrillDownCache(spreadsheet, meta);
+  let newDrillDownDataCache = clone(drillDownDataCache);
+  if (drillDownCurrentCache) {
+    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);
+    if (!isEmpty(drillData)) {
+      const drillLevel = meta.level + 1;
+      const newDrillDownData = {
+        rowId: meta.id,
+        drillLevel,
+        drillData,
+        drillField
+      };
+      newDrillDownDataCache.push(newDrillDownData);
+      spreadsheet.store.set("drillDownDataCache", newDrillDownDataCache);
+    }
+    spreadsheet.interaction.reset();
+    spreadsheet.render(false);
+  });
+};
 const EN_US = {
   \u9009\u62E9\u5206\u6790\u4FE1\u606F: "Select Analysis Information",
   \u5207\u6362\u6307\u6807: "Switch indicator",
@@ -1310,7 +1718,10 @@ const EN_US = {
   \u4E0B\u8F7D\u539F\u59CB\u6570\u636E: "Download raw data",
   \u4E0B\u8F7D\u683C\u5F0F\u5316\u6570\u636E: "Download formatted data",
   \u64CD\u4F5C\u6210\u529F: "Operation successful",
-  \u64CD\u4F5C\u5931\u8D25: "Operation failed"
+  \u64CD\u4F5C\u5931\u8D25: "Operation failed",
+  \u65F6\u95F4: "Date",
+  \u6307\u6807: "Measure",
+  \u76EE\u6807\u503C: "Target Value"
 };
 const ZH_CN = {
   \u9009\u62E9\u5206\u6790\u4FE1\u606F: "\u9009\u62E9\u5206\u6790\u4FE1\u606F",
@@ -1345,12 +1756,16 @@ const ZH_CN = {
   \u4E0B\u8F7D\u539F\u59CB\u6570\u636E: "\u4E0B\u8F7D\u539F\u59CB\u6570\u636E",
   \u4E0B\u8F7D\u683C\u5F0F\u5316\u6570\u636E: "\u4E0B\u8F7D\u683C\u5F0F\u5316\u6570\u636E",
   \u64CD\u4F5C\u6210\u529F: "\u64CD\u4F5C\u6210\u529F",
-  \u64CD\u4F5C\u5931\u8D25: "\u64CD\u4F5C\u5931\u8D25"
+  \u64CD\u4F5C\u5931\u8D25: "\u64CD\u4F5C\u5931\u8D25",
+  \u65F6\u95F4: "\u65F6\u95F4",
+  \u6307\u6807: "\u6307\u6807",
+  \u76EE\u6807\u503C: "\u76EE\u6807\u503C"
 };
 const Locale = {
   zh_CN: ZH_CN,
   en_US: EN_US
 };
+const DRILL_DOWN_PRE_CLASS = "s2-drill-down";
 extendLocale(Locale);
 const useExpose = (expose) => {
   const s2Ref = shallowRef();
@@ -1436,7 +1851,7 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 const PRE_CLASS = `${S2_PREFIX_CLS}-pagination`;
-const _sfc_main$d = defineComponent({
+const _sfc_main$e = defineComponent({
   name: "s2-pagination",
   props: {
     current: {
@@ -1467,7 +1882,7 @@ const _sfc_main$d = defineComponent({
     AntDPagination: Pagination
   }
 });
-function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_AntDPagination = resolveComponent("AntDPagination");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.PRE_CLASS)
@@ -1488,8 +1903,8 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     }, toDisplayString(_ctx.i18n("\u5171\u8BA1")) + " " + toDisplayString(_ctx.total || " - ") + " " + toDisplayString(_ctx.i18n("\u6761")), 3)
   ], 2);
 }
-var S2Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d]]);
-const _sfc_main$c = defineComponent({
+var S2Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e]]);
+const _sfc_main$d = defineComponent({
   name: "TooltipDetail",
   props: ["list"],
   setup() {
@@ -1498,7 +1913,7 @@ const _sfc_main$c = defineComponent({
     };
   }
 });
-function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item, index2) => {
     return openBlock(), createElementBlock("div", {
       key: `${item.value}-${index2}`,
@@ -1517,8 +1932,8 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2);
   }), 128);
 }
-var TooltipDetail = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c]]);
-const _sfc_main$b = defineComponent({
+var TooltipDetail = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d]]);
+const _sfc_main$c = defineComponent({
   name: "TooltipHeadInfo",
   props: ["rows", "cols"],
   setup() {
@@ -1528,8 +1943,8 @@ const _sfc_main$b = defineComponent({
   },
   components: {}
 });
-const _hoisted_1$1 = { key: 0 };
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$4 = { key: 0 };
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   var _a, _b, _c, _d;
   return ((_a = _ctx.cols) == null ? void 0 : _a.length) || ((_b = _ctx.rows) == null ? void 0 : _b.length) ? (openBlock(), createElementBlock("div", {
     key: 0,
@@ -1540,7 +1955,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
         key: col.value
       }, toDisplayString(col.value) + "/", 1);
     }), 128)),
-    ((_c = _ctx.cols) == null ? void 0 : _c.length) > 0 && ((_d = _ctx.rows) == null ? void 0 : _d.length) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$1, "\uFF0C")) : createCommentVNode("", true),
+    ((_c = _ctx.cols) == null ? void 0 : _c.length) > 0 && ((_d = _ctx.rows) == null ? void 0 : _d.length) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$4, "\uFF0C")) : createCommentVNode("", true),
     (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rows, (row) => {
       return openBlock(), createElementBlock("span", {
         key: row.value
@@ -1548,8 +1963,8 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 2)) : createCommentVNode("", true);
 }
-var TooltipHeadInfo = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b]]);
-const _sfc_main$a = defineComponent({
+var TooltipHeadInfo = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c]]);
+const _sfc_main$b = defineComponent({
   name: "TooltipInfos",
   props: ["infos"],
   setup() {
@@ -1559,13 +1974,13 @@ const _sfc_main$a = defineComponent({
   },
   components: {}
 });
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(`${_ctx.TOOLTIP_PREFIX_CLS}-infos`)
   }, toDisplayString(_ctx.infos), 3);
 }
-var TooltipInfos = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a]]);
-const _sfc_main$9 = defineComponent({
+var TooltipInfos = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b]]);
+const _sfc_main$a = defineComponent({
   name: "TooltipSimpleTips",
   props: ["name", "tips"],
   setup() {
@@ -1575,7 +1990,7 @@ const _sfc_main$9 = defineComponent({
   },
   components: {}
 });
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(Fragment, null, [
     _ctx.name ? (openBlock(), createElementBlock("div", {
       key: 0,
@@ -1587,8 +2002,8 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     }, toDisplayString(_ctx.tips), 3)) : createCommentVNode("", true)
   ], 64);
 }
-var TooltipSimpleTips = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9]]);
-const _sfc_main$8 = defineComponent({
+var TooltipSimpleTips = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a]]);
+const _sfc_main$9 = defineComponent({
   name: "TooltipSummary",
   props: ["summaries"],
   setup(props) {
@@ -1601,7 +2016,7 @@ const _sfc_main$8 = defineComponent({
   },
   components: {}
 });
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(`${_ctx.TOOLTIP_PREFIX_CLS}-summary`)
   }, [
@@ -1628,8 +2043,8 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 2);
 }
-var TooltipSummary = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8]]);
-const _sfc_main$7 = defineComponent({
+var TooltipSummary = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9]]);
+const _sfc_main$8 = defineComponent({
   name: "TooltipOperatorTitle",
   props: ["menu"],
   setup(props) {
@@ -1640,21 +2055,21 @@ const _sfc_main$7 = defineComponent({
     };
   }
 });
-const _hoisted_1 = ["innerHTML"];
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$3 = ["innerHTML"];
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", null, [
     _ctx.icon ? (openBlock(), createElementBlock("span", {
       key: 0,
       innerHTML: _ctx.icon,
       class: normalizeClass(`${_ctx.TOOLTIP_PREFIX_CLS}-operator-icon`)
-    }, null, 10, _hoisted_1)) : createCommentVNode("", true),
+    }, null, 10, _hoisted_1$3)) : createCommentVNode("", true),
     createElementVNode("span", {
       class: normalizeClass(`${_ctx.TOOLTIP_PREFIX_CLS}-operator-text`)
     }, toDisplayString(_ctx.menu.text), 3)
   ]);
 }
-var TooltipOperatorTitle = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
-const _sfc_main$6 = defineComponent({
+var TooltipOperatorTitle = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8]]);
+const _sfc_main$7 = defineComponent({
   name: "TooltipOperatorMenu",
   props: ["menu", "cell"],
   setup(props) {
@@ -1673,7 +2088,7 @@ const _sfc_main$6 = defineComponent({
     TooltipOperatorTitle
   }
 });
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_TooltipOperatorTitle = resolveComponent("TooltipOperatorTitle");
   const _component_TooltipOperatorMenu = resolveComponent("TooltipOperatorMenu");
   const _component_MenuItem = resolveComponent("MenuItem");
@@ -1717,9 +2132,9 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["popupClassName", "onTitleClick"]);
 }
-var TooltipOperatorMenu = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
+var TooltipOperatorMenu = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
 var index_vue_vue_type_style_index_0_lang$1 = "";
-const _sfc_main$5 = defineComponent({
+const _sfc_main$6 = defineComponent({
   name: "TooltipOperator",
   props: [
     "menus",
@@ -1739,7 +2154,7 @@ const _sfc_main$5 = defineComponent({
     TooltipOperatorMenu
   }
 });
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_TooltipOperatorMenu = resolveComponent("TooltipOperatorMenu");
   const _component_Menu = resolveComponent("Menu");
   const _component_TooltipOperatorTitle = resolveComponent("TooltipOperatorTitle");
@@ -1802,17 +2217,17 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 2);
 }
-var TooltipOperator = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
+var TooltipOperator = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
 var index_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$4 = defineComponent({
+const _sfc_main$5 = defineComponent({
   name: "TooltipComponent",
   props: [
-    "content",
     "data",
     "options",
     "cell",
     "position",
-    "event"
+    "event",
+    "content"
   ],
   setup(props) {
     const { operator, onlyMenu } = getTooltipDefaultOptions(props.options);
@@ -1830,7 +2245,7 @@ const _sfc_main$4 = defineComponent({
     TooltipOperator
   }
 });
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$5(_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 = resolveComponent("TooltipOperator");
   const _component_TooltipSimpleTips = resolveComponent("TooltipSimpleTips");
@@ -1851,9 +2266,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
       cell: _ctx.cell,
       onClick: (_d = _ctx.operator) == null ? void 0 : _d.onClick
     }, null, 8, ["menus", "cell", "onClick"]),
-    _ctx.content ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-      createTextVNode(toDisplayString(_ctx.content), 1)
-    ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+    _ctx.content ? renderSlot(_ctx.$slots, "content", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
       createVNode(_component_TooltipSimpleTips, {
         name: (_e = _ctx.data) == null ? void 0 : _e.name,
         tips: (_f = _ctx.data) == null ? void 0 : _f.tips
@@ -1876,7 +2289,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ], 64));
 }
-var TooltipComponent = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
+var TooltipComponent = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
 class CustomTooltip extends BaseTooltip {
   constructor(spreadsheet) {
     super(spreadsheet);
@@ -1891,14 +2304,16 @@ class CustomTooltip extends BaseTooltip {
       cell,
       content
     });
-    const tooltipVNode = createVNode(TooltipComponent, tooltipProps);
-    render(null, this.container);
-    render(tooltipVNode, this.container);
+    const tooltipVNode = createVNode(TooltipComponent, tooltipProps, {
+      content: () => content
+    });
+    render$3(null, this.container);
+    render$3(tooltipVNode, this.container);
   }
   destroy() {
     super.destroy();
     if (this.container) {
-      render(null, this.container);
+      render$3(null, this.container);
     }
   }
 }
@@ -1936,6 +2351,7 @@ const useEvents = (s2Ref, emit) => {
     useCellEvent(s2Ref, emit, S2Event.ROW_CELL_MOUSE_UP, "rowCellMouseUp");
     useCellEvent(s2Ref, emit, S2Event.ROW_CELL_MOUSE_MOVE, "rowCellMouseMove");
     useS2Event(s2Ref, emit, S2Event.ROW_CELL_COLLAPSE_TREE_ROWS, "rowCellCollapseTreeRows");
+    useS2Event(s2Ref, emit, S2Event.ROW_CELL_SCROLL, "rowCellScroll");
     useCellEvent(s2Ref, emit, S2Event.COL_CELL_HOVER, "colCellHover");
     useCellEvent(s2Ref, emit, S2Event.COL_CELL_CLICK, "colCellClick");
     useCellEvent(s2Ref, emit, S2Event.COL_CELL_DOUBLE_CLICK, "colCellDoubleClick");
@@ -1951,7 +2367,8 @@ const useEvents = (s2Ref, emit) => {
     useCellEvent(s2Ref, emit, S2Event.DATA_CELL_MOUSE_UP, "dataCellMouseUp");
     useCellEvent(s2Ref, emit, S2Event.DATA_CELL_MOUSE_MOVE, "dataCellMouseMove");
     useS2Event(s2Ref, emit, S2Event.DATA_CELL_TREND_ICON_CLICK, "dataCellTrendIconClick");
-    useS2Event(s2Ref, emit, S2Event.DATE_CELL_BRUSH_SELECTION, "dataCellBrushSelection");
+    useS2Event(s2Ref, emit, S2Event.DATA_CELL_BRUSH_SELECTION, "dataCellBrushSelection");
+    useS2Event(s2Ref, emit, S2Event.DATA_CELL_SELECT_MOVE, "dataCellSelectMove");
     useCellEvent(s2Ref, emit, S2Event.CORNER_CELL_HOVER, "cornerCellHover");
     useCellEvent(s2Ref, emit, S2Event.CORNER_CELL_CLICK, "cornerCellClick");
     useCellEvent(s2Ref, emit, S2Event.CORNER_CELL_DOUBLE_CLICK, "cornerCellDoubleClick");
@@ -2003,6 +2420,7 @@ const useEvents = (s2Ref, emit) => {
     useS2Event(s2Ref, emit, S2Event.GLOBAL_MOUSE_UP, "mouseUp");
     useS2Event(s2Ref, emit, S2Event.GLOBAL_RESET, "reset");
     useS2Event(s2Ref, emit, S2Event.GLOBAL_LINK_FIELD_JUMP, "linkFieldJump");
+    useS2Event(s2Ref, emit, S2Event.GLOBAL_SCROLL, "scroll");
   });
 };
 const useLoading = (s2Ref, loadingProp = false) => {
@@ -2036,11 +2454,14 @@ const useSheetUpdate = (s2Ref, props) => {
     (_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: isProxy(props.options) });
-  watch(() => props.dataCfg, (dataCfg) => {
-    var _a;
+  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;
-    (_a = s2Ref.value) == null ? void 0 : _a.setDataCfg(dataCfg);
+    (_f = s2Ref.value) == null ? void 0 : _f.setDataCfg(dataCfg);
   }, { deep: isProxy(props.dataCfg) });
   watch(() => props.themeCfg, (themeCfg) => {
     var _a;
@@ -2099,9 +2520,8 @@ function useSpreadSheet(props, emit) {
     const rawDataCfg = toRaw(dataCfg);
     const rawOptions = toRaw(options);
     const s2Options = getSheetComponentOptions(rawOptions);
-    const s2Constructor = [container, rawDataCfg, s2Options];
     if (onSpreadsheet) {
-      return onSpreadsheet(...s2Constructor);
+      return onSpreadsheet(container, rawDataCfg, s2Options);
     }
     if (sheetType === "table") {
       return new TableSheet$1(container, rawDataCfg, s2Options);
@@ -2155,6 +2575,34 @@ const initBaseSheetProps = () => ({
   onSpreadsheet: Function,
   onGetSpreadSheet: Function
 });
+const initDrillDownProps = () => ({
+  className: String,
+  titleText: {
+    type: String,
+    default: i18n("\u9009\u62E9\u4E0B\u94BB\u7EF4\u5EA6")
+  },
+  searchText: {
+    type: String,
+    default: i18n("\u641C\u7D22\u5B57\u6BB5")
+  },
+  clearButtonText: {
+    type: String,
+    default: i18n("\u6062\u590D\u9ED8\u8BA4")
+  },
+  extra: Node,
+  dataSet: {
+    type: Array,
+    default: []
+  },
+  drillFields: Array,
+  disabledFields: Array,
+  getDrillFields: Function,
+  setDrillFields: Function
+});
+const initDrillDownEmits = () => {
+  const keys2 = ["getDrillFields", "setDrillFields"];
+  return keys2;
+};
 const initBaseSheetEmits = () => {
   const keys2 = [
     "spreadsheet",
@@ -2180,6 +2628,7 @@ const initBaseSheetEmits = () => {
     "dataCellMouseMove",
     "dataCellTrendIconClick",
     "dataCellBrushSelection",
+    "dataCellSelectMove",
     "cornerCellHover",
     "cornerCellClick",
     "cornerCellDoubleClick",
@@ -2231,7 +2680,7 @@ const initBaseSheetEmits = () => {
   return keys2;
 };
 var baseSheet_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$3 = defineComponent({
+const _sfc_main$4 = defineComponent({
   name: "BaseSheet",
   props: initBaseSheetProps(),
   emits: initBaseSheetEmits(),
@@ -2272,7 +2721,7 @@ const _sfc_main$3 = defineComponent({
     S2Pagination
   }
 });
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_S2Pagination = resolveComponent("S2Pagination");
   const _component_Spin = resolveComponent("Spin");
   return openBlock(), createBlock(_component_Spin, {
@@ -2301,14 +2750,251 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["wrapperClassName", "spinning"]);
 }
-var BaseSheet = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
+var BaseSheet = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
+const _hoisted_1$2 = {
+  class: "antv-s2-icon",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "12.6",
+  height: "12.6"
+};
+const _hoisted_2$2 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M511.804 222.338c-57.117 0-105.737 20.061-145.86 60.184-40.122 40.123-60.184 88.569-60.184 145.337 0 56.769 20.062 105.214 60.185 145.337 40.122 40.123 88.742 60.185 145.859 60.185 57.116 0 105.736-20.062 145.859-60.185 40.123-40.123 60.184-88.568 60.184-145.337 0-56.768-20.061-105.214-60.184-145.337-40.123-40.123-88.743-60.184-145.86-60.184zm0 338.619c-36.729 0-68.007-12.925-93.835-38.774-25.827-25.85-38.752-57.127-38.773-93.834-.022-36.707 12.902-68.16 38.773-94.357 25.872-26.197 57.15-39.285 93.835-39.263 36.685.022 67.963 13.11 93.834 39.263 25.871 26.154 38.796 57.606 38.774 94.357-.022 36.75-12.946 68.028-38.774 93.834-25.828 25.806-57.106 38.73-93.834 38.774zm366.165-295.766c-21.084-42.168-50.327-79.223-87.73-111.165-37.404-31.941-79.898-57.105-127.484-75.491C614.472 60.845 564.155 52 511.804 52c-52.352 0-103.006 8.845-151.963 26.535-46.911 18.364-89.069 43.528-126.472 75.491-37.403 31.964-66.647 69.019-87.731 111.165C123.879 308.71 113 353.923 113 400.835c0 65.95 15.982 132.924 47.945 200.92 26.524 56.441 63.58 112.198 111.165 167.27 62.556 73.435 134.632 138.71 216.227 195.827 6.81 4.765 14.459 7.148 22.945 7.148 8.485 0 16.47-2.383 23.956-7.148 81.595-57.79 153.67-123.067 216.227-195.828 47.608-55.767 84.663-111.524 111.165-167.27 31.963-67.995 47.945-134.969 47.945-200.919 0-46.912-10.88-92.126-32.638-135.644h.032zm-40.797 136.656c0 55.07-13.6 111.513-40.798 169.326-23.129 49.631-56.452 99.948-99.97 150.95-52.351 61.208-113.885 117.65-184.6 169.326-70.716-51.676-132.25-108.118-184.6-169.326-42.844-51.002-76.167-101.319-99.971-150.95-27.198-57.791-40.797-114.57-40.797-170.338 0-36.032 8.159-70.716 24.478-104.05 16.994-32.638 40.45-61.882 70.368-87.73 30.592-26.525 65.276-47.26 104.05-62.209 40.797-14.97 82.954-22.455 126.472-22.455 43.517 0 85.675 7.485 126.472 22.455 38.752 14.97 73.436 35.706 104.05 62.208 30.593 25.85 54.048 55.093 70.367 87.731 16.32 34.009 24.479 69.03 24.479 105.062z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3$2 = [
+  _hoisted_2$2
+];
+function render$2(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$2, _hoisted_3$2);
+}
+var LocationIcon = { render: render$2 };
+const _hoisted_1$1 = {
+  class: "antv-s2-icon",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "12.6",
+  height: "12.6"
+};
+const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M86.016 805.888H0l143.872-529.92h79.36l144.896 529.92h-91.136l-29.696-109.056H115.2S85.504 805.888 86.016 805.888zM225.28 613.376 181.248 455.68 138.24 613.376h87.04zM519.168 430.08c24.576-16.384 47.616-25.088 69.12-25.088 30.72 0 58.368 14.848 81.92 44.032 24.064 29.184 35.328 72.192 35.328 128.512 0 44.032-7.168 83.456-22.528 118.272-14.848 34.816-35.328 62.976-60.416 83.456-26.112 20.992-57.856 31.232-95.232 31.232-15.36-.512-31.232-1.536-46.592-3.584-4.096-.512-8.704-1.024-12.8-1.536h-66.56V256h81.92v206.336c11.264-12.8 23.04-23.552 35.84-32.256zM483.84 587.264v135.168c13.824 3.072 26.112 4.608 37.376 4.608 27.648 0 50.176-11.776 69.12-36.352 19.456-25.088 28.672-59.392 28.672-104.96 0-32.256-5.12-55.296-14.848-70.144-9.216-13.824-18.432-19.968-28.672-19.968-12.288 0-27.136 7.68-44.544 24.064-16.896 16.896-32.768 39.424-47.104 67.584zm529.92 207.36c-36.864 14.336-71.68 20.992-104.96 20.992-32.768.512-64.512-9.216-91.648-27.136-27.136-18.432-48.64-44.032-62.464-73.728-14.848-30.72-22.528-65.536-22.528-104.448 0-58.88 16.896-108.032 51.2-146.944 33.792-38.912 75.264-58.88 123.392-58.88 34.304 0 70.144 7.168 108.032 21.504l10.24 4.096v95.232l-20.992-10.752c-34.816-17.92-65.536-26.624-92.16-26.624-16.896 0-32.768 4.608-47.104 13.824-13.824 8.704-25.088 23.04-32.768 42.496-8.192 19.968-12.288 41.472-12.288 63.488 0 28.672 7.68 55.808 24.064 82.432 14.848 24.576 37.888 36.352 71.168 36.352 10.752 0 21.504-1.024 31.744-2.56 9.728-1.536 29.696-8.192 58.88-18.944l19.456-7.68v92.672l-11.264 4.608z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3$1 = [
+  _hoisted_2$1
+];
+function render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
+}
+var TextIcon = { render: render$1 };
+const _hoisted_1 = {
+  class: "antv-s2-icon",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "12.6",
+  height: "12.6"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M950.016 898.016 744 693.024q88-107.008 88-244.992 0-159.008-112.512-271.488T448 64.032 176.512 176.544 64 448.032 176.512 719.52 448 832.032q138.016 0 244.992-88l206.016 206.016q10.016 10.016 24.992 10.016t26.016-10.016q10.016-11.008 10.016-26.016t-10.016-26.016zM568.992 736Q512 760 448 760t-120.992-24q-56-24-99.488-67.488t-66.496-99.488q-24.992-56.992-24.992-120.992t24.992-120.992q23.008-56 66.496-99.488t99.488-67.488q56.992-24 120.992-24t120.992 24q56 24 99.488 67.488t67.488 99.488q24 56.992 24 120.992t-24 120.992q-24 56-67.488 99.488T568.992 736z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+var CalendarIcon = { render };
+var index_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$3 = defineComponent({
+  name: "DrillDown",
+  props: initDrillDownProps(),
+  emits: initDrillDownEmits(),
+  methods: {},
+  components: {
+    Button,
+    Input,
+    Empty,
+    Menu,
+    MenuItem,
+    LocationIcon,
+    TextIcon,
+    CalendarIcon
+  },
+  setup(props) {
+    const {
+      dataSet,
+      disabledFields,
+      getDrillFields,
+      setDrillFields,
+      className
+    } = props;
+    const getOptions = () => {
+      return dataSet.map((val) => {
+        val.disabled = !!(disabledFields && disabledFields.includes(val.value));
+        return val;
+      });
+    };
+    const options = ref(getOptions());
+    const selected = ref([]);
+    const handleSearch = (e) => {
+      const { value } = e.target;
+      if (!value) {
+        options.value = [...dataSet];
+      } else {
+        const reg = new RegExp(value, "gi");
+        const result = dataSet.filter((item) => reg.test(item.name));
+        options.value = [...result];
+      }
+    };
+    const handleSelect = (value) => {
+      const key = value == null ? void 0 : value.selectedKeys;
+      selected.value = key;
+      if (getDrillFields) {
+        getDrillFields(key);
+      }
+      if (setDrillFields)
+        setDrillFields(key);
+    };
+    const handleClear = (e) => {
+      e.stopPropagation();
+      selected.value = [];
+      if (getDrillFields)
+        getDrillFields([]);
+      if (setDrillFields)
+        setDrillFields([]);
+    };
+    return {
+      options,
+      handleSearch,
+      handleSelect,
+      handleClear,
+      className,
+      selected,
+      isEmpty,
+      DRILL_DOWN_PRE_CLASS
+    };
+  }
+});
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Button = resolveComponent("Button");
+  const _component_Input = resolveComponent("Input");
+  const _component_Empty = resolveComponent("Empty");
+  const _component_text_icon = resolveComponent("text-icon");
+  const _component_calendar_icon = resolveComponent("calendar-icon");
+  const _component_location_icon = resolveComponent("location-icon");
+  const _component_MenuItem = resolveComponent("MenuItem");
+  const _component_Menu = resolveComponent("Menu");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass([_ctx.DRILL_DOWN_PRE_CLASS, _ctx.className])
+  }, [
+    createElementVNode("header", {
+      class: normalizeClass(`${_ctx.DRILL_DOWN_PRE_CLASS}-header`)
+    }, [
+      createElementVNode("div", null, toDisplayString(_ctx.titleText), 1),
+      createVNode(_component_Button, {
+        type: "link",
+        onClick: _ctx.handleClear
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.clearButtonText), 1)
+        ]),
+        _: 1
+      }, 8, ["onClick"])
+    ], 2),
+    createVNode(_component_Input, {
+      class: normalizeClass(`${_ctx.DRILL_DOWN_PRE_CLASS}-search`),
+      placeholder: _ctx.searchText,
+      onChange: _ctx.handleSearch,
+      onPressEnter: _ctx.handleSearch,
+      allowClear: true
+    }, null, 8, ["class", "placeholder", "onChange", "onPressEnter"]),
+    _ctx.isEmpty(_ctx.options) ? (openBlock(), createBlock(_component_Empty, {
+      key: 0,
+      imageStyle: { height: "64px" },
+      class: normalizeClass(`${_ctx.DRILL_DOWN_PRE_CLASS}-empty`)
+    }, null, 8, ["class"])) : createCommentVNode("", true),
+    createVNode(_component_Menu, {
+      class: "`${DRILL_DOWN_PRE_CLASS}-menu`",
+      selectedKeys: _ctx.selected,
+      "onUpdate:selectedKeys": _cache[0] || (_cache[0] = ($event) => _ctx.selected = $event),
+      onSelect: _ctx.handleSelect
+    }, {
+      default: withCtx(() => [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option) => {
+          return openBlock(), createBlock(_component_MenuItem, {
+            key: option.value,
+            disabled: option.disabled,
+            class: normalizeClass(`${_ctx.DRILL_DOWN_PRE_CLASS}-menu-item`)
+          }, {
+            icon: withCtx(() => [
+              option.type === "text" ? (openBlock(), createBlock(_component_text_icon, { key: 0 })) : createCommentVNode("", true),
+              option.type === "date" ? (openBlock(), createBlock(_component_calendar_icon, { key: 1 })) : createCommentVNode("", true),
+              option.type === "location" ? (openBlock(), createBlock(_component_location_icon, { key: 2 })) : createCommentVNode("", true)
+            ]),
+            default: withCtx(() => [
+              createTextVNode(" " + toDisplayString(option == null ? void 0 : option.name), 1)
+            ]),
+            _: 2
+          }, 1032, ["disabled", "class"]);
+        }), 128))
+      ]),
+      _: 1
+    }, 8, ["selectedKeys", "onSelect"])
+  ], 2);
+}
+var DrillDown = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-6eb1ccd0"]]);
 const _sfc_main$2 = defineComponent({
   name: "PivotSheet",
-  props: [],
-  emits: [],
+  props: initBaseSheetProps(),
+  emits: initBaseSheetEmits(),
   setup(props, ctx) {
     const s2Ref = useExpose(ctx.expose);
-    return { s2Ref };
+    const { options: pivotOptions } = toRefs(props);
+    const { dataCfg, partDrillDown } = toRefs(props);
+    const drillFields = ref([]);
+    const setDrillFields = (fields) => {
+      var _a, _b, _c, _d, _e, _f;
+      const instance = (_a = s2Ref == null ? void 0 : s2Ref.value) == null ? void 0 : _a.instance;
+      drillFields.value = fields;
+      instance == null ? void 0 : instance.hideTooltip();
+      if (isEmpty(fields)) {
+        instance == null ? void 0 : instance.clearDrillDownData((_b = instance == null ? void 0 : instance.store.get("drillDownNode")) == null ? void 0 : _b.id);
+      } else {
+        handleDrillDown({
+          rows: (_d = (_c = dataCfg.value) == null ? void 0 : _c.fields.rows) != null ? _d : [],
+          drillFields: fields,
+          fetchData: (_e = partDrillDown.value) == null ? void 0 : _e.fetchData,
+          drillItemsNum: (_f = partDrillDown.value) == null ? void 0 : _f.drillItemsNum,
+          spreadsheet: instance
+        });
+      }
+    };
+    const onDrillDownIconClick = (params) => {
+      var _a, _b;
+      const { event, disabledFields } = params;
+      if (event) {
+        const instance = (_a = s2Ref == null ? void 0 : s2Ref.value) == null ? void 0 : _a.instance;
+        const drillDownNode = createVNode(DrillDown, __spreadProps(__spreadValues({}, (_b = partDrillDown.value) == null ? void 0 : _b.drillConfig), {
+          setDrillFields,
+          drillFields: drillFields.value,
+          disabledFields
+        }));
+        instance == null ? void 0 : instance.showTooltip({
+          position: {
+            x: event.clientX,
+            y: event.clientY
+          },
+          event,
+          content: drillDownNode
+        });
+      }
+    };
+    const options = computed(() => buildDrillDownOptions(pivotOptions.value, partDrillDown.value, (params) => onDrillDownIconClick(params)));
+    return {
+      s2Ref,
+      options
+    };
   },
   components: {
     BaseSheet
@@ -2316,7 +3002,10 @@ const _sfc_main$2 = defineComponent({
 });
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BaseSheet = resolveComponent("BaseSheet");
-  return openBlock(), createBlock(_component_BaseSheet, { ref: "s2Ref" }, null, 512);
+  return openBlock(), createBlock(_component_BaseSheet, mergeProps(_ctx.$props, {
+    ref: "s2Ref",
+    options: _ctx.options
+  }), null, 16, ["options"]);
 }
 var PivotSheet = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
 const _sfc_main$1 = defineComponent({