@antv/s2-vue 1.2.2 → 1.3.0

package/lib/index.js

@@ -1784,72 +1784,6 @@ const useExpose = (expose) => {
   });
   return s2Ref;
 };
-const DEFAULT_PAGE_NUMBER = 1;
-const DEFAULT_PAGE_SIZE = 10;
-const usePagination = (s2Ref, props) => {
-  var _a, _b, _c, _d, _e, _f;
-  const current = vue.ref((_c = (_b = (_a = props.options) == null ? void 0 : _a.pagination) == null ? void 0 : _b.current) != null ? _c : DEFAULT_PAGE_NUMBER);
-  const pageSize = vue.ref((_f = (_e = (_d = props.options) == null ? void 0 : _d.pagination) == null ? void 0 : _e.pageSize) != null ? _f : DEFAULT_PAGE_SIZE);
-  const total = vue.ref(0);
-  const change = (nextCurrent) => {
-    current.value = nextCurrent;
-  };
-  const showSizeChange = (nextPageSize) => {
-    pageSize.value = nextPageSize;
-  };
-  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) {
-      return;
-    }
-    const nextPagination = isEmpty((_a2 = props.options) == null ? void 0 : _a2.pagination) ? null : {
-      current: current.value,
-      pageSize: pageSize.value
-    };
-    s2Ref.value.updatePagination(nextPagination);
-    s2Ref.value.render(false);
-  });
-  vue.watch([() => {
-    var _a2;
-    return (_a2 = props.options) == null ? void 0 : _a2.pagination;
-  }, s2Ref], () => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i;
-    current.value = (_c2 = (_b2 = (_a2 = props.options) == null ? void 0 : _a2.pagination) == null ? void 0 : _b2.current) != null ? _c2 : DEFAULT_PAGE_NUMBER;
-    pageSize.value = (_f2 = (_e2 = (_d2 = props.options) == null ? void 0 : _d2.pagination) == null ? void 0 : _e2.pageSize) != null ? _f2 : DEFAULT_PAGE_SIZE;
-    total.value = (_i = (_h = (_g = s2Ref.value) == null ? void 0 : _g.facet) == null ? void 0 : _h.viewCellHeights.getTotalLength()) != null ? _i : 0;
-  }, {
-    immediate: true
-  });
-  vue.watch(s2Ref, (value, oldValue, onCleanup) => {
-    if (!s2Ref.value) {
-      return;
-    }
-    const totalUpdateCallback = (data) => {
-      var _a2;
-      if (isEmpty((_a2 = props.options) == null ? void 0 : _a2.pagination)) {
-        return;
-      }
-      total.value = data.total;
-    };
-    s2Ref.value.on(s2.S2Event.LAYOUT_PAGINATION, totalUpdateCallback);
-    onCleanup(() => {
-      var _a2;
-      (_a2 = s2Ref.value) == null ? void 0 : _a2.off(s2.S2Event.LAYOUT_PAGINATION, totalUpdateCallback);
-    });
-  });
-  return {
-    visible,
-    current,
-    pageSize,
-    total,
-    change,
-    showSizeChange
-  };
-};
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -1857,61 +1791,7 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const PRE_CLASS = `${s2.S2_PREFIX_CLS}-pagination`;
 const _sfc_main$e = vue.defineComponent({
-  name: "s2-pagination",
-  props: {
-    current: {
-      type: Number,
-      default: DEFAULT_PAGE_NUMBER
-    },
-    total: {
-      type: Number,
-      default: 0
-    },
-    pageSize: {
-      type: Number,
-      default: DEFAULT_PAGE_SIZE
-    }
-  },
-  emits: ["change", "showSizeChange"],
-  setup: (props) => {
-    const showQuickJumper = vue.computed(() => {
-      return props.total / props.pageSize > 5;
-    });
-    return {
-      showQuickJumper,
-      PRE_CLASS,
-      i18n: s2.i18n
-    };
-  },
-  components: {
-    AntDPagination: antDesignVue.Pagination
-  }
-});
-function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_AntDPagination = vue.resolveComponent("AntDPagination");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(_ctx.PRE_CLASS)
-  }, [
-    vue.createVNode(_component_AntDPagination, {
-      "default-current": 1,
-      current: _ctx.current,
-      total: _ctx.total,
-      pageSize: _ctx.pageSize,
-      showSizeChanger: true,
-      onShowSizeChange: _cache[0] || (_cache[0] = (_, size2) => _ctx.$emit("showSizeChange", size2)),
-      size: "small",
-      showQuickJumper: _ctx.showQuickJumper,
-      onChange: _cache[1] || (_cache[1] = (current) => _ctx.$emit("change", current))
-    }, 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)
-  ], 2);
-}
-var S2Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e]]);
-const _sfc_main$d = vue.defineComponent({
   name: "TooltipDetail",
   props: ["list"],
   setup() {
@@ -1920,7 +1800,7 @@ const _sfc_main$d = vue.defineComponent({
     };
   }
 });
-function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.list, (item, index2) => {
     return vue.openBlock(), vue.createElementBlock("div", {
       key: `${item.value}-${index2}`,
@@ -1939,8 +1819,8 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2);
   }), 128);
 }
