@antv/s2-vue 2.0.0-next.3 → 2.0.0-next.5

package/lib/index.js

@@ -1,83 +1,91 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const s2 = require("@antv/s2");
 const vue = require("vue");
 const antDesignVue = require("ant-design-vue");
 const EN_US = {
-  \u9009\u62E9\u5206\u6790\u4FE1\u606F: "Select Analysis Information",
-  \u5207\u6362\u6307\u6807: "Switch indicator",
-  \u786E\u5B9A: "Ok",
-  \u53D6\u6D88: "Cancel",
-  \u91CD\u7F6E: "Reset",
-  \u8BF7\u8F93\u5165\u5173\u952E\u5B57\u641C\u7D22: "Please enter a keyword search",
-  \u641C\u7D22: "Search",
-  \u6062\u590D: "Recover",
-  "\u5DF2\u9009 {} \u9879": "selected {} item",
-  \u6240\u9009\u9879: "selected items",
-  \u9009\u62E9\u4E0B\u94BB\u7EF4\u5EA6: "Select drill down dimension",
-  \u6062\u590D\u9ED8\u8BA4: "Restore default",
-  \u641C\u7D22\u5B57\u6BB5: "Search field",
-  \u884C\u5217\u5207\u6362: "Switch Dimensions",
-  \u884C\u5934: "Rows",
-  \u5217\u5934: "Cols",
-  \u503C: "Values",
-  \u5C55\u5F00\u5B50\u9879: "Expand Children",
-  \u9996\u5B57\u6BCD: "Alphabetical order",
-  \u624B\u52A8\u6392\u5E8F: "Custom order",
-  \u5176\u4ED6\u5B57\u6BB5: "Other field",
-  \u9AD8\u7EA7\u6392\u5E8F: "Advanced order",
-  \u8BBE\u7F6E\u987A\u5E8F: "SetManual",
-  \u53EF\u9009\u5B57\u6BB5: "Fields",
-  "\u6309\u4EE5\u4E0B\u89C4\u5219\u8FDB\u884C\u6392\u5E8F\uFF08\u4F18\u5148\u7EA7\u7531\u4F4E\u5230\u9AD8\uFF09": "Order according to the following rules (from low to high priority)",
-  \u6309: "By",
-  \u8BF4\u660E: "Description",
-  \u590D\u5236\u539F\u59CB\u6570\u636E: "Copy raw data",
-  \u590D\u5236\u683C\u5F0F\u5316\u6570\u636E: "Copy formatted data",
-  \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",
-  \u65F6\u95F4: "Date",
-  \u6307\u6807: "Measure",
-  \u76EE\u6807\u503C: "Target Value"
+  选择分析信息: "Select Analysis Information",
+  切换指标: "Switch indicator",
+  确定: "Ok",
+  取消: "Cancel",
+  重置: "Reset",
+  请输入关键字搜索: "Please enter a keyword search",
+  搜索: "Search",
+  恢复: "Recover",
+  "已选 {} 项": "selected {} item",
+  所选项: "selected items",
+  选择下钻维度: "Select drill down dimension",
+  恢复默认: "Restore default",
+  搜索字段: "Search field",
+  // switcher
+  行列切换: "Switch Dimensions",
+  行头: "Rows",
+  列头: "Cols",
+  值: "Values",
+  展开子项: "Expand Children",
+  // sort
+  首字母: "Alphabetical order",
+  手动排序: "Custom order",
+  其他字段: "Other field",
+  高级排序: "Advanced order",
+  设置顺序: "SetManual",
+  可选字段: "Fields",
+  "按以下规则进行排序（优先级由低到高）": "Order according to the following rules (from low to high priority)",
+  按: "By",
+  说明: "Description",
+  // export
+  复制原始数据: "Copy raw data",
+  复制格式化数据: "Copy formatted data",
+  下载原始数据: "Download raw data",
+  下载格式化数据: "Download formatted data",
+  操作成功: "Operation successful",
+  操作失败: "Operation failed",
+  // strategy
+  时间: "Date",
+  指标: "Measure",
+  目标值: "Target Value"
 };
 const ZH_CN = {
-  \u9009\u62E9\u5206\u6790\u4FE1\u606F: "\u9009\u62E9\u5206\u6790\u4FE1\u606F",
-  \u5207\u6362\u6307\u6807: "\u5207\u6362\u6307\u6807",
-  \u786E\u5B9A: "\u786E\u5B9A",
-  \u53D6\u6D88: "\u53D6\u6D88",
-  \u91CD\u7F6E: "\u91CD\u7F6E",
-  \u8BF7\u8F93\u5165\u5173\u952E\u5B57\u641C\u7D22: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57\u641C\u7D22",
-  \u641C\u7D22: "\u641C\u7D22",
-  \u6062\u590D: "\u6062\u590D",
-  "\u5DF2\u9009 {} \u9879": "\u5DF2\u9009 {} \u9879",
-  \u6240\u9009\u9879: "\u6240\u9009\u9879",
-  \u9009\u62E9\u4E0B\u94BB\u7EF4\u5EA6: "\u9009\u62E9\u4E0B\u94BB\u7EF4\u5EA6",
-  \u6062\u590D\u9ED8\u8BA4: "\u6062\u590D\u9ED8\u8BA4",
-  \u641C\u7D22\u5B57\u6BB5: "\u641C\u7D22\u5B57\u6BB5",
-  \u884C\u5217\u5207\u6362: "\u884C\u5217\u5207\u6362",
-  \u884C\u5934: "\u884C\u5934",
-  \u5217\u5934: "\u5217\u5934",
-  \u503C: "\u503C",
-  \u5C55\u5F00\u5B50\u9879: "\u5C55\u5F00\u5B50\u9879",
-  \u9996\u5B57\u6BCD: "\u9996\u5B57\u6BCD",
-  \u624B\u52A8\u6392\u5E8F: "\u624B\u52A8\u6392\u5E8F",
-  \u5176\u4ED6\u5B57\u6BB5: "\u5176\u4ED6\u5B57\u6BB5",
-  \u9AD8\u7EA7\u6392\u5E8F: "\u9AD8\u7EA7\u6392\u5E8F",
-  \u8BBE\u7F6E\u987A\u5E8F: "\u8BBE\u7F6E\u987A\u5E8F",
-  \u53EF\u9009\u5B57\u6BB5: "\u53EF\u9009\u5B57\u6BB5",
-  "\u6309\u4EE5\u4E0B\u89C4\u5219\u8FDB\u884C\u6392\u5E8F\uFF08\u4F18\u5148\u7EA7\u7531\u4F4E\u5230\u9AD8\uFF09": "\u6309\u4EE5\u4E0B\u89C4\u5219\u8FDB\u884C\u6392\u5E8F\uFF08\u4F18\u5148\u7EA7\u7531\u4F4E\u5230\u9AD8\uFF09",
-  \u6309: "\u6309",
-  \u8BF4\u660E: "\u8BF4\u660E",
-  \u590D\u5236\u539F\u59CB\u6570\u636E: "\u590D\u5236\u539F\u59CB\u6570\u636E",
-  \u590D\u5236\u683C\u5F0F\u5316\u6570\u636E: "\u590D\u5236\u683C\u5F0F\u5316\u6570\u636E",
-  \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",
-  \u65F6\u95F4: "\u65F6\u95F4",
-  \u6307\u6807: "\u6307\u6807",
-  \u76EE\u6807\u503C: "\u76EE\u6807\u503C"
+  选择分析信息: "选择分析信息",
+  切换指标: "切换指标",
+  确定: "确定",
+  取消: "取消",
+  重置: "重置",
+  请输入关键字搜索: "请输入关键字搜索",
+  搜索: "搜索",
+  恢复: "恢复",
+  "已选 {} 项": "已选 {} 项",
+  所选项: "所选项",
+  选择下钻维度: "选择下钻维度",
+  恢复默认: "恢复默认",
+  搜索字段: "搜索字段",
+  // switcher
+  行列切换: "行列切换",
+  行头: "行头",
+  列头: "列头",
+  值: "值",
+  展开子项: "展开子项",
+  // sort
+  首字母: "首字母",
+  手动排序: "手动排序",
+  其他字段: "其他字段",
+  高级排序: "高级排序",
+  设置顺序: "设置顺序",
+  可选字段: "可选字段",
+  "按以下规则进行排序（优先级由低到高）": "按以下规则进行排序（优先级由低到高）",
+  按: "按",
+  说明: "说明",
+  // export
+  复制原始数据: "复制原始数据",
+  复制格式化数据: "复制格式化数据",
+  下载原始数据: "下载原始数据",
+  下载格式化数据: "下载格式化数据",
+  操作成功: "操作成功",
+  操作失败: "操作失败",
+  // strategy
+  时间: "时间",
+  指标: "指标",
+  目标值: "目标值"
 };
 const Locale = {
   zh_CN: ZH_CN,
@@ -89,7 +97,6 @@ const SHEET_COMPONENT_DEFAULT_OPTIONS = {
     autoAdjustBoundary: "body",
     operation: {
       hiddenColumns: true,
-      trend: false,
       sort: true
     }
   },
@@ -97,13 +104,11 @@ const SHEET_COMPONENT_DEFAULT_OPTIONS = {
 };
 const RESIZE_RENDER_DELAY = 200;
 const DRILL_DOWN_PRE_CLASS = `${s2.S2_PREFIX_CLS}-drill-down`;
-const getBaseSheetComponentOptions = (...options) => {
-  return s2.customMerge(
-    s2.DEFAULT_OPTIONS,
-    SHEET_COMPONENT_DEFAULT_OPTIONS,
-    ...options
-  );
-};
+const getBaseSheetComponentOptions = (...options) => s2.customMerge(
+  s2.DEFAULT_OPTIONS,
+  SHEET_COMPONENT_DEFAULT_OPTIONS,
+  ...options
+);
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 const freeGlobal$1 = freeGlobal;
 var freeSelf = typeof self == "object" && self && self.Object === Object && self;
@@ -443,7 +448,9 @@ 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$8.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 && // Safari 9 has enumerable `arguments.length` in strict mode.
+    (key == "length" || isBuff && (key == "offset" || key == "parent") || isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || // Skip index properties.
+    isIndex(key, length)))) {
       result.push(key);
     }
   }
