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

package/lib/index.js

@@ -18,10 +18,31 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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());
+  });
+};
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const s2 = require("@antv/s2");
 const vue = require("vue");
 const antDesignVue = require("ant-design-vue");
+const DRILL_DOWN_PRE_CLASS = `${s2.S2_PREFIX_CLS}-drill-down`;
 const EN_US = {
   选择分析信息: "Select Analysis Information",
   切换指标: "Switch indicator",
@@ -62,7 +83,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 = {
   选择分析信息: "选择分析信息",
@@ -104,7 +157,39 @@ const ZH_CN = {
   // strategy
   时间: "时间",
   指标: "指标",
-  目标值: "目标值"
+  目标值: "目标值",
+  // components
+  自定义颜色: "自定义颜色",
+  平铺: "平铺",
+  树状: "树状",
+  默认: "默认",
+  多彩风: "多彩风",
+  简约风: "简约风",
+  极简风: "极简风",
+  斑马纹风: "斑马纹风",
+  主题风格: "主题风格",
+  类型: "类型",
+  主题: "主题",
+  主色系: "主色系",
+  深色主题: "深色主题",
+  浅色主题: "浅色主题",
+  灰色: "灰色",
+  自定义: "自定义",
+  文字对齐: "文字对齐",
+  左对齐: "左对齐",
+  居中: "居中",
+  右对齐: "右对齐",
+  表头: "表头",
+  "表身 (维度)": "表身 (维度)",
+  "表身 (指标)": "表身 (指标)",
+  冻结行列头: "冻结行列头",
+  行: "行",
+  列: "列",
+  冻结行: "冻结行",
+  冻结列: "冻结列",
+  冻结: "冻结",
+  冻结前: "冻结前",
+  冻结后: "冻结后"
 };
 const Locale = {
   zh_CN: ZH_CN,
@@ -122,12 +207,6 @@ const SHEET_COMPONENT_DEFAULT_OPTIONS = {
   showDefaultHeaderActionIcon: true
 };
 const RESIZE_RENDER_DELAY = 200;
-const DRILL_DOWN_PRE_CLASS = `${s2.S2_PREFIX_CLS}-drill-down`;
-const getBaseSheetComponentOptions = (...options) => s2.customMerge(
-  s2.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")();
@@ -367,8 +446,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) {
@@ -414,7 +492,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];
     }
@@ -474,7 +552,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;
 }
@@ -484,7 +561,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 = {};
@@ -514,11 +590,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.
@@ -822,7 +897,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;
@@ -830,13 +905,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;
     }
   }
@@ -844,7 +917,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 + "");
@@ -994,9 +1067,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);
@@ -1006,7 +1078,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");
@@ -1035,7 +1107,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) {
@@ -1047,10 +1118,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) {
@@ -1111,13 +1181,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;
@@ -1145,8 +1215,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) {
@@ -1291,7 +1361,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;
@@ -1379,12 +1449,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;
@@ -1392,7 +1462,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__");
@@ -1419,29 +1489,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;
       }
@@ -1494,7 +1562,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);
@@ -1538,7 +1606,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;
       }
@@ -1547,9 +1615,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) {
@@ -1559,8 +1626,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;
       }
@@ -1569,7 +1636,6 @@ function createBaseEach(eachFunc, fromRight) {
   };
 }
 var baseEach = createBaseEach(baseForOwn);
-const baseEach$1 = baseEach;
 var now = function() {
   return root.Date.now();
 };
@@ -1662,7 +1728,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);
     }
@@ -1691,10 +1757,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;
   }
