@antv/s2-vue 2.2.0-beta.1 → 2.2.0

package/esm/index.d.ts

@@ -3,4 +3,4 @@ export * from './components';
 export * from './components-extra';
 export { useSpreadSheetInstance } from './context/SpreadSheetContext';
 export * from './hooks/useExpose';
-export declare const version = "@antv/s2-vue-v2.2.0-beta.1";
+export declare const version = "@antv/s2-vue-v2.2.0";

package/esm/index.js

@@ -51,7 +51,7 @@ import { default as default30 } from "./components-extra/theme-panel/ThemePanel.
 import { generateColorTheme } from "./components-extra/theme-panel/utils.js";
 import { useSpreadSheetInstance } from "./context/SpreadSheetContext.js";
 import { useExpose } from "./hooks/useExpose.js";
-const version = "@antv/s2-vue-v2.2.0-beta.1";
+const version = "@antv/s2-vue-v2.2.0";
 export {
   default15 as AdvancedSort,
   BASIC_SHEET_THEME_TYPE_COLOR_RELATIONS,

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import './utils/extendLocale';\n\nexport * from './common-extra';\nexport * from './components';\nexport * from './components-extra';\nexport { useSpreadSheetInstance } from './context/SpreadSheetContext';\nexport * from './hooks/useExpose';\n\nexport const version = '@antv/s2-vue-v2.2.0-beta.1';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,UAAU;"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import './utils/extendLocale';\n\nexport * from './common-extra';\nexport * from './components';\nexport * from './components-extra';\nexport { useSpreadSheetInstance } from './context/SpreadSheetContext';\nexport * from './hooks/useExpose';\n\nexport const version = '@antv/s2-vue-v2.2.0';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,UAAU;"}

package/esm/style.css