-var TooltipDetail = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d]]);
-const _sfc_main$c = vue.defineComponent({
+var TooltipDetail = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e]]);
+const _sfc_main$d = vue.defineComponent({
   name: "TooltipHeadInfo",
   props: ["rows", "cols"],
   setup() {
@@ -1951,7 +1831,7 @@ const _sfc_main$c = vue.defineComponent({
   components: {}
 });
 const _hoisted_1$4 = { key: 0 };
-function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$d(_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) ? (vue.openBlock(), vue.createElementBlock("div", {
     key: 0,
@@ -1970,8 +1850,8 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 2)) : vue.createCommentVNode("", true);
 }
-var TooltipHeadInfo = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c]]);
-const _sfc_main$b = vue.defineComponent({
+var TooltipHeadInfo = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d]]);
+const _sfc_main$c = vue.defineComponent({
   name: "TooltipInfos",
   props: ["infos"],
   setup() {
@@ -1981,13 +1861,13 @@ const _sfc_main$b = vue.defineComponent({
   },
   components: {}
 });
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(`${_ctx.TOOLTIP_PREFIX_CLS}-infos`)
   }, vue.toDisplayString(_ctx.infos), 3);
 }
-var TooltipInfos = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b]]);
-const _sfc_main$a = vue.defineComponent({
+var TooltipInfos = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c]]);
+const _sfc_main$b = vue.defineComponent({
   name: "TooltipSimpleTips",
   props: ["name", "tips"],
   setup() {
@@ -1997,7 +1877,7 @@ const _sfc_main$a = vue.defineComponent({
   },
   components: {}
 });
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
     _ctx.name ? (vue.openBlock(), vue.createElementBlock("div", {
       key: 0,
@@ -2009,8 +1889,8 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     }, vue.toDisplayString(_ctx.tips), 3)) : vue.createCommentVNode("", true)
   ], 64);
 }
-var TooltipSimpleTips = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a]]);
-const _sfc_main$9 = vue.defineComponent({
+var TooltipSimpleTips = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b]]);
+const _sfc_main$a = vue.defineComponent({
   name: "TooltipSummary",
   props: ["summaries"],
   setup(props) {
@@ -2029,7 +1909,7 @@ const _sfc_main$9 = vue.defineComponent({
   },
   components: {}
 });
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(`${_ctx.TOOLTIP_PREFIX_CLS}-summary`)
   }, [
@@ -2056,8 +1936,8 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 2);
 }