@@ -1761,7 +1827,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) {
@@ -1771,71 +1837,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: s2$1, adaptive, container, wrapper } = params;
-  const {
-    container: actualWrapper,
-    adaptiveWidth,
-    adaptiveHeight
-  } = analyzeAdaptive(wrapper, adaptive);
-  if (!actualWrapper || !container || !adaptive || !s2$1) {
-    return;
-  }
-  const render2 = (width, height) => {
-    s2$1 == null ? void 0 : s2$1.changeSheetSize(width, height);
-    s2$1 == null ? void 0 : s2$1.render(false);
-  };
-  const debounceRender = debounce(render2, RESIZE_RENDER_DELAY);
-  const onResize = () => {
-    const { clientWidth: containerWidth, clientHeight: containerHeight } = container;
-    const width = adaptiveWidth ? s2.floor(containerWidth != null ? containerWidth : s2$1.options.width) : s2$1.options.width;
-    const height = adaptiveHeight ? s2.floor(containerHeight != null ? containerHeight : s2$1.options.height) : s2$1.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",
@@ -1926,7 +1933,7 @@ const handleDrillDown = (params) => {
   if (!fetchData) {
     return;
   }
-  fetchData(meta, drillFields).then((info) => {
+  fetchData(meta, drillFields).then((info) => __async(exports, null, function* () {
     const { drillData, drillField } = info;
     spreadsheet.dataSet.transformDrillDownData(
       drillField,
@@ -1945,20 +1952,74 @@ const handleDrillDown = (params) => {
       spreadsheet.store.set("drillDownDataCache", newDrillDownDataCache);
     }
     spreadsheet.interaction.reset();
-    spreadsheet.render(false);
-  });
+    yield spreadsheet.render(false);
+  }));
 };
-s2.extendLocale(Locale);
-const useExpose = (expose) => {
-  const s2Ref = vue.shallowRef();
-  expose({
-    get instance() {
-      var _a;
-      return (_a = s2Ref.value) == null ? void 0 : _a.instance;
+const getBaseSheetComponentOptions = (...options) => s2.customMerge(
+  s2.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: s2$1, adaptive, container, wrapper } = params;
+  const {
+    container: actualWrapper,
+    adaptiveWidth,
+    adaptiveHeight
+  } = analyzeAdaptive(wrapper, adaptive);
+  if (!actualWrapper || !container || !adaptive || !s2$1) {
+    return;
+  }
+  const render2 = (width, height) => __async(exports, null, function* () {
+    s2$1 == null ? void 0 : s2$1.changeSheetSize(width, height);
+    yield s2$1 == null ? void 0 : s2$1.render(false);
+  });
+  const debounceRender = debounce(render2, RESIZE_RENDER_DELAY);
+  const onResize = () => __async(exports, null, function* () {
+    const { clientWidth: containerWidth, clientHeight: containerHeight } = container;
+    const width = adaptiveWidth ? s2.floor(containerWidth != null ? containerWidth : s2$1.options.width) : s2$1.options.width;
+    const height = adaptiveHeight ? s2.floor(containerHeight != null ? containerHeight : s2$1.options.height) : s2$1.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);
+  };
 };
+s2.extendLocale(Locale);
 const _sfc_main$e = vue.defineComponent({
   name: "TooltipDetail",
   props: ["list"],
@@ -2438,7 +2499,7 @@ const usePagination = (s2Ref, props) => {
   const visible = vue.computed(() => {
     return showPagination && !isEmpty(paginationCfg);
   });
-  vue.watch([current, pageSize], () => {
+  vue.watch([current, pageSize], () => __async(exports, null, function* () {
     if (!s2Ref.value) {
       return;
     }
@@ -2447,8 +2508,8 @@ const usePagination = (s2Ref, props) => {
       pageSize: pageSize.value
     };
     s2Ref.value.updatePagination(nextPagination);
-    s2Ref.value.render(false);
-  });
+    yield s2Ref.value.render(false);
+  }));
   vue.watch(
     [() => paginationCfg, s2Ref],
     () => {
@@ -2842,7 +2903,25 @@ const useLoading = (s2Ref, loadingProp = false) => {
   });
   return { loading, setLoading };
 };
-const useSheetUpdate = (s2Ref, props) => {
+const useResize = (s2Ref, props, dom) => {
+  const unobserve = vue.ref();
+  vue.watch([s2Ref, () => props.adaptive], ([s22, adaptive], _, onCleanup) => {
+    if (!s22) {
+      return;
+    }
+    unobserve.value = createResizeObserver({
+      s2: s22,
+      adaptive,
+      wrapper: dom.wrapperRef.value,
+      container: dom.containerRef.value
+    });
+    onCleanup(() => {
+      var _a;
+      (_a = unobserve.value) == null ? void 0 : _a.call(unobserve);
+    });
+  });
+};
+const useSheetUpdate = (s2Ref, props, hooks) => {
   const updateFlag = vue.reactive({
     rerender: false,
     reloadData: false,
@@ -2886,37 +2965,23 @@ const useSheetUpdate = (s2Ref, props) => {
       deep: vue.isProxy(props.themeCfg)
     }
   );
-  vue.watch(updateFlag, (flag) => {
-    var _a;
+  vue.watch(updateFlag, (flag) => __async(exports, 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 = vue.ref();
-  vue.watch([s2Ref, () => props.adaptive], ([s22, adaptive], _, onCleanup) => {
-    if (!s22) {
-      return;
-    }
-    unobserve.value = createResizeObserver({
-      s2: s22,
-      adaptive,
-      wrapper: dom.wrapperRef.value,
-      container: dom.containerRef.value
-    });
-    onCleanup(() => {
-      var _a;
-      (_a = unobserve.value) == null ? void 0 : _a.call(unobserve);
-    });
-  });
+  }));
 };
 function useSpreadSheet(props, emit) {
   const {
@@ -2945,20 +3010,28 @@ function useSpreadSheet(props, emit) {
     }
     return new s2.PivotSheet(container, rawDataCfg, s2Options);
   };
-  const buildSpreadSheet = () => {
+  const buildSpreadSheet = () => __async(this, null, function* () {
     setLoading(true);
     s2Ref.value = renderSpreadSheet(containerRef.value);
     s2Ref.value.setThemeCfg(vue.toRaw(themeCfg));
-    s2Ref.value.render();
+    yield s2Ref.value.render();
     setLoading(false);
     onS2Mounted == null ? void 0 : onS2Mounted(s2Ref.value);
-  };
+  });
   vue.onMounted(buildSpreadSheet);
   useEvents(s2Ref, emit);
-  useSheetUpdate(s2Ref, props);
+  useSheetUpdate(s2Ref, props, {
+    before() {
+      setLoading(true);
+    },
+    after() {
+      setLoading(false);
+    }
+  });
   useResize(s2Ref, props, { wrapperRef, containerRef });
   vue.onBeforeUnmount(() => {
     var _a;
+    setLoading(false);
     (_a = s2Ref.value) == null ? void 0 : _a.destroy();
   });
   return {
@@ -2991,7 +3064,9 @@ const initBaseSheetProps = () => {
       default: false
     },
     spreadsheet: Function,
-    onMounted: Function
+    onMounted: Function,
+    onUpdate: Function,
+    onUpdateAfterRender: Function
   };
 };
 const initDrillDownProps = () => {
@@ -3195,6 +3270,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 = vue.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",
@@ -3501,7 +3586,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createBlock(vue.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.14";
+const version = "@antv/s2-vue-v2.0.0-next.15";
 exports.BaseSheet = BaseSheet;
 exports.CustomTooltip = CustomTooltip;
 exports.PivotSheet = PivotSheet;