@@ -266,32 +266,6 @@
 .antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value:nth-child(odd) {
   background: var(--antv-s2-block-background, #f7f9fb);
 }
-.antv-s2-frozen-panel {
-  width: 400px;
-}
-.antv-s2-frozen-panel-container {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.antv-s2-frozen-panel-container:not(:last-of-type) {
-  margin-bottom: 6px;
-}
-.antv-s2-frozen-panel-container-group {
-  color: rgba(0, 0, 0, 0.43);
-}
-.antv-s2-frozen-panel-container-group:not(:last-of-type) {
-  margin-right: 12px;
-}
-.antv-s2-frozen-panel-container .ant-checkbox-wrapper {
-  margin-right: 50px;
-  color: #535455;
-}
-.antv-s2-frozen-panel-container .ant-input-number.antv-s2-frozen-input-number {
-  width: 50px;
-  margin: 0 4px;
-  border-radius: 4px;
-}
 .antv-s2-drill-down {
   width: 260px;
   min-height: 20px;
@@ -356,6 +330,35 @@
   padding: 12px;
   font-size: 12px;
 }
+.antv-s2-frozen-panel {
+  width: 400px;
+}
+.antv-s2-frozen-panel-container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.antv-s2-frozen-panel-container:not(:last-of-type) {
+  margin-bottom: 6px;
+}
+.antv-s2-frozen-panel-container-group {
+  color: rgba(0, 0, 0, 0.43);
+}
+.antv-s2-frozen-panel-container-group:not(:last-of-type) {
+  margin-right: 12px;
+}
+.antv-s2-frozen-panel-container .ant-checkbox-wrapper {
+  margin-right: 50px;
+  color: #535455;
+}
+.antv-s2-frozen-panel-container .ant-input-number.antv-s2-frozen-input-number {
+  width: 50px;
+  margin: 0 4px;
+  border-radius: 4px;
+}
+.antv-s2-text-align-panel {
+  width: 340px;
+}
 .antv-s2-color-box {
   display: inline-flex;
   box-sizing: border-box;
@@ -380,9 +383,6 @@
   color: rgba(0, 0, 0, 0.45);
   font-size: 14px;
 }
-.antv-s2-text-align-panel {
-  width: 340px;
-}
 .antv-s2-switcher-dimension {
   background-color: transparent;
   display: flex;
@@ -1244,14 +1244,6 @@
   height: 12px;
   fill: var(--antv-s2-font);
 }
-.antv-s2-drag-copy-mask {
-  position: absolute;
-  top: -4px;
-  left: -4px;
-  z-index: 9;
-  background-color: rgba(194, 213, 254, 0.5);
-  cursor: crosshair;
-}
 .antv-s2-drag-copy-point {
   position: absolute;
   z-index: 9;
@@ -1261,3 +1253,11 @@
   cursor: crosshair;
   user-select: none;
 }
+.antv-s2-drag-copy-mask {
+  position: absolute;
+  top: -4px;
+  left: -4px;
+  z-index: 9;
+  background-color: rgba(194, 213, 254, 0.5);
+  cursor: crosshair;
+}

package/lib/index.js

@@ -53,7 +53,7 @@ const ThemePanel_vue_vue_type_script_setup_true_lang = require("./components-ext
 const utils$1 = require("./components-extra/theme-panel/utils.js");
 const SpreadSheetContext = require("./context/SpreadSheetContext.js");
 const useExpose = require("./hooks/useExpose.js");
-const version = "@antv/s2-vue-v2.2.0-beta.1";
+const version = "@antv/s2-vue-v2.2.0";
 exports.BASIC_SHEET_THEME_TYPE_COLOR_RELATIONS = theme.BASIC_SHEET_THEME_TYPE_COLOR_RELATIONS;
 exports.DEFAULT_THEME_COLOR_LIST = theme.DEFAULT_THEME_COLOR_LIST;
 exports.HISTORY_COLOR_LIST_MAX_COUNT = theme.HISTORY_COLOR_LIST_MAX_COUNT;

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import './utils/extendLocale';\n\nexport * from './common-extra';\nexport * from './components';\nexport * from './components-extra';\nexport { useSpreadSheetInstance } from './context/SpreadSheetContext';\nexport * from './hooks/useExpose';\n\nexport const version = '@antv/s2-vue-v2.2.0-beta.1';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import './utils/extendLocale';\n\nexport * from './common-extra';\nexport * from './components';\nexport * from './components-extra';\nexport { useSpreadSheetInstance } from './context/SpreadSheetContext';\nexport * from './hooks/useExpose';\n\nexport const version = '@antv/s2-vue-v2.2.0';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/style.css

@@ -135,137 +135,6 @@
   white-space: nowrap;
   max-width: 64px;
 }
-.antv-s2-advanced-sort {
-  display: inline-block;
-}
-.antv-s2-advanced-sort-btn.ant-btn {
-  display: flex;
-  align-items: center;
-}
-.antv-s2-advanced-sort-btn.ant-btn .antv-s2-icon {
-  padding-top: 2px;
-}
-.antv-s2-advanced-sort-modal {
-  min-width: 640px;
-}
-.antv-s2-advanced-sort-modal .ant-modal-content,
-.antv-s2-advanced-sort-modal .ant-modal-header {
-  background-color: var(--antv-s2-container-background, #fff);
-}
-.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-sider-layout.ant-layout-sider {
-  border-right: 1px solid var(--antv-s2-border, #f0f0f0);
-  background: var(--antv-s2-container-background, #fff);
-}
-.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-sider-layout .antv-s2-advanced-sort-title {
-  font-size: 12px;
-  padding: 8px 16px 8px 0;
-  border-bottom: 1px solid var(--antv-s2-border, #f0f0f0);
-}
-.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-sider-layout .antv-s2-advanced-sort-dimension-item {
-  height: 32px;
-  padding: 8px 6px 8px 0;
-  cursor: pointer;
-  align-items: center;
-  color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
-  font-size: 12px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout {
-  background: var(--antv-s2-container-background, #fff);
-}
-.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-title {
-  font-size: 12px;
-  padding: 8px 16px;
-  border-bottom: 1px solid var(--antv-s2-border, #f0f0f0);
-}
-.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form {
-  padding: 8px 0 0 16px;
-}
-.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item-label > label,
-.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-select,
-.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-select-item,
-.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form label {
-  font-size: 12px;
-}
-.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-radio-group {
-  margin-left: 16px;
-  font-size: 12px;
-}
-.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item {
-  margin-bottom: 4px;
-}
-.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item .ant-cascader-picker,
-.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item .ant-select {
-  width: 120px;
-}
-.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item-control-input-content {
-  display: flex;
-  align-items: center;
-}
-.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-rule-end {
-  margin-left: 16px;
-  font-size: 12px;
-}
-.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-rule-end label {
-  font-size: 12px;
-  margin: 0;
-}
-.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-rule-end-delete {
-  cursor: pointer;
-  right: 0;
-  position: absolute;
-}
-.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-field-prefix {
-  position: relative;
-  padding: 0 6px;
-  color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
-  font-weight: 400;
-  font-size: 12px;
-  text-align: center;
-  background-color: var(--antv-s2-block-background, #fafafa);
-  border: 1px solid var(--antv-s2-border, #f0f0f0);
-  border-radius: 4px 0 0 4px;
-  height: 24px;
-  display: inline-block;
-  line-height: 21px;
-  margin-left: 8px;
-}
-.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-field-prefix + .ant-select .ant-select-selector {
-  border-radius: 0 4px 4px 0;
-}
-.antv-s2-advanced-sort-modal .ant-cascader-menus {
-  height: 100px;
-}
-.antv-s2-advanced-sort-modal .ant-cascader-menus ul {
-  height: 104px;
-}
-.antv-s2-advanced-sort-modal .ant-cascader-menu-item,
-.antv-s2-advanced-sort-modal .ant-cascader-picker-label {
-  font-size: 12px;
-}
-.antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body {
-  padding: 0;
-  font-size: 12px;
-}
-.antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value {
-  height: 32px;
-  color: var(--antv-s2-font-65, #333);
-  line-height: 32px;
-  padding: 0 10px 0 7px;
-}
-.antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value .antv-s2-advanced-sort-split-icon {
-  float: right;
-  cursor: pointer;
-  width: 30px;
-}
-.antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value .antv-s2-advanced-sort-split-icon svg {
-  fill: var(--antv-s2-font-65);
-}
-.antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value:nth-child(odd) {
-  background: var(--antv-s2-block-background, #f7f9fb);
-}
 .antv-s2-strategy-sheet-tooltip {
   line-height: 20px;
   font-size: 12px;
@@ -512,9 +381,6 @@
 .antv-s2-strategy-sheet-tooltip.antv-s2-strategy-sheet-tooltip-data .antv-s2-strategy-sheet-tooltip-derived-values li.derived-value-item .derived-value-group .derived-value-original {
   margin-left: 4px;
 }
-.antv-s2-text-align-panel {
-  width: 340px;
-}
 .antv-s2-drill-down {
   width: 260px;
   min-height: 20px;
@@ -605,30 +471,9 @@
   margin: 0 4px;
   border-radius: 4px;
 }
-.antv-s2-color-box {
-  display: inline-flex;
-  box-sizing: border-box;
-  width: 20px;
-  height: 20px;
-  border: 1px solid rgba(0, 0, 0, 0.06);
-  border-radius: 2px;
-  cursor: pointer;
-  transition: all 0.3s;
-}
-.antv-s2-color-box:hover {
-  transform: scale(1.1);
-}
-.antv-s2-theme-panel {
+.antv-s2-text-align-panel {
   width: 340px;
 }
-.antv-s2-theme-panel-custom-color {
-  margin-top: 8px;
-}
-.antv-s2-theme-panel-custom-color-title {
-  margin-right: 8px;
-  color: rgba(0, 0, 0, 0.45);
-  font-size: 14px;
-}
 .antv-s2-switcher-dimension {
   background-color: transparent;
   display: flex;
@@ -1005,6 +850,161 @@
 .antv-s2-switcher-switcher-overlay .ant-popover-inner-content {
   padding: 16px;
 }
+.antv-s2-color-box {
+  display: inline-flex;
+  box-sizing: border-box;
+  width: 20px;
+  height: 20px;
+  border: 1px solid rgba(0, 0, 0, 0.06);
+  border-radius: 2px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+.antv-s2-color-box:hover {
+  transform: scale(1.1);
+}
+.antv-s2-theme-panel {
+  width: 340px;
+}
+.antv-s2-theme-panel-custom-color {
+  margin-top: 8px;
+}
+.antv-s2-theme-panel-custom-color-title {
+  margin-right: 8px;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 14px;
+}
+.antv-s2-advanced-sort {
+  display: inline-block;
+}
+.antv-s2-advanced-sort-btn.ant-btn {
+  display: flex;
+  align-items: center;
+}
+.antv-s2-advanced-sort-btn.ant-btn .antv-s2-icon {
+  padding-top: 2px;
+}
+.antv-s2-advanced-sort-modal {
+  min-width: 640px;
+}
+.antv-s2-advanced-sort-modal .ant-modal-content,
+.antv-s2-advanced-sort-modal .ant-modal-header {
+  background-color: var(--antv-s2-container-background, #fff);
+}
+.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-sider-layout.ant-layout-sider {
+  border-right: 1px solid var(--antv-s2-border, #f0f0f0);
+  background: var(--antv-s2-container-background, #fff);
+}
+.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-sider-layout .antv-s2-advanced-sort-title {
+  font-size: 12px;
+  padding: 8px 16px 8px 0;
+  border-bottom: 1px solid var(--antv-s2-border, #f0f0f0);
+}
+.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-sider-layout .antv-s2-advanced-sort-dimension-item {
+  height: 32px;
+  padding: 8px 6px 8px 0;
+  cursor: pointer;
+  align-items: center;
+  color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
+  font-size: 12px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout {
+  background: var(--antv-s2-container-background, #fff);
+}
+.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-title {
+  font-size: 12px;
+  padding: 8px 16px;
+  border-bottom: 1px solid var(--antv-s2-border, #f0f0f0);
+}
+.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form {
+  padding: 8px 0 0 16px;
+}
+.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item-label > label,
+.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-select,
+.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-select-item,
+.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form label {
+  font-size: 12px;
+}
+.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-radio-group {
+  margin-left: 16px;
+  font-size: 12px;
+}
+.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item {
+  margin-bottom: 4px;
+}
+.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item .ant-cascader-picker,
+.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item .ant-select {
+  width: 120px;
+}
+.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-custom-form.ant-form .ant-form-item-control-input-content {
+  display: flex;
+  align-items: center;
+}
+.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-rule-end {
+  margin-left: 16px;
+  font-size: 12px;
+}
+.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-rule-end label {
+  font-size: 12px;
+  margin: 0;
+}
+.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-rule-end-delete {
+  cursor: pointer;
+  right: 0;
+  position: absolute;
+}
+.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-field-prefix {
+  position: relative;
+  padding: 0 6px;
+  color: var(--antv-s2-font-65, rgba(0, 0, 0, 0.65));
+  font-weight: 400;
+  font-size: 12px;
+  text-align: center;
+  background-color: var(--antv-s2-block-background, #fafafa);
+  border: 1px solid var(--antv-s2-border, #f0f0f0);
+  border-radius: 4px 0 0 4px;
+  height: 24px;
+  display: inline-block;
+  line-height: 21px;
+  margin-left: 8px;
+}
+.antv-s2-advanced-sort-modal .antv-s2-advanced-sort-content-layout .antv-s2-advanced-sort-field-prefix + .ant-select .ant-select-selector {
+  border-radius: 0 4px 4px 0;
+}
+.antv-s2-advanced-sort-modal .ant-cascader-menus {
+  height: 100px;
+}
+.antv-s2-advanced-sort-modal .ant-cascader-menus ul {
+  height: 104px;
+}
+.antv-s2-advanced-sort-modal .ant-cascader-menu-item,
+.antv-s2-advanced-sort-modal .ant-cascader-picker-label {
+  font-size: 12px;
+}
+.antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body {
+  padding: 0;
+  font-size: 12px;
+}
+.antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value {
+  height: 32px;
+  color: var(--antv-s2-font-65, #333);
+  line-height: 32px;
+  padding: 0 10px 0 7px;
+}
+.antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value .antv-s2-advanced-sort-split-icon {
+  float: right;
+  cursor: pointer;
+  width: 30px;
+}
+.antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value .antv-s2-advanced-sort-split-icon svg {
+  fill: var(--antv-s2-font-65);
+}
+.antv-s2-advanced-sort-custom-modal .antv-s2-advanced-sort-card-content .ant-card-body .antv-s2-advanced-sort-split-value:nth-child(odd) {
+  background: var(--antv-s2-block-background, #f7f9fb);
+}
 .antv-s2-drill-down[data-v-51804a8c] {
   width: 260px;
   min-height: 20px;
@@ -1069,6 +1069,14 @@
   padding: 12px;
   font-size: 12px;
 }
+.antv-s2-reset-btn {
+  color: #3572f9;
+  cursor: pointer;
+  padding-left: 8px;
+}
+.antv-s2-reset-btn-text {
+  margin-left: 4px;
+}
 .antv-s2-radio-group {
   color: #3572f9;
   cursor: pointer;
@@ -1111,14 +1119,6 @@
   flex-direction: column;
   align-items: flex-start;
 }
-.antv-s2-reset-btn {
-  color: #3572f9;
-  cursor: pointer;
-  padding-left: 8px;
-}
-.antv-s2-reset-btn-text {
-  margin-left: 4px;
-}
 .antv-s2-reset-group {
   width: 340px;
 }
@@ -1244,6 +1244,14 @@
   height: 12px;
   fill: var(--antv-s2-font);
 }
+.antv-s2-drag-copy-mask {
+  position: absolute;
+  top: -4px;
+  left: -4px;
+  z-index: 9;
+  background-color: rgba(194, 213, 254, 0.5);
+  cursor: crosshair;
+}
 .antv-s2-drag-copy-point {
   position: absolute;
   z-index: 9;
@@ -1253,11 +1261,3 @@
   cursor: crosshair;
   user-select: none;
 }
-.antv-s2-drag-copy-mask {
-  position: absolute;
-  top: -4px;
-  left: -4px;
-  z-index: 9;
-  background-color: rgba(194, 213, 254, 0.5);
-  cursor: crosshair;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/s2-vue",
-  "version": "2.2.0-beta.1",
+  "version": "2.2.0",
   "private": false,
   "description": "use S2 with vue",
   "keywords": [