-var TooltipSummary = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9]]);
-const _sfc_main$8 = vue.defineComponent({
+var TooltipSummary = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a]]);
+const _sfc_main$9 = vue.defineComponent({
   name: "TooltipOperatorTitle",
   props: ["menu"],
   setup(props) {
@@ -2069,7 +1949,7 @@ const _sfc_main$8 = vue.defineComponent({
   }
 });
 const _hoisted_1$3 = ["innerHTML"];
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("span", null, [
     _ctx.icon ? (vue.openBlock(), vue.createElementBlock("span", {
       key: 0,
@@ -2081,8 +1961,8 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     }, vue.toDisplayString(_ctx.menu.text), 3)
   ]);
 }
-var TooltipOperatorTitle = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8]]);
-const _sfc_main$7 = vue.defineComponent({
+var TooltipOperatorTitle = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9]]);
+const _sfc_main$8 = vue.defineComponent({
   name: "TooltipOperatorMenu",
   props: ["menu", "cell"],
   setup(props) {
@@ -2102,7 +1982,7 @@ const _sfc_main$7 = vue.defineComponent({
     TooltipOperatorTitle
   }
 });
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_TooltipOperatorTitle = vue.resolveComponent("TooltipOperatorTitle");
   const _component_TooltipOperatorMenu = vue.resolveComponent("TooltipOperatorMenu");
   const _component_MenuItem = vue.resolveComponent("MenuItem");
@@ -2160,9 +2040,9 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["title"])) : vue.createCommentVNode("", true)
   ], 64);
 }
-var TooltipOperatorMenu = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
+var TooltipOperatorMenu = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8]]);
 var index_vue_vue_type_style_index_0_lang$1 = "";
