@antv/s2-vue 2.0.0-next.13 → 2.0.0-next.15

package/esm/index.js

@@ -17,9 +17,30 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { S2_PREFIX_CLS, customMerge, DEFAULT_OPTIONS, floor, S2Event, extendLocale, TOOLTIP_PREFIX_CLS, i18n, getIcon, getTooltipDefaultOptions, BaseTooltip, getBaseCellData, TableSheet as TableSheet$1, PivotSheet as PivotSheet$1 } from "@antv/s2";
-import { shallowRef, defineComponent, openBlock, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, computed, createTextVNode, resolveComponent, createBlock, withCtx, createVNode, renderSlot, render as render$3, ref, watch, mergeProps, onMounted, reactive, isProxy, onBeforeUnmount, toRaw, toRefs, resolveDynamicComponent } from "vue";
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { S2_PREFIX_CLS, S2Event, customMerge, DEFAULT_OPTIONS, floor, extendLocale, TOOLTIP_PREFIX_CLS, i18n, getIcon, getTooltipDefaultOptions, BaseTooltip, getBaseCellData, TableSheet as TableSheet$1, PivotSheet as PivotSheet$1 } from "@antv/s2";
+import { defineComponent, openBlock, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, computed, createTextVNode, resolveComponent, createBlock, withCtx, createVNode, renderSlot, render as render$3, ref, watch, mergeProps, onMounted, reactive, isProxy, shallowRef, onBeforeUnmount, toRaw, toRefs, resolveDynamicComponent } from "vue";
 import { Menu, Dropdown, Pagination, Spin, Button, Input, Empty, MenuItem } from "ant-design-vue";