@@ -1611,7 +1618,7 @@ function size(collection) {
   return baseKeys(collection).length;
 }
 const analyzeAdaptive = (defaultContainer, adaptive) => {
-  var _a, _b, _c;
+  var _a;
   if (isBoolean(adaptive)) {
     return {
       container: defaultContainer,
@@ -1621,8 +1628,8 @@ const analyzeAdaptive = (defaultContainer, adaptive) => {
   }
   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
+    adaptiveWidth: (adaptive == null ? void 0 : adaptive.width) ?? true,
+    adaptiveHeight: (adaptive == null ? void 0 : adaptive.height) ?? true
   };
 };
 const createResizeObserver = (params) => {
@@ -1643,8 +1650,8 @@ const createResizeObserver = (params) => {
   const debounceRender = debounce(render2, RESIZE_RENDER_DELAY);
   const onResize = () => {
     const { clientWidth: containerWidth, clientHeight: containerHeight } = container;
-    const width = adaptiveWidth ? Math.floor(containerWidth != null ? containerWidth : s22.options.width) : s22.options.width;
-    const height = adaptiveHeight ? Math.floor(containerHeight != null ? containerHeight : s22.options.height) : s22.options.height;
+    const width = adaptiveWidth ? Math.floor(containerWidth ?? s22.options.width) : s22.options.width;
+    const height = adaptiveHeight ? Math.floor(containerHeight ?? s22.options.height) : s22.options.height;
     if (!adaptiveWidth && !adaptiveHeight) {
       return;
     }
@@ -1849,7 +1856,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
         key: col.value
       }, vue.toDisplayString(col.value) + "/", 1);
     }), 128)),