-const _sfc_main$6 = vue.defineComponent({
+const _sfc_main$7 = vue.defineComponent({
   name: "TooltipOperator",
   props: [
     "menus",
@@ -2186,7 +2066,7 @@ const _sfc_main$6 = vue.defineComponent({
     TooltipOperatorMenu
   }
 });
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_TooltipOperatorMenu = vue.resolveComponent("TooltipOperatorMenu");
   const _component_Menu = vue.resolveComponent("Menu");
   const _component_TooltipOperatorTitle = vue.resolveComponent("TooltipOperatorTitle");
@@ -2249,9 +2129,9 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 2);
 }
-var TooltipOperator = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
+var TooltipOperator = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
 var index_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$5 = vue.defineComponent({
+const _sfc_main$6 = vue.defineComponent({
   name: "TooltipComponent",
   props: [
     "data",
@@ -2277,7 +2157,7 @@ const _sfc_main$5 = vue.defineComponent({
     TooltipOperator
   }
 });
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
   const _component_TooltipOperator = vue.resolveComponent("TooltipOperator");
   const _component_TooltipSimpleTips = vue.resolveComponent("TooltipSimpleTips");
@@ -2321,7 +2201,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ], 64));
 }
-var TooltipComponent = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
+var TooltipComponent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
 class CustomTooltip extends s2.BaseTooltip {
   constructor(spreadsheet) {
     super(spreadsheet);
@@ -2349,6 +2229,126 @@ 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;
+  const current = vue.ref((_c = (_b = (_a = props.options) == null ? void 0 : _a.pagination) == null ? void 0 : _b.current) != null ? _c : DEFAULT_PAGE_NUMBER);
+  const pageSize = vue.ref((_f = (_e = (_d = props.options) == null ? void 0 : _d.pagination) == null ? void 0 : _e.pageSize) != null ? _f : DEFAULT_PAGE_SIZE);
+  const total = vue.ref(0);
+  const change = (nextCurrent) => {
+    current.value = nextCurrent;
+  };
+  const showSizeChange = (nextPageSize) => {
+    pageSize.value = nextPageSize;
+  };
+  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) {
+      return;
+    }
+    const nextPagination = isEmpty((_a2 = props.options) == null ? void 0 : _a2.pagination) ? null : {
+      current: current.value,
+      pageSize: pageSize.value
+    };
+    s2Ref.value.updatePagination(nextPagination);
+    s2Ref.value.render(false);
+  });
+  vue.watch([() => {
+    var _a2;
+    return (_a2 = props.options) == null ? void 0 : _a2.pagination;
+  }, s2Ref], () => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i;
+    current.value = (_c2 = (_b2 = (_a2 = props.options) == null ? void 0 : _a2.pagination) == null ? void 0 : _b2.current) != null ? _c2 : DEFAULT_PAGE_NUMBER;
+    pageSize.value = (_f2 = (_e2 = (_d2 = props.options) == null ? void 0 : _d2.pagination) == null ? void 0 : _e2.pageSize) != null ? _f2 : DEFAULT_PAGE_SIZE;
+    total.value = (_i = (_h = (_g = s2Ref.value) == null ? void 0 : _g.facet) == null ? void 0 : _h.viewCellHeights.getTotalLength()) != null ? _i : 0;
+  }, {
+    immediate: true
+  });
+  vue.watch(s2Ref, (value, oldValue, onCleanup) => {
+    if (!s2Ref.value) {
+      return;
+    }
+    const totalUpdateCallback = (data) => {
+      var _a2;
+      if (isEmpty((_a2 = props.options) == null ? void 0 : _a2.pagination)) {
+        return;
+      }
+      total.value = data.total;
+    };
+    s2Ref.value.on(s2.S2Event.LAYOUT_PAGINATION, totalUpdateCallback);
+    onCleanup(() => {
+      var _a2;
+      (_a2 = s2Ref.value) == null ? void 0 : _a2.off(s2.S2Event.LAYOUT_PAGINATION, totalUpdateCallback);
+    });
+  });
+  return {
+    visible,
+    current,
+    pageSize,
+    total,
+    change,
+    showSizeChange
+  };
+};
+const PRE_CLASS = `${s2.S2_PREFIX_CLS}-pagination`;
+const _sfc_main$5 = vue.defineComponent({
+  name: "s2-pagination",
+  props: {
+    current: {
+      type: Number,
+      default: DEFAULT_PAGE_NUMBER
+    },
+    total: {
+      type: Number,
+      default: 0
+    },
+    pageSize: {
+      type: Number,
+      default: DEFAULT_PAGE_SIZE
+    }
+  },
+  emits: ["change", "showSizeChange"],
+  setup: (props) => {
+    const showQuickJumper = vue.computed(() => {
+      return props.total / props.pageSize > 5;
+    });
+    return {
+      showQuickJumper,
+      PRE_CLASS,
+      i18n: s2.i18n
+    };
+  },
+  components: {
+    AntDPagination: antDesignVue.Pagination
+  }
+});
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_AntDPagination = vue.resolveComponent("AntDPagination");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(_ctx.PRE_CLASS)
+  }, [
+    vue.createVNode(_component_AntDPagination, {
+      "default-current": 1,
+      current: _ctx.current,
+      total: _ctx.total,
+      pageSize: _ctx.pageSize,
+      showSizeChanger: true,
+      onShowSizeChange: _cache[0] || (_cache[0] = (_, size2) => _ctx.$emit("showSizeChange", size2)),
+      size: "small",
+      showQuickJumper: _ctx.showQuickJumper,
+      onChange: _cache[1] || (_cache[1] = (current) => _ctx.$emit("change", current))
+    }, 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)
+  ], 2);
+}
+var S2Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
 const RENDER_TOOLTIP_OPTION = {
   tooltip: {
     renderTooltip: (spreadsheet) => new CustomTooltip(spreadsheet)
@@ -2453,6 +2453,8 @@ const useEvents = (s2Ref, emit) => {
     useS2Event(s2Ref, emit, s2.S2Event.GLOBAL_RESET, "reset");
     useS2Event(s2Ref, emit, s2.S2Event.GLOBAL_LINK_FIELD_JUMP, "linkFieldJump");
     useS2Event(s2Ref, emit, s2.S2Event.GLOBAL_SCROLL, "scroll");
+    useS2Event(s2Ref, emit, s2.S2Event.ROW_CELL_BRUSH_SELECTION, "rowCellBrushSelection");
+    useS2Event(s2Ref, emit, s2.S2Event.COL_CELL_BRUSH_SELECTION, "colCellBrushSelection");
   });
 };
 const useLoading = (s2Ref, loadingProp = false) => {
@@ -2720,7 +2722,9 @@ const initBaseSheetEmits = () => {
     "click",
     "doubleClick",
     "scroll",
-    "hover"
+    "hover",
+    "rowCellBrushSelection",
+    "colCellBrushSelection"
   ];
   return keys2;
 };
@@ -3100,6 +3104,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 exports.BaseSheet = BaseSheet;
+exports.CustomTooltip = CustomTooltip;
 exports.PivotSheet = PivotSheet;
 exports.SheetComponent = index;
 exports.TableSheet = TableSheet;