+const DRILL_DOWN_PRE_CLASS = `${S2_PREFIX_CLS}-drill-down`;
 const EN_US = {
   选择分析信息: "Select Analysis Information",
   切换指标: "Switch indicator",
@@ -60,7 +81,39 @@ const EN_US = {
   // strategy
   时间: "Date",
   指标: "Measure",
-  目标值: "Target Value"
+  目标值: "Target Value",
+  // components
+  自定义颜色: "Custom color",
+  平铺: "Grid",
+  树状: "Tree",
+  默认: "Default",
+  多彩风: "Colorful",
+  简约风: "Normal",
+  极简风: "Basic",
+  斑马纹风: "Zebra",
+  主题风格: "Thematic style",
+  类型: "Theme type",
+  主题: "Theme color",
+  主色系: "Primary color",
+  深色主题: "Dark theme",
+  浅色主题: "Light theme",
+  灰色: "Gray",
+  自定义: "Custom",
+  文字对齐: "Text align",
+  左对齐: "Align left",
+  居中: "Align center",
+  右对齐: "Align right",
+  表头: "Header",
+  "表身 (维度)": "Body(dimension)",
+  "表身 (指标)": "Body(measure)",
+  冻结行列头: "Frozen header",
+  行: "Row",
+  列: "Column",
+  冻结行: "Frozen row",
+  冻结列: "Frozen column",
+  冻结: "Frozen",
+  冻结前: "Freeze the first",
+  冻结后: "Freeze the last"
 };
 const ZH_CN = {
   选择分析信息: "选择分析信息",
@@ -102,7 +155,39 @@ const ZH_CN = {
   // strategy
   时间: "时间",
   指标: "指标",
-  目标值: "目标值"
+  目标值: "目标值",
+  // components
+  自定义颜色: "自定义颜色",
+  平铺: "平铺",
+  树状: "树状",
+  默认: "默认",
+  多彩风: "多彩风",
+  简约风: "简约风",
+  极简风: "极简风",
+  斑马纹风: "斑马纹风",
+  主题风格: "主题风格",
+  类型: "类型",
+  主题: "主题",
+  主色系: "主色系",
+  深色主题: "深色主题",
+  浅色主题: "浅色主题",
+  灰色: "灰色",
+  自定义: "自定义",
+  文字对齐: "文字对齐",
+  左对齐: "左对齐",
+  居中: "居中",
+  右对齐: "右对齐",
+  表头: "表头",
+  "表身 (维度)": "表身 (维度)",
+  "表身 (指标)": "表身 (指标)",
+  冻结行列头: "冻结行列头",
+  行: "行",
+  列: "列",
+  冻结行: "冻结行",
+  冻结列: "冻结列",
+  冻结: "冻结",
+  冻结前: "冻结前",
+  冻结后: "冻结后"
 };
 const Locale = {
   zh_CN: ZH_CN,
@@ -120,12 +205,6 @@ const SHEET_COMPONENT_DEFAULT_OPTIONS = {
   showDefaultHeaderActionIcon: true
 };
 const RESIZE_RENDER_DELAY = 200;
-const DRILL_DOWN_PRE_CLASS = `${S2_PREFIX_CLS}-drill-down`;
-const getBaseSheetComponentOptions = (...options) => customMerge(
-  DEFAULT_OPTIONS,
-  SHEET_COMPONENT_DEFAULT_OPTIONS,
-  ...options
-);
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 var freeSelf = typeof self == "object" && self && self.Object === Object && self;
 var root = freeGlobal || freeSelf || Function("return this")();
@@ -365,8 +444,7 @@ var baseSetToString = !defineProperty ? identity : function(func, string) {
     "writable": true
   });
 };
-const baseSetToString$1 = baseSetToString;
-var setToString = shortOut(baseSetToString$1);
+var setToString = shortOut(baseSetToString);
 function arrayEach(array, iteratee) {
   var index2 = -1, length = array == null ? 0 : array.length;
   while (++index2 < length) {
@@ -412,7 +490,7 @@ function copyObject(source, props, object, customizer) {
   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;
+    var newValue = void 0;
     if (newValue === void 0) {
       newValue = source[key];
     }
@@ -472,7 +550,6 @@ var isArguments = baseIsArguments(/* @__PURE__ */ function() {
 }()) ? baseIsArguments : function(value) {
   return isObjectLike(value) && hasOwnProperty$a.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
 };
-const isArguments$1 = isArguments;
 function stubFalse() {
   return false;
 }
@@ -482,7 +559,6 @@ var moduleExports$2 = freeModule$2 && freeModule$2.exports === freeExports$2;
 var Buffer$1 = moduleExports$2 ? root.Buffer : void 0;
 var nativeIsBuffer = Buffer$1 ? Buffer$1.isBuffer : void 0;
 var isBuffer = nativeIsBuffer || stubFalse;
-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$4 = "[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 = {};
@@ -512,11 +588,10 @@ var nodeUtil = function() {
 }();
 var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
 var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
-const isTypedArray$1 = isTypedArray;
 var objectProto$a = Object.prototype;
 var hasOwnProperty$9 = objectProto$a.hasOwnProperty;
 function arrayLikeKeys(value, inherited) {
-  var isArr = isArray(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;
+  var isArr = isArray(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
   for (var key in value) {
     if ((inherited || hasOwnProperty$9.call(value, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
     (key == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
@@ -820,7 +895,7 @@ function arrayPush(array, values) {
 }
 var spreadableSymbol = Symbol$1 ? Symbol$1.isConcatSpreadable : void 0;
 function isFlattenable(value) {
-  return isArray(value) || isArguments$1(value) || !!(spreadableSymbol && value && value[spreadableSymbol]);
+  return isArray(value) || isArguments(value) || !!(spreadableSymbol && value && value[spreadableSymbol]);
 }
 function baseFlatten(array, depth, predicate, isStrict, result) {
   var index2 = -1, length = array.length;
@@ -828,13 +903,11 @@ function baseFlatten(array, depth, predicate, isStrict, result) {
   result || (result = []);
   while (++index2 < length) {
     var value = array[index2];
-    if (depth > 0 && predicate(value)) {
-      if (depth > 1) {
-        baseFlatten(value, depth - 1, predicate, isStrict, result);
-      } else {
+    if (predicate(value)) {
+      {
         arrayPush(result, value);
       }
-    } else if (!isStrict) {
+    } else {
       result[result.length] = value;
     }
   }
@@ -842,7 +915,7 @@ function baseFlatten(array, depth, predicate, isStrict, result) {
 }
 function flatten(array) {
   var length = array == null ? 0 : array.length;
-  return length ? baseFlatten(array, 1) : [];
+  return length ? baseFlatten(array) : [];
 }
 function flatRest(func) {
   return setToString(overRest(func, void 0, flatten), func + "");
@@ -992,9 +1065,8 @@ var getSymbolsIn = !nativeGetSymbols ? stubArray : function(object) {
   }
   return result;
 };
-const getSymbolsIn$1 = getSymbolsIn;
 function copySymbolsIn(source, object) {
-  return copyObject(source, getSymbolsIn$1(source), object);
+  return copyObject(source, getSymbolsIn(source), object);
 }
 function baseGetAllKeys(object, keysFunc, symbolsFunc) {
   var result = keysFunc(object);
@@ -1004,7 +1076,7 @@ function getAllKeys(object) {
   return baseGetAllKeys(object, keys, getSymbols);
 }
 function getAllKeysIn(object) {
-  return baseGetAllKeys(object, keysIn, getSymbolsIn$1);
+  return baseGetAllKeys(object, keysIn, getSymbolsIn);
 }
 var DataView = getNative(root, "DataView");
 var Promise$1 = getNative(root, "Promise");
@@ -1033,7 +1105,6 @@ if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag$3 || Map
     return result;
   };
 }
-const getTag$1 = getTag;
 var objectProto$3 = Object.prototype;
 var hasOwnProperty$3 = objectProto$3.hasOwnProperty;
 function initCloneArray(array) {
@@ -1045,10 +1116,9 @@ function initCloneArray(array) {
   return result;
 }
 var Uint8Array2 = root.Uint8Array;
-const Uint8Array$1 = Uint8Array2;
 function cloneArrayBuffer(arrayBuffer) {
   var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
-  new Uint8Array$1(result).set(new Uint8Array$1(arrayBuffer));
+  new Uint8Array2(result).set(new Uint8Array2(arrayBuffer));
   return result;
 }
 function cloneDataView(dataView, isDeep) {
@@ -1109,13 +1179,13 @@ function initCloneObject(object) {
 }
 var mapTag$4 = "[object Map]";
 function baseIsMap(value) {
-  return isObjectLike(value) && getTag$1(value) == mapTag$4;
+  return isObjectLike(value) && getTag(value) == mapTag$4;
 }
 var nodeIsMap = nodeUtil && nodeUtil.isMap;
 var isMap = nodeIsMap ? baseUnary(nodeIsMap) : baseIsMap;
 var setTag$4 = "[object Set]";
 function baseIsSet(value) {
-  return isObjectLike(value) && getTag$1(value) == setTag$4;
+  return isObjectLike(value) && getTag(value) == setTag$4;
 }
 var nodeIsSet = nodeUtil && nodeUtil.isSet;
 var isSet = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet;
@@ -1143,8 +1213,8 @@ function baseClone(value, bitmask, customizer, key, object, stack) {
       return copyArray(value, result);
     }
   } else {
-    var tag = getTag$1(value), isFunc = tag == funcTag || tag == genTag;
-    if (isBuffer$1(value)) {
+    var tag = getTag(value), isFunc = tag == funcTag || tag == genTag;
+    if (isBuffer(value)) {
       return cloneBuffer(value, isDeep);
     }
     if (tag == objectTag$1 || tag == argsTag$1 || isFunc && !object) {
@@ -1289,7 +1359,7 @@ function equalByTag(object, other, tag, bitmask, customizer, equalFunc, stack) {
       object = object.buffer;
       other = other.buffer;
     case arrayBufferTag:
-      if (object.byteLength != other.byteLength || !equalFunc(new Uint8Array$1(object), new Uint8Array$1(other))) {
+      if (object.byteLength != other.byteLength || !equalFunc(new Uint8Array2(object), new Uint8Array2(other))) {
         return false;
       }
       return true;
@@ -1377,12 +1447,12 @@ var argsTag = "[object Arguments]", arrayTag = "[object Array]", objectTag = "[o
 var objectProto$1 = Object.prototype;
 var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
 function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack) {
-  var objIsArr = isArray(object), othIsArr = isArray(other), objTag = objIsArr ? arrayTag : getTag$1(object), othTag = othIsArr ? arrayTag : getTag$1(other);
+  var objIsArr = isArray(object), othIsArr = isArray(other), objTag = objIsArr ? arrayTag : getTag(object), othTag = othIsArr ? arrayTag : getTag(other);
   objTag = objTag == argsTag ? objectTag : objTag;
   othTag = othTag == argsTag ? objectTag : othTag;
   var objIsObj = objTag == objectTag, othIsObj = othTag == objectTag, isSameTag = objTag == othTag;
-  if (isSameTag && isBuffer$1(object)) {
-    if (!isBuffer$1(other)) {
+  if (isSameTag && isBuffer(object)) {
+    if (!isBuffer(other)) {
       return false;
     }
     objIsArr = true;
@@ -1390,7 +1460,7 @@ function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack) {
   }
   if (isSameTag && !objIsObj) {
     stack || (stack = new Stack());
-    return objIsArr || isTypedArray$1(object) ? equalArrays(object, other, bitmask, customizer, equalFunc, stack) : equalByTag(object, other, objTag, bitmask, customizer, equalFunc, stack);
+    return objIsArr || isTypedArray(object) ? equalArrays(object, other, bitmask, customizer, equalFunc, stack) : equalByTag(object, other, objTag, bitmask, customizer, equalFunc, stack);
   }
   if (!(bitmask & COMPARE_PARTIAL_FLAG$2)) {
     var objIsWrapped = objIsObj && hasOwnProperty$1.call(object, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty$1.call(other, "__wrapped__");
@@ -1417,29 +1487,27 @@ function baseIsEqual(value, other, bitmask, customizer, stack) {
 }
 var COMPARE_PARTIAL_FLAG$1 = 1, COMPARE_UNORDERED_FLAG$1 = 2;
 function baseIsMatch(object, source, matchData, customizer) {
-  var index2 = matchData.length, length = index2, noCustomizer = !customizer;
+  var index2 = matchData.length, length = index2;
   if (object == null) {
     return !length;
   }
   object = Object(object);
   while (index2--) {
     var data = matchData[index2];
-    if (noCustomizer && data[2] ? data[1] !== object[data[0]] : !(data[0] in object)) {
+    if (data[2] ? data[1] !== object[data[0]] : !(data[0] in object)) {
       return false;
     }
   }
   while (++index2 < length) {
     data = matchData[index2];
     var key = data[0], objValue = object[key], srcValue = data[1];
-    if (noCustomizer && data[2]) {
+    if (data[2]) {
       if (objValue === void 0 && !(key in object)) {
         return false;
       }
     } else {
       var stack = new Stack();
-      if (customizer) {
-        var result = customizer(objValue, srcValue, key, object, source, stack);
-      }
+      var result;
       if (!(result === void 0 ? baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG$1 | COMPARE_UNORDERED_FLAG$1, customizer, stack) : result)) {
         return false;
       }
@@ -1492,7 +1560,7 @@ function hasPath(object, path, hasFunc) {
     return result;
   }
   length = object == null ? 0 : object.length;
-  return !!length && isLength(length) && isIndex(key, length) && (isArray(object) || isArguments$1(object));
+  return !!length && isLength(length) && isIndex(key, length) && (isArray(object) || isArguments(object));
 }
 function hasIn(object, path) {
   return object != null && hasPath(object, path, baseHasIn);
@@ -1536,7 +1604,7 @@ function createBaseFor(fromRight) {
   return function(object, iteratee, keysFunc) {
     var index2 = -1, iterable = Object(object), props = keysFunc(object), length = props.length;
     while (length--) {
-      var key = props[fromRight ? length : ++index2];
+      var key = props[++index2];
       if (iteratee(iterable[key], key, iterable) === false) {
         break;
       }
@@ -1545,9 +1613,8 @@ function createBaseFor(fromRight) {
   };
 }
 var baseFor = createBaseFor();
-const baseFor$1 = baseFor;
 function baseForOwn(object, iteratee) {
-  return object && baseFor$1(object, iteratee, keys);
+  return object && baseFor(object, iteratee, keys);
 }
 function createBaseEach(eachFunc, fromRight) {
   return function(collection, iteratee) {
@@ -1557,8 +1624,8 @@ function createBaseEach(eachFunc, fromRight) {
     if (!isArrayLike(collection)) {
       return eachFunc(collection, iteratee);
     }
-    var length = collection.length, index2 = fromRight ? length : -1, iterable = Object(collection);
-    while (fromRight ? index2-- : ++index2 < length) {
+    var length = collection.length, index2 = -1, iterable = Object(collection);
+    while (++index2 < length) {
       if (iteratee(iterable[index2], index2, iterable) === false) {
         break;
       }
@@ -1567,7 +1634,6 @@ function createBaseEach(eachFunc, fromRight) {
   };
 }
 var baseEach = createBaseEach(baseForOwn);
-const baseEach$1 = baseEach;
 var now = function() {
   return root.Date.now();
 };
@@ -1660,7 +1726,7 @@ function last(array) {
 }
 function baseFilter(collection, predicate) {
   var result = [];
-  baseEach$1(collection, function(value, index2, collection2) {
+  baseEach(collection, function(value, index2, collection2) {
     if (predicate(value, index2, collection2)) {
       result.push(value);
     }
@@ -1689,10 +1755,10 @@ function isEmpty(value) {
   if (value == null) {
     return true;
   }
-  if (isArrayLike(value) && (isArray(value) || typeof value == "string" || typeof value.splice == "function" || isBuffer$1(value) || isTypedArray$1(value) || isArguments$1(value))) {
+  if (isArrayLike(value) && (isArray(value) || typeof value == "string" || typeof value.splice == "function" || isBuffer(value) || isTypedArray(value) || isArguments(value))) {
     return !value.length;
   }
-  var tag = getTag$1(value);
+  var tag = getTag(value);
   if (tag == mapTag$1 || tag == setTag$1) {
     return !value.size;
   }
@@ -1759,7 +1825,7 @@ function baseReduce(collection, iteratee, accumulator, initAccum, eachFunc) {
 }
 function reduce(collection, iteratee, accumulator) {
   var func = isArray(collection) ? arrayReduce : baseReduce, initAccum = arguments.length < 3;
-  return func(collection, baseIteratee(iteratee), accumulator, initAccum, baseEach$1);
+  return func(collection, baseIteratee(iteratee), accumulator, initAccum, baseEach);
 }
 var mapTag = "[object Map]", setTag = "[object Set]";
 function size(collection) {
@@ -1769,71 +1835,12 @@ function size(collection) {
   if (isArrayLike(collection)) {
     return isString(collection) ? stringSize(collection) : collection.length;
   }
-  var tag = getTag$1(collection);
+  var tag = getTag(collection);
   if (tag == mapTag || tag == setTag) {
     return collection.size;
   }
   return baseKeys(collection).length;
 }
-const analyzeAdaptive = (defaultContainer, adaptive) => {
-  var _a, _b, _c;
-  if (isBoolean(adaptive)) {
-    return {
-      container: defaultContainer,
-      adaptiveWidth: true,
-      adaptiveHeight: false
-    };
-  }
-  return {
-    container: ((_a = adaptive == null ? void 0 : adaptive.getContainer) == null ? void 0 : _a.call(adaptive)) || defaultContainer,
-    adaptiveWidth: (_b = adaptive == null ? void 0 : adaptive.width) != null ? _b : true,
-    adaptiveHeight: (_c = adaptive == null ? void 0 : adaptive.height) != null ? _c : true
-  };
-};
-const createResizeObserver = (params) => {
-  let isFirstRender = true;
-  const { s2, adaptive, container, wrapper } = params;
-  const {
-    container: actualWrapper,
-    adaptiveWidth,
-    adaptiveHeight
-  } = analyzeAdaptive(wrapper, adaptive);
-  if (!actualWrapper || !container || !adaptive || !s2) {
-    return;
-  }
-  const render2 = (width, height) => {
-    s2 == null ? void 0 : s2.changeSheetSize(width, height);
-    s2 == null ? void 0 : s2.render(false);
-  };
-  const debounceRender = debounce(render2, RESIZE_RENDER_DELAY);
-  const onResize = () => {
-    const { clientWidth: containerWidth, clientHeight: containerHeight } = container;
-    const width = adaptiveWidth ? floor(containerWidth != null ? containerWidth : s2.options.width) : s2.options.width;
-    const height = adaptiveHeight ? floor(containerHeight != null ? containerHeight : s2.options.height) : s2.options.height;
-    if (!adaptiveWidth && !adaptiveHeight) {
-      return;
-    }
-    if (isFirstRender) {
-      render2(width, height);
-      isFirstRender = false;
-      return;
-    }
-    debounceRender(width, height);
-  };
-  const resizeObserver = new ResizeObserver(
-    ([entry] = []) => {
-      if (entry) {
-        onResize();
-      }
-    }
-  );
-  resizeObserver.observe(actualWrapper, {
-    box: "border-box"
-  });
-  return () => {
-    resizeObserver.unobserve(actualWrapper);
-  };
-};
 const getDrillDownCache = (spreadsheet, meta) => {
   const drillDownDataCache = spreadsheet.store.get(
     "drillDownDataCache",
@@ -1924,7 +1931,7 @@ const handleDrillDown = (params) => {
   if (!fetchData) {
     return;
   }
-  fetchData(meta, drillFields).then((info) => {
+  fetchData(meta, drillFields).then((info) => __async(void 0, null, function* () {
     const { drillData, drillField } = info;
     spreadsheet.dataSet.transformDrillDownData(
       drillField,
@@ -1943,20 +1950,74 @@ const handleDrillDown = (params) => {
       spreadsheet.store.set("drillDownDataCache", newDrillDownDataCache);
     }
     spreadsheet.interaction.reset();
-    spreadsheet.render(false);
-  });
+    yield spreadsheet.render(false);
+  }));
 };
-extendLocale(Locale);
-const useExpose = (expose) => {
-  const s2Ref = shallowRef();
-  expose({
-    get instance() {
-      var _a;
-      return (_a = s2Ref.value) == null ? void 0 : _a.instance;
+const getBaseSheetComponentOptions = (...options) => customMerge(
+  DEFAULT_OPTIONS,
+  SHEET_COMPONENT_DEFAULT_OPTIONS,
+  ...options
+);
+const analyzeAdaptive = (defaultContainer, adaptive) => {
+  var _a, _b, _c;
+  if (isBoolean(adaptive)) {
+    return {
+      container: defaultContainer,
+      adaptiveWidth: true,
+      adaptiveHeight: false
+    };
+  }
+  return {
+    container: ((_a = adaptive == null ? void 0 : adaptive.getContainer) == null ? void 0 : _a.call(adaptive)) || defaultContainer,
+    adaptiveWidth: (_b = adaptive == null ? void 0 : adaptive.width) != null ? _b : true,
+    adaptiveHeight: (_c = adaptive == null ? void 0 : adaptive.height) != null ? _c : true
+  };
+};
+const createResizeObserver = (params) => {
+  let isFirstRender = true;
+  const { s2, adaptive, container, wrapper } = params;
+  const {
+    container: actualWrapper,
+    adaptiveWidth,
+    adaptiveHeight
+  } = analyzeAdaptive(wrapper, adaptive);
+  if (!actualWrapper || !container || !adaptive || !s2) {
+    return;
+  }
+  const render2 = (width, height) => __async(void 0, null, function* () {
+    s2 == null ? void 0 : s2.changeSheetSize(width, height);
+    yield s2 == null ? void 0 : s2.render(false);
+  });
+  const debounceRender = debounce(render2, RESIZE_RENDER_DELAY);
+  const onResize = () => __async(void 0, null, function* () {
+    const { clientWidth: containerWidth, clientHeight: containerHeight } = container;
+    const width = adaptiveWidth ? floor(containerWidth != null ? containerWidth : s2.options.width) : s2.options.width;
+    const height = adaptiveHeight ? floor(containerHeight != null ? containerHeight : s2.options.height) : s2.options.height;
+    if (!adaptiveWidth && !adaptiveHeight) {
+      return;
+    }
+    if (isFirstRender) {
+      yield render2(width, height);
+      isFirstRender = false;
+      return;
     }
+    debounceRender(width, height);
   });
-  return s2Ref;
+  const resizeObserver = new ResizeObserver(
+    ([entry] = []) => {
+      if (entry) {
+        onResize();
+      }
+    }
+  );
+  resizeObserver.observe(actualWrapper, {
+    box: "border-box"
+  });
+  return () => {
+    resizeObserver.unobserve(actualWrapper);
+  };
 };
+extendLocale(Locale);
 const _sfc_main$e = defineComponent({
   name: "TooltipDetail",
   props: ["list"],
@@ -2436,7 +2497,7 @@ const usePagination = (s2Ref, props) => {
   const visible = computed(() => {
     return showPagination && !isEmpty(paginationCfg);
   });
-  watch([current, pageSize], () => {
+  watch([current, pageSize], () => __async(void 0, null, function* () {
     if (!s2Ref.value) {
       return;
     }
@@ -2445,8 +2506,8 @@ const usePagination = (s2Ref, props) => {
       pageSize: pageSize.value
     };
     s2Ref.value.updatePagination(nextPagination);
-    s2Ref.value.render(false);
-  });
+    yield s2Ref.value.render(false);
+  }));
   watch(
     [() => paginationCfg, s2Ref],
     () => {
@@ -2840,7 +2901,25 @@ const useLoading = (s2Ref, loadingProp = false) => {
   });
   return { loading, setLoading };
 };
-const useSheetUpdate = (s2Ref, props) => {
+const useResize = (s2Ref, props, dom) => {
+  const unobserve = ref();
+  watch([s2Ref, () => props.adaptive], ([s2, adaptive], _, onCleanup) => {
+    if (!s2) {
+      return;
+    }
+    unobserve.value = createResizeObserver({
+      s2,
+      adaptive,
+      wrapper: dom.wrapperRef.value,
+      container: dom.containerRef.value
+    });
+    onCleanup(() => {
+      var _a;
+      (_a = unobserve.value) == null ? void 0 : _a.call(unobserve);
+    });
+  });
+};
+const useSheetUpdate = (s2Ref, props, hooks) => {
   const updateFlag = reactive({
     rerender: false,
     reloadData: false,
@@ -2884,37 +2963,23 @@ const useSheetUpdate = (s2Ref, props) => {
       deep: isProxy(props.themeCfg)
     }
   );
-  watch(updateFlag, (flag) => {
-    var _a;
+  watch(updateFlag, (flag) => __async(void 0, null, function* () {
+    var _a, _b, _c, _d, _e;
     if (!flag.rerender) {
       return;
     }
-    (_a = s2Ref.value) == null ? void 0 : _a.render({
+    (_a = hooks == null ? void 0 : hooks.before) == null ? void 0 : _a.call(hooks);
+    const renderOptions = (_b = props == null ? void 0 : props.onUpdate) == null ? void 0 : _b.call(props, {
       reloadData: flag.reloadData,
-      reBuildDataSet: flag.rebuildDataset
+      rebuildDataSet: flag.rebuildDataset
     });
+    yield (_c = s2Ref.value) == null ? void 0 : _c.render(renderOptions);
+    (_d = props == null ? void 0 : props.onUpdateAfterRender) == null ? void 0 : _d.call(props, renderOptions);
+    (_e = hooks == null ? void 0 : hooks.after) == null ? void 0 : _e.call(hooks);
     flag.rerender = false;
     flag.reloadData = false;
     flag.rebuildDataset = false;
-  });
-};
-const useResize = (s2Ref, props, dom) => {
-  const unobserve = ref();
-  watch([s2Ref, () => props.adaptive], ([s2, adaptive], _, onCleanup) => {
-    if (!s2) {
-      return;
-    }
-    unobserve.value = createResizeObserver({
-      s2,
-      adaptive,
-      wrapper: dom.wrapperRef.value,
-      container: dom.containerRef.value
-    });
-    onCleanup(() => {
-      var _a;
-      (_a = unobserve.value) == null ? void 0 : _a.call(unobserve);
-    });
-  });
+  }));
 };
 function useSpreadSheet(props, emit) {
   const {
@@ -2943,20 +3008,28 @@ function useSpreadSheet(props, emit) {
     }
     return new PivotSheet$1(container, rawDataCfg, s2Options);
   };
-  const buildSpreadSheet = () => {
+  const buildSpreadSheet = () => __async(this, null, function* () {
     setLoading(true);
     s2Ref.value = renderSpreadSheet(containerRef.value);
     s2Ref.value.setThemeCfg(toRaw(themeCfg));
-    s2Ref.value.render();
+    yield s2Ref.value.render();
     setLoading(false);
     onS2Mounted == null ? void 0 : onS2Mounted(s2Ref.value);
-  };
+  });
   onMounted(buildSpreadSheet);
   useEvents(s2Ref, emit);
-  useSheetUpdate(s2Ref, props);
+  useSheetUpdate(s2Ref, props, {
+    before() {
+      setLoading(true);
+    },
+    after() {
+      setLoading(false);
+    }
+  });
   useResize(s2Ref, props, { wrapperRef, containerRef });
   onBeforeUnmount(() => {
     var _a;
+    setLoading(false);
     (_a = s2Ref.value) == null ? void 0 : _a.destroy();
   });
   return {
@@ -2989,7 +3062,9 @@ const initBaseSheetProps = () => {
       default: false
     },
     spreadsheet: Function,
-    onMounted: Function
+    onMounted: Function,
+    onUpdate: Function,
+    onUpdateAfterRender: Function
   };
 };
 const initDrillDownProps = () => {
@@ -3193,6 +3268,16 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["wrapperClassName", "spinning"]);
 }
 const BaseSheet = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
+const useExpose = (expose) => {
+  const s2Ref = shallowRef();
+  expose({
+    get instance() {
+      var _a;
+      return (_a = s2Ref.value) == null ? void 0 : _a.instance;
+    }
+  });
+  return s2Ref;
+};
 const _hoisted_1$2 = {
   class: "antv-s2-icon",
   viewBox: "0 0 1024 1024",
@@ -3208,7 +3293,7 @@ const _hoisted_3$2 = [
   _hoisted_2$2
 ];
 function render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$2, _hoisted_3$2);
+  return openBlock(), createElementBlock("svg", _hoisted_1$2, [..._hoisted_3$2]);
 }
 const LocationIcon = { render: render$2 };
 const _hoisted_1$1 = {
@@ -3226,7 +3311,7 @@ const _hoisted_3$1 = [
   _hoisted_2$1
 ];
 function render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._hoisted_3$1]);
 }
 const TextIcon = { render: render$1 };
 const _hoisted_1 = {
@@ -3244,7 +3329,7 @@ const _hoisted_3 = [
   _hoisted_2
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+  return openBlock(), createElementBlock("svg", _hoisted_1, [..._hoisted_3]);
 }
 const CalendarIcon = { render };
 const _sfc_main$3 = defineComponent({
@@ -3499,7 +3584,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(resolveDynamicComponent(_ctx.sheetType), { ref: "s2Ref" }, null, 512);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-const version = "@antv/s2-vue-v2.0.0-next.13";
+const version = "@antv/s2-vue-v2.0.0-next.15";
 export {
   BaseSheet,
   CustomTooltip,