@antv/s2-vue 1.0.0

package/lib/style.css

@@ -0,0 +1,208 @@
+.antv-s2-tooltip-operator {
+  color: rgba(0, 0, 0, 0.65);
+  font-size: 12px;
+  line-height: 32px;
+  background: #f9f9f9;
+  padding: 0 12px;
+  border: 0;
+  cursor: pointer;
+}
+.antv-s2-tooltip-operator .ant-dropdown-trigger,
+.antv-s2-tooltip-operator-dropdown {
+  padding: 0 6px 0 0;
+}
+.antv-s2-tooltip-operator-menus.ant-menu-vertical.ant-menu {
+  font-size: 12px;
+  line-height: 32px;
+  color: rgba(0, 0, 0, 0.65);
+  border: 0;
+  margin: 0 -12px;
+}
+.antv-s2-tooltip-operator-menus.ant-menu-vertical.ant-menu .ant-menu-item {
+  height: 30px;
+}
+.antv-s2-tooltip-operator-menus.ant-menu-vertical.ant-menu .ant-menu-item:not(:last-child) {
+  margin: 0;
+}
+.antv-s2-tooltip-operator-menus.ant-menu-vertical.ant-menu .ant-menu-submenu > .ant-menu-submenu-title {
+  height: 30px;
+}
+.antv-s2-tooltip-operator-menus.ant-menu-vertical.ant-menu .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
+  color: rgba(0, 0, 0, 0.65);
+}
+.antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-item,
+.antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-dropdown-menu-item,
+.antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-menu-item,
+.antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-menu-item {
+  font-size: 12px;
+  line-height: 32px;
+  padding: 0 12px;
+  color: rgba(0, 0, 0, 0.65);
+  border: 0;
+  margin: 0;
+}
+.antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-submenu .ant-menu-submenu-title,
+.antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-dropdown-menu-submenu .ant-menu-submenu-title,
+.antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-submenu-vertical .ant-menu-submenu-title,
+.antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-dropdown-menu-submenu-vertical .ant-menu-submenu-title,
+.antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-menu-submenu .ant-menu-submenu-title,
+.antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-menu-submenu .ant-menu-submenu-title,
+.antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-menu-submenu-vertical .ant-menu-submenu-title,
+.antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-menu-submenu-vertical .ant-menu-submenu-title {
+  padding: 0 12px;
+  font-size: 12px;
+  line-height: 32px;
+  color: rgba(0, 0, 0, 0.65);
+  margin: 0;
+}
+.antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-submenu .ant-menu-submenu-title .ant-dropdown-menu-title-content,
+.antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-dropdown-menu-submenu .ant-menu-submenu-title .ant-dropdown-menu-title-content,
+.antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-submenu-vertical .ant-menu-submenu-title .ant-dropdown-menu-title-content,
+.antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-dropdown-menu-submenu-vertical .ant-menu-submenu-title .ant-dropdown-menu-title-content,
+.antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-menu-submenu .ant-menu-submenu-title .ant-dropdown-menu-title-content,
+.antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-menu-submenu .ant-menu-submenu-title .ant-dropdown-menu-title-content,
+.antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-menu-submenu-vertical .ant-menu-submenu-title .ant-dropdown-menu-title-content,
+.antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-menu-submenu-vertical .ant-menu-submenu-title .ant-dropdown-menu-title-content,
+.antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-submenu .ant-menu-submenu-title .ant-menu-title-content,
+.antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-dropdown-menu-submenu .ant-menu-submenu-title .ant-menu-title-content,
+.antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-submenu-vertical .ant-menu-submenu-title .ant-menu-title-content,
+.antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-dropdown-menu-submenu-vertical .ant-menu-submenu-title .ant-menu-title-content,
+.antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-menu-submenu .ant-menu-submenu-title .ant-menu-title-content,
+.antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-menu-submenu .ant-menu-submenu-title .ant-menu-title-content,
+.antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-menu-submenu-vertical .ant-menu-submenu-title .ant-menu-title-content,
+.antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-menu-submenu-vertical .ant-menu-submenu-title .ant-menu-title-content {
+  margin-right: 12px;
+}
+.antv-s2-tooltip-operator-submenu-popup .ant-dropdown-menu-item,
+.antv-s2-tooltip-operator-submenu-popup .ant-menu-item {
+  font-size: 12px;
+  line-height: 32px;
+  padding: 0 12px;
+  color: rgba(0, 0, 0, 0.65);
+}
+.antv-s2-tooltip-operator-submenu-popup .ant-menu-vertical .ant-menu-item {
+  margin: 0;
+  height: 30px;
+  line-height: 32px;
+}
+.antv-s2-tooltip-operator-submenu-popup .ant-menu-vertical .ant-menu-item:not(:last-child) {
+  margin: 0;
+}
+.antv-s2-tooltip-operator-icon {
+  vertical-align: middle;
+  margin-right: 4px;
+}
+.antv-s2-tooltip-operator-icon svg {
+  width: 12px;
+  height: 12px;
+}
+.antv-s2-tooltip-container{background:hsla(0,0%,100%,.96);border-radius:2px;box-shadow:0 1px 4px 0 rgba(0,0,0,.2);display:inline-block;font-family:Roboto,PingFang SC,Chinese Quote,BlinkMacSystemFont,Segoe UI,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;max-width:640px;min-width:200px;position:fixed;z-index:1024}.antv-s2-tooltip-container-show{opacity:1;pointer-events:all;visibility:visible}.antv-s2-tooltip-container-hide{opacity:0;pointer-events:none;visibility:hidden}.antv-s2-tooltip-container-hide *{transition:none}.antv-s2-tooltip-tips,
+.antv-s2-tooltip-name {
+  padding: 12px;
+  line-height: 16px;
+  overflow-wrap: break-word;
+  color: rgba(0, 0, 0, 0.85);
+}.antv-s2-tooltip-tips {
+  padding: 4px 12px;
+  color: rgba(0, 0, 0, 0.45);
+}.antv-s2-tooltip-infos {
+  padding: 4px 12px;
+  line-height: 20px;
+  color: rgba(0, 0, 0, 0.45);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 2;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow-wrap: break-word;
+  background: rgba(249, 249, 249, 0.96);
+  border-radius: 0 0 2px 2px;
+  background-color: #f9f9f9;
+}.antv-s2-tooltip-summary {
+  line-height: 20px;
+  color: rgba(0, 0, 0, 0.65);
+  overflow: hidden;
+  padding: 12px;
+}.antv-s2-tooltip-summary-item {
+  display: flex;
+}.antv-s2-tooltip-summary-key {
+  margin-right: 20px;
+}.antv-s2-tooltip-summary-val {
+  flex: 1;
+  text-align: right;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}.antv-s2-tooltip-interpretation {
+  color: rgba(0, 0, 0, 0.65);
+  overflow: hidden;
+  padding: 12px;
+}.antv-s2-tooltip-interpretation + .antv-s2-tooltip-head-info-list {
+  border-top: 1px solid #e9e9e9;
+}.antv-s2-tooltip-interpretation .antv-s2-tooltip-interpretation-head {
+  margin-bottom: 12px;
+}.antv-s2-tooltip-interpretation .antv-s2-tooltip-interpretation-head .antv-s2-tooltip-interpretation-icon {
+  width: 14px;
+  height: 14px;
+}.antv-s2-tooltip-interpretation .antv-s2-tooltip-interpretation-head .antv-s2-tooltip-interpretation-name {
+  color: #000;
+}.antv-s2-tooltip-head-info-list {
+  color: #a2a2a2;
+  padding: 12px 12px 4px;
+  line-height: 20px;
+}.antv-s2-tooltip-bold,
+.antv-s2-tooltip-selected {
+  font-weight: bold;
+}.antv-s2-tooltip-selected {
+  margin-right: 5px;
+}.antv-s2-tooltip-highlight {
+  color: rgba(0, 0, 0, 0.85);
+}.antv-s2-tooltip-detail-list {
+  padding: 2px 12px 8px;
+}.antv-s2-tooltip-detail-list .antv-s2-tooltip-detail-item {
+  color: rgba(0, 0, 0, 0.65);
+  overflow: hidden;
+  margin: 4px 0;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+}.antv-s2-tooltip-detail-list .antv-s2-tooltip-detail-item-key {
+  margin-right: 20px;
+}.antv-s2-tooltip-detail-list .antv-s2-tooltip-detail-item-val {
+  flex: 1;
+  text-align: right;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}.ant-dropdown-menu-item.operation-item {
+  font-size: 12px;
+}
+.antv-s2-spin.ant-spin-nested-loading,
+.antv-s2-spin > .ant-spin-container {
+  height: 100%;
+}
+.antv-s2-wrapper {
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.antv-s2-container {
+  overflow: auto;
+  flex: 1 1 auto;
+}
+.antv-s2-container canvas {
+  display: block;
+}
+.antv-s2-pagination {
+  display: flex;
+  align-items: center;
+  z-index: 1024;
+}
+.antv-s2-pagination-count {
+  margin-left: 12px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 64px;
+}

package/package.json

@@ -0,0 +1,88 @@
+{
+  "private": false,
+  "name": "@antv/s2-vue",
+  "version": "1.0.0",
+  "main": "lib/index.js",
+  "module": "esm/index.js",
+  "unpkg": "dist/index.min.js",
+  "types": "esm/index.d.ts",
+  "description": "use S2 with vue",
+  "license": "MIT",
+  "homepage": "https://s2.antv.vision",
+  "author": "https://github.com/orgs/antvis/people",
+  "directories": {
+    "lib": "lib",
+    "test": "tests"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/antvis/S2.git"
+  },
+  "bugs": {
+    "url": "https://github.com/antvis/S2/issues"
+  },
+  "files": [
+    "esm",
+    "lib",
+    "dist",
+    "README.md"
+  ],
+  "keywords": [
+    "antv",
+    "s2",
+    "s2-vue",
+    "spreadsheet",
+    "pivot table",
+    "table"
+  ],
+  "scripts": {
+    "start": "cross-env PLAYGROUND=true vite",
+    "clean": "rimraf lib esm dist",
+    "build": "run-s clean build:esm build:cjs build:umd build:declaration",
+    "build:esm": "cross-env FORMAT=es vite build",
+    "build:cjs": "cross-env FORMAT=cjs vite build",
+    "build:umd": "cross-env FORMAT=umd vite build",
+    "build:analysis": "cross-env FORMAT=es ANALYSIS=true vite build",
+    "build:declaration": "vue-tsc -p tsconfig.declaration.json",
+    "bundle:size": "bundlesize",
+    "watch": "rimraf esm && concurrently \"yarn build:esm -w\" \"yarn build:declaration -w\"",
+    "test": "jest --passWithNoTests",
+    "test:coverage": "yarn test --coverage",
+    "test:ci": "yarn test --maxWorkers=3",
+    "test:ci-coverage": "yarn test:coverage --maxWorkers=3",
+    "test:watch": "yarn test --watch",
+    "tsc": "vue-tsc --noEmit",
+    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s"
+  },
+  "peerDependencies": {
+    "@antv/s2": ">=1.0.0",
+    "ant-design-vue": "^3.2.0",
+    "vue": ">=3.x"
+  },
+  "dependencies": {
+    "@vueuse/core": "^8.2.4",
+    "lodash": "^4.17.21"
+  },
+  "devDependencies": {
+    "@antv/s2": "*",
+    "@antv/s2-shared": "*",
+    "@testing-library/vue": "^6.5.1",
+    "@vue/tsconfig": "^0.1.3",
+    "ant-design-vue": "^3.2.0",
+    "vue": "^3.2.31",
+    "vue-tsc": "^0.34.11"
+  },
+  "bundlesize": [
+    {
+      "path": "./dist/index.min.js",
+      "maxSize": "650 kB"
+    },
+    {
+      "path": "./dist/style.min.css",
+      "maxSize": "205 kB"
+    }
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}