@antv/s2-vue 1.4.0 → 2.0.0-alpha.0

package/esm/style.css

@@ -113,6 +113,52 @@
   width: 12px;
   height: 12px;
 }
+@media only screen and (max-device-width: 480px) {
+.antv-s2-tooltip-operator-menus.ant-menu-vertical.ant-menu {
+    font-size: 12px;
+}
+.antv-s2-tooltip-operator-menus.ant-menu-vertical.ant-menu .ant-menu-item {
+    height: 36px;
+}
+.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 {
+    line-height: 36px;
+}
+.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 {
+    font-size: 12px;
+}
+.antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-submenu .ant-menu-submenu-title:not(.ant-menu-item-active),
+  .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-dropdown-menu-submenu .ant-menu-submenu-title:not(.ant-menu-item-active),
+  .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-submenu-vertical .ant-menu-submenu-title:not(.ant-menu-item-active),
+  .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-dropdown-menu-submenu-vertical .ant-menu-submenu-title:not(.ant-menu-item-active),
+  .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-menu-submenu .ant-menu-submenu-title:not(.ant-menu-item-active),
+  .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-menu-submenu .ant-menu-submenu-title:not(.ant-menu-item-active),
+  .antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-menu-submenu-vertical .ant-menu-submenu-title:not(.ant-menu-item-active),
+  .antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-menu-submenu-vertical .ant-menu-submenu-title:not(.ant-menu-item-active) {
+    color: rgba(0, 0, 0, 0.65);
+}
+.antv-s2-tooltip-operator-submenu-popup .ant-dropdown-menu-item,
+  .antv-s2-tooltip-operator-submenu-popup .ant-menu-item {
+    font-size: 12px;
+}
+.antv-s2-tooltip-operator-submenu-popup .ant-dropdown-menu-item:not(.ant-menu-item-active),
+  .antv-s2-tooltip-operator-submenu-popup .ant-menu-item:not(.ant-menu-item-active) {
+    color: rgba(0, 0, 0, 0.65);
+}
+.antv-s2-tooltip-operator-icon svg {
+    width: 12px;
+    height: 12px;
+}
+}
 .antv-s2-tooltip-container {
   position: fixed;
   user-select: text;
@@ -126,7 +172,7 @@
   border-radius: 2px;
   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
   font-size: 12px;
-  font-family: 'Roboto', 'PingFang SC', 'Chinese Quote', 'BlinkMacSystemFont', 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-family: Roboto, 'PingFang SC', 'Chinese Quote', BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 .antv-s2-tooltip-container-hide {
   opacity: 0;
@@ -152,7 +198,7 @@
   padding: 0 12px 12px;
   line-height: 16px;
   overflow-wrap: break-word;
-  color: rgba(0, 0, 0, 0.65);
+  color: rgba(0, 0, 0, 0.45);
 }
 .antv-s2-tooltip-tips {
   padding: 4px 12px;
@@ -212,7 +258,8 @@
 .antv-s2-tooltip-head-info-list {
   color: #a2a2a2;
   padding: 12px 12px 4px;
-  line-height: 20px;
+  line-height: 24px;
+  word-break: break-word;
 }
 .antv-s2-tooltip-bold,
 .antv-s2-tooltip-selected {
@@ -277,19 +324,19 @@
   white-space: nowrap;
   max-width: 64px;
 }
-.s2-drill-down[data-v-3a294982] {
+.antv-s2-drill-down[data-v-1a60f775] {
   width: 260px;
   min-height: 20px;
   position: relative;
 }
-.s2-drill-down-header[data-v-3a294982] {
+.antv-s2-drill-down-header[data-v-1a60f775] {
   display: flex;
   height: 32px;
   font-size: 14px;
   padding: 0 16px;
   margin-top: 16px;
 }
-.s2-drill-down-header button[data-v-3a294982] {
+.antv-s2-drill-down-header button[data-v-1a60f775] {
   position: absolute;
   right: 0;
   top: -4px;
@@ -298,7 +345,7 @@
   letter-spacing: -0.2px;
   line-height: 20px;
 }
-.s2-drill-down-search[data-v-3a294982] {
+.antv-s2-drill-down-search[data-v-1a60f775] {
   height: 24px;
   width: 228px !important;
   margin: 0 16px;
@@ -306,28 +353,28 @@
   border-radius: 2px;
   background-color: #fff;
 }
-.s2-drill-down-search input[data-v-3a294982],
-.s2-drill-down-search span[data-v-3a294982] {
+.antv-s2-drill-down-search input[data-v-1a60f775],
+.antv-s2-drill-down-search span[data-v-1a60f775] {
   font-size: 12px;
 }
-.s2-drill-down-menu[data-v-3a294982] {
+.antv-s2-drill-down-menu[data-v-1a60f775] {
   max-height: 314px;
   overflow-y: auto;
   overflow-x: hidden;
 }
-.s2-drill-down-menu-item[data-v-3a294982] {
+.antv-s2-drill-down-menu-item[data-v-1a60f775] {
   height: 32px !important;
   line-height: 32px !important;
   font-size: 12px;
   opacity: 0.65;
 }
-.s2-drill-down-menu-item span[data-v-3a294982]:last-child {
+.antv-s2-drill-down-menu-item span[data-v-1a60f775]:last-child {
   line-height: 32px;
 }
-.s2-drill-down-menu-item svg[data-v-3a294982] {
+.antv-s2-drill-down-menu-item svg[data-v-1a60f775] {
   margin-right: 8px;
 }
-.s2-drill-down-empty[data-v-3a294982] {
+.antv-s2-drill-down-empty[data-v-1a60f775] {
   padding: 18px 18px 0;
   font-size: 12px;
 }