-    ((_c = _ctx.cols) == null ? void 0 : _c.length) > 0 && ((_d = _ctx.rows) == null ? void 0 : _d.length) > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$4, "\uFF0C")) : vue.createCommentVNode("", true),
+    ((_c = _ctx.cols) == null ? void 0 : _c.length) > 0 && ((_d = _ctx.rows) == null ? void 0 : _d.length) > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$4, "，")) : vue.createCommentVNode("", true),
     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rows, (row) => {
       return vue.openBlock(), vue.createElementBlock("span", {
         key: row.value
@@ -1931,8 +1938,8 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       vue.createElementVNode("span", {
         class: vue.normalizeClass(`${_ctx.TOOLTIP_PREFIX_CLS}-selected`)
-      }, vue.toDisplayString(_ctx.summaryInfo.count) + " " + vue.toDisplayString(_ctx.i18n("\u9879")), 3),
-      vue.createTextVNode(" " + vue.toDisplayString(_ctx.i18n("\u5DF2\u9009\u62E9")), 1)
+      }, vue.toDisplayString(_ctx.summaryInfo.count) + " " + vue.toDisplayString(_ctx.i18n("项")), 3),
+      vue.createTextVNode(" " + vue.toDisplayString(_ctx.i18n("已选择")), 1)
     ], 2),
     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.summaryInfo.summaries, (summary) => {
       return vue.openBlock(), vue.createElementBlock("div", {
@@ -1941,7 +1948,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         vue.createElementVNode("span", {
           class: vue.normalizeClass(`${_ctx.TOOLTIP_PREFIX_CLS}-summary-key`)
-        }, vue.toDisplayString(summary.name) + " (" + vue.toDisplayString(_ctx.i18n("\u603B\u548C")) + ") ", 3),
+        }, vue.toDisplayString(summary.name) + " (" + vue.toDisplayString(_ctx.i18n("总和")) + ") ", 3),
         vue.createElementVNode("span", {
           class: vue.normalizeClass(`${_ctx.TOOLTIP_PREFIX_CLS}-summary-val ${_ctx.TOOLTIP_PREFIX_CLS}-bold`)
         }, vue.toDisplayString(summary.value), 3)
@@ -2220,13 +2227,13 @@ class CustomTooltip extends s2.BaseTooltip {
     super(spreadsheet);
   }
   renderContent() {
-    var _a, _b;
+    var _a;
     const { tooltip } = this.spreadsheet.options;
     const showOptions = this.options;
     const cell = this.spreadsheet.getCell(
       (_a = showOptions.event) == null ? void 0 : _a.target
     );
-    const content = (_b = showOptions.content) != null ? _b : tooltip == null ? void 0 : tooltip.content;
+    const content = showOptions.content ?? (tooltip == null ? void 0 : tooltip.content);
     const tooltipProps = {
       ...showOptions,
       cell,
@@ -2252,12 +2259,12 @@ class CustomTooltip extends s2.BaseTooltip {
 const DEFAULT_PAGE_NUMBER = 1;
 const DEFAULT_PAGE_SIZE = 10;
 const usePagination = (s2Ref, props) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d;
   const current = vue.ref(
-    (_c = (_b = (_a = props.options) == null ? void 0 : _a.pagination) == null ? void 0 : _b.current) != null ? _c : DEFAULT_PAGE_NUMBER
+    ((_b = (_a = props.options) == null ? void 0 : _a.pagination) == null ? void 0 : _b.current) ?? DEFAULT_PAGE_NUMBER
   );
   const pageSize = vue.ref(
-    (_f = (_e = (_d = props.options) == null ? void 0 : _d.pagination) == null ? void 0 : _e.pageSize) != null ? _f : DEFAULT_PAGE_SIZE
+    ((_d = (_c = props.options) == null ? void 0 : _c.pagination) == null ? void 0 : _d.pageSize) ?? DEFAULT_PAGE_SIZE
   );
   const total = vue.ref(0);
   const change = (nextCurrent) => {
@@ -2266,10 +2273,12 @@ const usePagination = (s2Ref, props) => {
   const showSizeChange = (nextPageSize) => {
     pageSize.value = nextPageSize;
   };
-  const visible = vue.computed(() => {
-    var _a2;
-    return props.showPagination && !isEmpty((_a2 = props.options) == null ? void 0 : _a2.pagination);
-  });
+  const visible = vue.computed(
+    () => {
+      var _a2;
+      return props.showPagination && !isEmpty((_a2 = props.options) == null ? void 0 : _a2.pagination);
+    }
+  );
   vue.watch([current, pageSize], () => {
     var _a2;
     if (!s2Ref.value) {
@@ -2288,10 +2297,10 @@ const usePagination = (s2Ref, props) => {
       return (_a2 = props.options) == null ? void 0 : _a2.pagination;
     }, s2Ref],
     () => {
-      var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i;
-      current.value = (_c2 = (_b2 = (_a2 = props.options) == null ? void 0 : _a2.pagination) == null ? void 0 : _b2.current) != null ? _c2 : DEFAULT_PAGE_NUMBER;
-      pageSize.value = (_f2 = (_e2 = (_d2 = props.options) == null ? void 0 : _d2.pagination) == null ? void 0 : _e2.pageSize) != null ? _f2 : DEFAULT_PAGE_SIZE;
-      total.value = (_i = (_h = (_g = s2Ref.value) == null ? void 0 : _g.facet) == null ? void 0 : _h.viewCellHeights.getTotalLength()) != null ? _i : 0;
+      var _a2, _b2, _c2, _d2, _e, _f;
+      current.value = ((_b2 = (_a2 = props.options) == null ? void 0 : _a2.pagination) == null ? void 0 : _b2.current) ?? DEFAULT_PAGE_NUMBER;
+      pageSize.value = ((_d2 = (_c2 = props.options) == null ? void 0 : _c2.pagination) == null ? void 0 : _d2.pageSize) ?? DEFAULT_PAGE_SIZE;
+      total.value = ((_f = (_e = s2Ref.value) == null ? void 0 : _e.facet) == null ? void 0 : _f.viewCellHeights.getTotalLength()) ?? 0;
     },
     {
       immediate: true
@@ -2342,9 +2351,7 @@ const _sfc_main$5 = vue.defineComponent({
   },
   emits: ["change", "showSizeChange"],
   setup: (props) => {
-    const showQuickJumper = vue.computed(() => {
-      return props.total / props.pageSize > 5;
-    });
+    const showQuickJumper = vue.computed(() => props.total / props.pageSize > 5);
     return {
       showQuickJumper,
       PRE_CLASS,
@@ -2373,7 +2380,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["current", "total", "pageSize", "showQuickJumper"]),
     vue.createElementVNode("span", {
       class: vue.normalizeClass(`${_ctx.PRE_CLASS}-count`)
-    }, vue.toDisplayString(_ctx.i18n("\u5171\u8BA1")) + " " + vue.toDisplayString(_ctx.total || " - ") + " " + vue.toDisplayString(_ctx.i18n("\u6761")), 3)
+    }, vue.toDisplayString(_ctx.i18n("共计")) + " " + vue.toDisplayString(_ctx.total || " - ") + " " + vue.toDisplayString(_ctx.i18n("条")), 3)
   ], 2);
 }
 const S2Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
@@ -2420,11 +2427,12 @@ const useEvents = (s2Ref, emit) => {
     useCellEvent(s2Ref, emit, s2.S2Event.ROW_CELL_MOUSE_DOWN, "rowCellMouseDown");
     useCellEvent(s2Ref, emit, s2.S2Event.ROW_CELL_MOUSE_UP, "rowCellMouseUp");
     useCellEvent(s2Ref, emit, s2.S2Event.ROW_CELL_MOUSE_MOVE, "rowCellMouseMove");
+    useS2Event(s2Ref, emit, s2.S2Event.ROW_CELL_COLLAPSED, "rowCellCollapsed");
     useS2Event(
       s2Ref,
       emit,
-      s2.S2Event.ROW_CELL_COLLAPSE_TREE_ROWS,
-      "rowCellCollapseTreeRows"
+      s2.S2Event.ROW_CELL_ALL_COLLAPSED,
+      "rowCellAllCollapsed"
     );
     useS2Event(s2Ref, emit, s2.S2Event.ROW_CELL_SCROLL, "rowCellScroll");
     useCellEvent(s2Ref, emit, s2.S2Event.COL_CELL_HOVER, "colCellHover");
@@ -2444,6 +2452,8 @@ const useEvents = (s2Ref, emit) => {
     useCellEvent(s2Ref, emit, s2.S2Event.COL_CELL_MOUSE_DOWN, "colCellMouseDown");
     useCellEvent(s2Ref, emit, s2.S2Event.COL_CELL_MOUSE_UP, "colCellMouseUp");
     useCellEvent(s2Ref, emit, s2.S2Event.COL_CELL_MOUSE_MOVE, "colCellMouseMove");
+    useS2Event(s2Ref, emit, s2.S2Event.COL_CELL_EXPANDED, "colCellExpanded");
+    useS2Event(s2Ref, emit, s2.S2Event.COL_CELL_HIDDEN, "colCellHidden");
     useCellEvent(s2Ref, emit, s2.S2Event.DATA_CELL_HOVER, "dataCellHover");
     useCellEvent(s2Ref, emit, s2.S2Event.DATA_CELL_CLICK, "dataCellClick");
     useCellEvent(
@@ -2471,12 +2481,6 @@ const useEvents = (s2Ref, emit) => {
       s2.S2Event.DATA_CELL_MOUSE_MOVE,
       "dataCellMouseMove"
     );
-    useS2Event(
-      s2Ref,
-      emit,
-      s2.S2Event.DATA_CELL_TREND_ICON_CLICK,
-      "dataCellTrendIconClick"
-    );
     useS2Event(
       s2Ref,
       emit,
@@ -2564,21 +2568,6 @@ const useEvents = (s2Ref, emit) => {
       "layoutAfterHeaderLayout"
     );
     useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_PAGINATION, "layoutPagination");
-    useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_CELL_SCROLL, "layoutCellScroll");
-    useS2Event(
-      s2Ref,
-      emit,
-      s2.S2Event.LAYOUT_AFTER_COLLAPSE_ROWS,
-      "layoutAfterCollapseRows"
-    );
-    useS2Event(
-      s2Ref,
-      emit,
-      s2.S2Event.LAYOUT_TREE_ROWS_COLLAPSE_ALL,
-      "collapseRowsAll"
-    );
-    useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_COLS_EXPANDED, "layoutColsExpanded");
-    useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_COLS_HIDDEN, "layoutColsHidden");
     useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_BEFORE_RENDER, "beforeRender");
     useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_AFTER_RENDER, "afterRender");
     useS2Event(s2Ref, emit, s2.S2Event.LAYOUT_DESTROY, "destroy");
@@ -2661,6 +2650,12 @@ const useEvents = (s2Ref, emit) => {
     useS2Event(s2Ref, emit, s2.S2Event.GLOBAL_RESET, "reset");
     useS2Event(s2Ref, emit, s2.S2Event.GLOBAL_LINK_FIELD_JUMP, "linkFieldJump");
     useS2Event(s2Ref, emit, s2.S2Event.GLOBAL_SCROLL, "scroll");
+    useS2Event(
+      s2Ref,
+      emit,
+      s2.S2Event.LAYOUT_AFTER_REAL_DATA_CELL_RENDER,
+      "layoutAfterRealDataCellRender"
+    );
     useS2Event(
       s2Ref,
       emit,
@@ -2749,24 +2744,21 @@ 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);
-      });
+  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 {
@@ -2776,8 +2768,7 @@ function useSpreadSheet(props, emit) {
     loading: loadingProps,
     sheetType,
     onSpreadsheet,
-    onMounted: onS2Mounted,
-    onGetSpreadSheet
+    onMounted: onS2Mounted
   } = props;
   const wrapperRef = vue.ref();
   const containerRef = vue.ref();
@@ -2802,7 +2793,6 @@ function useSpreadSheet(props, emit) {
     s2Ref.value.setThemeCfg(vue.toRaw(themeCfg));
     s2Ref.value.render();
     setLoading(false);
-    onGetSpreadSheet == null ? void 0 : onGetSpreadSheet(s2Ref.value);
     onS2Mounted == null ? void 0 : onS2Mounted(s2Ref.value);
   };
   vue.onMounted(buildSpreadSheet);
@@ -2822,53 +2812,57 @@ function useSpreadSheet(props, emit) {
     pagination
   };
 }
-const initBaseSheetProps = () => ({
-  sheetType: String,
-  dataCfg: Object,
-  themeCfg: Object,
-  showPagination: {
-    type: [Object, Boolean],
-    default: false
-  },
-  loading: Boolean,
-  partDrillDown: Object,
-  header: Object,
-  options: {
-    type: Object,
-    default: {}
-  },
-  adaptive: {
-    type: [Object, Boolean],
-    default: false
-  },
-  onSpreadsheet: Function,
-  onGetSpreadSheet: Function,
-  onMounted: Function
-});
-const initDrillDownProps = () => ({
-  className: String,
-  titleText: {
-    type: String,
-    default: s2.i18n("\u9009\u62E9\u4E0B\u94BB\u7EF4\u5EA6")
-  },
-  searchText: {
-    type: String,
-    default: s2.i18n("\u641C\u7D22\u5B57\u6BB5")
-  },
-  clearButtonText: {
-    type: String,
-    default: s2.i18n("\u6062\u590D\u9ED8\u8BA4")
-  },
-  extra: Node,
-  dataSet: {
-    type: Array,
-    default: []
-  },
-  drillFields: Array,
-  disabledFields: Array,
-  getDrillFields: Function,
-  setDrillFields: Function
-});
+const initBaseSheetProps = () => {
+  return {
+    sheetType: String,
+    dataCfg: Object,
+    themeCfg: Object,
+    showPagination: {
+      type: [Object, Boolean],
+      default: false
+    },
+    loading: Boolean,
+    // TODO: 待后续完善
+    partDrillDown: Object,
+    header: Object,
+    options: {
+      type: Object,
+      default: {}
+    },
+    adaptive: {
+      type: [Object, Boolean],
+      default: false
+    },
+    onSpreadsheet: Function,
+    onMounted: Function
+  };
+};
+const initDrillDownProps = () => {
+  return {
+    className: String,
+    titleText: {
+      type: String,
+      default: s2.i18n("选择下钻维度")
+    },
+    searchText: {
+      type: String,
+      default: s2.i18n("搜索字段")
+    },
+    clearButtonText: {
+      type: String,
+      default: s2.i18n("恢复默认")
+    },
+    extra: Node,
+    dataSet: {
+      type: Array,
+      default: []
+    },
+    drillFields: Array,
+    disabledFields: Array,
+    getDrillFields: Function,
+    setDrillFields: Function
+  };
+};
 const initDrillDownEmits = () => {
   const keys2 = ["getDrillFields", "setDrillFields"];
   return keys2;
@@ -2876,7 +2870,7 @@ const initDrillDownEmits = () => {
 const initBaseSheetEmits = () => {
   const keys2 = [
     "spreadsheet",
-    "getSpreadSheet",
+    // ============== Row Cell ====================
     "rowCellHover",
     "rowCellClick",
     "rowCellDoubleClick",
@@ -2884,8 +2878,10 @@ const initBaseSheetEmits = () => {
     "rowCellMouseDown",
     "rowCellMouseUp",
     "rowCellMouseMove",
-    "rowCellCollapseTreeRows",
+    "rowCellCollapsed",
+    "rowCellAllCollapsed",
     "rowCellScroll",
+    // ============== Col Cell ====================
     "colCellHover",
     "colCellClick",
     "colCellDoubleClick",
@@ -2893,6 +2889,9 @@ const initBaseSheetEmits = () => {
     "colCellMouseDown",
     "colCellMouseUp",
     "colCellMouseMove",
+    "colCellExpanded",
+    "colCellHidden",
+    // ============== Data Cell ====================
     "dataCellHover",
     "dataCellClick",
     "dataCellDoubleClick",
@@ -2900,9 +2899,9 @@ const initBaseSheetEmits = () => {
     "dataCellMouseDown",
     "dataCellMouseUp",
     "dataCellMouseMove",
-    "dataCellTrendIconClick",
     "dataCellBrushSelection",
     "dataCellSelectMove",
+    // ============== Corner Cell ====================
     "cornerCellHover",
     "cornerCellClick",
     "cornerCellDoubleClick",
@@ -2910,6 +2909,7 @@ const initBaseSheetEmits = () => {
     "cornerCellMouseDown",
     "cornerCellMouseUp",
     "cornerCellMouseMove",
+    // ============== Merged Cells ====================
     "mergedCellsHover",
     "mergedCellsClick",
     "mergedCellsDoubleClick",
@@ -2917,22 +2917,20 @@ const initBaseSheetEmits = () => {
     "mergedCellsMouseDown",
     "mergedCellsMouseUp",
     "mergedCellsMouseMove",
+    // ============== Sort ====================
     "rangeSort",
     "rangeSorted",
+    // ============== Filter ====================
     "rangeFilter",
     "rangeFiltered",
+    // ============== Layout ====================
     "layoutAfterHeaderLayout",
     "layoutPagination",
-    "layoutCellScroll",
-    "layoutCollapseRows",
-    "layoutAfterCollapseRows",
-    "collapseRowsAll",
-    "layoutColsExpanded",
-    "layoutColsHidden",
     "beforeRender",
     "afterRender",
     "mounted",
     "destroy",
+    // ============== Resize ====================
     "layoutResize",
     "layoutResizeSeriesWidth",
     "layoutResizeRowWidth",
@@ -2943,6 +2941,7 @@ const initBaseSheetEmits = () => {
     "layoutResizeMouseDown",
     "layoutResizeMouseUp",
     "layoutResizeMouseMove",
+    // ============== Global ====================
     "keyBoardDown",
     "keyBoardUp",
     "copied",
@@ -2960,6 +2959,8 @@ const initBaseSheetEmits = () => {
     "doubleClick",
     "scroll",
     "hover",
+    // ============== Auto 自动生成的 ================
+    "layoutAfterRealDataCellRender",
     "rowCellBrushSelection",
     "colCellBrushSelection"
   ];
@@ -3114,12 +3115,10 @@ const _sfc_main$3 = vue.defineComponent({
       setDrillFields,
       className
     } = props;
-    const getOptions = () => {
-      return dataSet.map((val) => {
-        val.disabled = !!(disabledFields && disabledFields.includes(val.value));
-        return val;
-      });
-    };
+    const getOptions = () => dataSet.map((val) => {
+      val.disabled = !!(disabledFields && disabledFields.includes(val.value));
+      return val;
+    });
     const options = vue.ref(getOptions());
     const selected = vue.ref([]);
     const handleSearch = (e) => {
@@ -3164,7 +3163,7 @@ const _sfc_main$3 = vue.defineComponent({
     };
   }
 });
-const index_vue_vue_type_style_index_0_scoped_1a60f775_lang = "";
+const index_vue_vue_type_style_index_0_scoped_8dd920ec_lang = "";
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Button = vue.resolveComponent("Button");
   const _component_Input = vue.resolveComponent("Input");
@@ -3232,7 +3231,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["selectedKeys", "onSelect"])
   ], 2);
 }
-const DrillDown = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-1a60f775"]]);
+const DrillDown = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-8dd920ec"]]);
 const _sfc_main$2 = vue.defineComponent({
   name: "PivotSheet",
   props: initBaseSheetProps(),
@@ -3243,7 +3242,7 @@ const _sfc_main$2 = vue.defineComponent({
     const { dataCfg, partDrillDown } = vue.toRefs(props);
     const drillFields = vue.ref([]);
     const setDrillFields = (fields) => {
-      var _a, _b, _c, _d, _e, _f;
+      var _a, _b, _c, _d, _e;
       const instance = (_a = s2Ref == null ? void 0 : s2Ref.value) == null ? void 0 : _a.instance;
       drillFields.value = fields;
       instance == null ? void 0 : instance.hideTooltip();
@@ -3251,10 +3250,10 @@ const _sfc_main$2 = vue.defineComponent({
         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 : [],
+          rows: ((_c = dataCfg.value) == null ? void 0 : _c.fields.rows) ?? [],
           drillFields: fields,
-          fetchData: (_e = partDrillDown.value) == null ? void 0 : _e.fetchData,
-          drillItemsNum: (_f = partDrillDown.value) == null ? void 0 : _f.drillItemsNum,
+          fetchData: (_d = partDrillDown.value) == null ? void 0 : _d["fetchData"],
+          drillItemsNum: (_e = partDrillDown.value) == null ? void 0 : _e["drillItemsNum"],
           spreadsheet: instance
         });
       }
@@ -3265,7 +3264,7 @@ const _sfc_main$2 = vue.defineComponent({
       if (event) {
         const instance = (_a = s2Ref == null ? void 0 : s2Ref.value) == null ? void 0 : _a.instance;
         const drillDownNode = vue.createVNode(DrillDown, {
-          ...(_b = partDrillDown.value) == null ? void 0 : _b.drillConfig,
+          ...(_b = partDrillDown.value) == null ? void 0 : _b["drillConfig"],
           setDrillFields,
           drillFields: drillFields.value,
           disabledFields
@@ -3328,7 +3327,7 @@ const _sfc_main = vue.defineComponent({
   setup(props, ctx) {
     const s2Ref = useExpose(ctx.expose);
     const sheetType = vue.computed(() => {
-      const type = ctx.attrs.sheetType;
+      const type = ctx.attrs["sheetType"];
       switch (type) {
         case "table":
           return TableSheet;