@antv/s2-vue 2.0.0-next.13 → 2.0.0-next.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/index.min.js +1 -1
  2. package/dist/index.min.js.map +1 -1
  3. package/dist/style.min.css +1 -1
  4. package/esm/index.d.ts +115 -43
  5. package/esm/index.js +4 -4
  6. package/esm/index.js.map +1 -1
  7. package/esm/style.css +3 -0
  8. package/lib/index.js +4 -4
  9. package/lib/index.js.map +1 -1
  10. package/lib/style.css +3 -0
  11. package/package.json +2 -2
package/dist/style.min.css CHANGED
@@ -1 +1 @@
1
- .antv-s2-tooltip-operator{color:var(--antv-s2-font, rgba(0, 0, 0, .65));background:var(--antv-s2-tooltip-operator-background, #f9f9f9);font-size:12px;line-height:36px;border:0;cursor:pointer}.antv-s2-tooltip-operator .ant-menu-horizontal:not(.ant-menu-dark){background:transparent;line-height:36px}.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;color:var(--antv-s2-font, rgba(0, 0, 0, .65));border:0;user-select:none;padding:4px;width:100%}.antv-s2-tooltip-operator-menus.ant-menu-vertical.ant-menu .ant-menu-item{height:36px}.antv-s2-tooltip-operator-menus.ant-menu-vertical.ant-menu .ant-menu-submenu>.ant-menu-submenu-title{height:36px;width:100%}.antv-s2-tooltip-operator-menus.ant-menu-vertical.ant-menu .ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow{color:var(--antv-s2-font, rgba(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:36px;padding:0 12px;border:0}.antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-item:not(.ant-menu-item-active),.antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-dropdown-menu-item:not(.ant-menu-item-active),.antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-menu-item:not(.ant-menu-item-active),.antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-menu-item:not(.ant-menu-item-active){color:var(--antv-s2-font, rgba(0, 0, 0, .65))}.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 0 0 12px;font-size:12px;line-height:36px;margin:0}.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:var(--antv-s2-font, rgba(0, 0, 0, .65))}.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:36px;padding:0 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:var(--antv-s2-font, rgba(0, 0, 0, .65))}.antv-s2-tooltip-operator-submenu-popup .ant-menu-vertical .ant-menu-item{margin:0;height:36px;line-height:36px;width:100%}.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}.antv-s2-tooltip-operator-icon svg{width:12px;height:12px;fill:var(--antv-s2-font)}@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:var(--antv-s2-font, rgba(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:var(--antv-s2-font, rgba(0, 0, 0, .65))}.antv-s2-tooltip-operator-icon svg{width:12px;height:12px}}.antv-s2-tooltip-container{position:fixed;user-select:text;min-width:200px;max-width:640px;max-height:100vh;overflow:auto;z-index:1024;display:inline-block;background:var(--antv-s2-tooltip-background, rgba(255, 255, 255, .95));border-radius:4px;box-shadow:0 1px 4px #0003;font-size:12px;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;visibility:hidden;pointer-events:none}.antv-s2-tooltip-container-hide *{transition:none}.antv-s2-tooltip-container-show{opacity:1;visibility:visible;pointer-events:all}.antv-s2-tooltip-tips,.antv-s2-tooltip-name{padding:12px;line-height:16px;overflow-wrap:break-word;color:var(--antv-s2-font-85, rgba(0, 0, 0, .85))}.antv-s2-tooltip-description{padding:0 12px 12px;line-height:16px;overflow-wrap:break-word;color:var(--antv-s2-font-45, rgba(0, 0, 0, .45))}.antv-s2-tooltip-tips{padding:4px 12px;color:var(--antv-s2-font-45, rgba(0, 0, 0, .45))}.antv-s2-tooltip-infos{padding:4px 12px;line-height:20px;color:var(--antv-s2-font-45, rgba(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:#f9f9f9f5;border-radius:0 0 2px 2px;background-color:#f9f9f9}.antv-s2-tooltip-summary{line-height:20px;color:var(--antv-s2-font-65, rgba(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:#000000a6;overflow:hidden;padding:12px}.antv-s2-tooltip-interpretation+.antv-s2-tooltip-head-info-list{border-top:1px solid var(--antv-s2-border, #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:var(--antv-s2-font, #000)}.antv-s2-tooltip-head-info-list{color:var(--antv-s2-font-65, #a2a2a2);padding:12px 12px 4px;line-height:24px;word-break:break-word}.antv-s2-tooltip-bold,.antv-s2-tooltip-selected{font-weight:700}.antv-s2-tooltip-selected{margin-right:5px}.antv-s2-tooltip-highlight{color:var(--antv-s2-font-85, rgba(0, 0, 0, .85))}.antv-s2-tooltip-detail-list{padding:2px 12px 8px}.antv-s2-tooltip-detail-list .antv-s2-tooltip-detail-item{color:var(--antv-s2-font-65, rgba(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}.antv-s2-drill-down[data-v-8dd920ec]{width:260px;min-height:20px;position:relative;color:var(--antv-s2-font-70, #fff)}.antv-s2-drill-down-header[data-v-8dd920ec]{display:flex;height:32px;font-size:14px;padding:0 16px;margin-top:16px}.antv-s2-drill-down-header button[data-v-8dd920ec]{position:absolute;right:0;top:-4px;font-size:12px;color:#1890ff;letter-spacing:-.2px;line-height:20px}.antv-s2-drill-down-search[data-v-8dd920ec]{height:24px;width:228px!important;margin:0 16px;border:1px solid rgba(0,0,0,.15);border-radius:2px}.antv-s2-drill-down-search input[data-v-8dd920ec],.antv-s2-drill-down-search span[data-v-8dd920ec]{font-size:12px}.antv-s2-drill-down-search[data-v-8dd920ec],.antv-s2-drill-down-search .ant-input[data-v-8dd920ec]::placeholder{background-color:var(--antv-s2-block-background, #fff)}.antv-s2-drill-down-extra[data-v-8dd920ec]{margin:4px 16px}.antv-s2-drill-down-menu[data-v-8dd920ec]{max-height:314px;overflow:hidden auto}.antv-s2-drill-down-menu.ant-menu[data-v-8dd920ec]{background:var(--antv-s2-tooltip-background, #fff)}.antv-s2-drill-down-menu.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected[data-v-8dd920ec]{background-color:var(--antv-s2-block-background, #e6f7ff)}.antv-s2-drill-down-menu-item[data-v-8dd920ec]{height:32px!important;line-height:32px!important;font-size:12px;opacity:.65}.antv-s2-drill-down-menu-item span[data-v-8dd920ec]:last-child{line-height:32px}.antv-s2-drill-down-menu-item svg[data-v-8dd920ec]{margin-right:8px}.antv-s2-drill-down-empty[data-v-8dd920ec]{padding:12px;font-size:12px}
1
+ .antv-s2-tooltip-operator{color:var(--antv-s2-font, rgba(0, 0, 0, .65));background:var(--antv-s2-tooltip-operator-background, #f9f9f9);font-size:12px;line-height:36px;border:0;cursor:pointer}.antv-s2-tooltip-operator .ant-menu-horizontal:not(.ant-menu-dark){background:transparent;line-height:36px}.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;color:var(--antv-s2-font, rgba(0, 0, 0, .65));border:0;user-select:none;padding:4px;width:100%}.antv-s2-tooltip-operator-menus.ant-menu-vertical.ant-menu .ant-menu-item{height:36px}.antv-s2-tooltip-operator-menus.ant-menu-vertical.ant-menu .ant-menu-submenu>.ant-menu-submenu-title{height:36px;width:100%}.antv-s2-tooltip-operator-menus.ant-menu-vertical.ant-menu .ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow{color:var(--antv-s2-font, rgba(0, 0, 0, .65))}.antv-s2-tooltip-operator-menus.ant-menu-vertical.ant-menu .ant-menu-submenu.ant-menu-submenu-selected{background-color:var(--antv-s2-tooltip-operator-menu-selected-background, #e6f4ff)}.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:36px;padding:0 12px;border:0}.antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-dropdown-menu-item:not(.ant-menu-item-active),.antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-dropdown-menu-item:not(.ant-menu-item-active),.antv-s2-tooltip-operator-menus.ant-dropdown-menu-vertical .ant-menu-item:not(.ant-menu-item-active),.antv-s2-tooltip-operator-menus.ant-menu-vertical .ant-menu-item:not(.ant-menu-item-active){color:var(--antv-s2-font, rgba(0, 0, 0, .65))}.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 0 0 12px;font-size:12px;line-height:36px;margin:0}.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:var(--antv-s2-font, rgba(0, 0, 0, .65))}.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:36px;padding:0 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:var(--antv-s2-font, rgba(0, 0, 0, .65))}.antv-s2-tooltip-operator-submenu-popup .ant-menu-vertical .ant-menu-item{margin:0;height:36px;line-height:36px;width:100%}.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}.antv-s2-tooltip-operator-icon svg{width:12px;height:12px;fill:var(--antv-s2-font)}@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:var(--antv-s2-font, rgba(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:var(--antv-s2-font, rgba(0, 0, 0, .65))}.antv-s2-tooltip-operator-icon svg{width:12px;height:12px}}.antv-s2-tooltip-container{position:fixed;user-select:text;min-width:200px;max-width:640px;max-height:100vh;overflow:auto;z-index:1024;display:inline-block;background:var(--antv-s2-tooltip-background, rgba(255, 255, 255, .95));border-radius:4px;box-shadow:0 1px 4px #0003;font-size:12px;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;visibility:hidden;pointer-events:none}.antv-s2-tooltip-container-hide *{transition:none}.antv-s2-tooltip-container-show{opacity:1;visibility:visible;pointer-events:all}.antv-s2-tooltip-tips,.antv-s2-tooltip-name{padding:12px;line-height:16px;overflow-wrap:break-word;color:var(--antv-s2-font-85, rgba(0, 0, 0, .85))}.antv-s2-tooltip-description{padding:0 12px 12px;line-height:16px;overflow-wrap:break-word;color:var(--antv-s2-font-45, rgba(0, 0, 0, .45))}.antv-s2-tooltip-tips{padding:4px 12px;color:var(--antv-s2-font-45, rgba(0, 0, 0, .45))}.antv-s2-tooltip-infos{padding:4px 12px;line-height:20px;color:var(--antv-s2-font-45, rgba(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:#f9f9f9f5;border-radius:0 0 2px 2px;background-color:#f9f9f9}.antv-s2-tooltip-summary{line-height:20px;color:var(--antv-s2-font-65, rgba(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:#000000a6;overflow:hidden;padding:12px}.antv-s2-tooltip-interpretation+.antv-s2-tooltip-head-info-list{border-top:1px solid var(--antv-s2-border, #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:var(--antv-s2-font, #000)}.antv-s2-tooltip-head-info-list{color:var(--antv-s2-font-65, #a2a2a2);padding:12px 12px 4px;line-height:24px;word-break:break-word}.antv-s2-tooltip-bold,.antv-s2-tooltip-selected{font-weight:700}.antv-s2-tooltip-selected{margin-right:5px}.antv-s2-tooltip-highlight{color:var(--antv-s2-font-85, rgba(0, 0, 0, .85))}.antv-s2-tooltip-detail-list{padding:2px 12px 8px}.antv-s2-tooltip-detail-list .antv-s2-tooltip-detail-item{color:var(--antv-s2-font-65, rgba(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}.antv-s2-drill-down[data-v-8dd920ec]{width:260px;min-height:20px;position:relative;color:var(--antv-s2-font-70, #fff)}.antv-s2-drill-down-header[data-v-8dd920ec]{display:flex;height:32px;font-size:14px;padding:0 16px;margin-top:16px}.antv-s2-drill-down-header button[data-v-8dd920ec]{position:absolute;right:0;top:-4px;font-size:12px;color:#1890ff;letter-spacing:-.2px;line-height:20px}.antv-s2-drill-down-search[data-v-8dd920ec]{height:24px;width:228px!important;margin:0 16px;border:1px solid rgba(0,0,0,.15);border-radius:2px}.antv-s2-drill-down-search input[data-v-8dd920ec],.antv-s2-drill-down-search span[data-v-8dd920ec]{font-size:12px}.antv-s2-drill-down-search[data-v-8dd920ec],.antv-s2-drill-down-search .ant-input[data-v-8dd920ec]::placeholder{background-color:var(--antv-s2-block-background, #fff)}.antv-s2-drill-down-extra[data-v-8dd920ec]{margin:4px 16px}.antv-s2-drill-down-menu[data-v-8dd920ec]{max-height:314px;overflow:hidden auto}.antv-s2-drill-down-menu.ant-menu[data-v-8dd920ec]{background:var(--antv-s2-tooltip-background, #fff)}.antv-s2-drill-down-menu.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected[data-v-8dd920ec]{background-color:var(--antv-s2-block-background, #e6f7ff)}.antv-s2-drill-down-menu-item[data-v-8dd920ec]{height:32px!important;line-height:32px!important;font-size:12px;opacity:.65}.antv-s2-drill-down-menu-item span[data-v-8dd920ec]:last-child{line-height:32px}.antv-s2-drill-down-menu-item svg[data-v-8dd920ec]{margin-right:8px}.antv-s2-drill-down-empty[data-v-8dd920ec]{padding:12px;font-size:12px}
package/esm/index.d.ts CHANGED
@@ -44,6 +44,7 @@ import { PropType } from 'vue';
44
44
  import { RawData } from '@antv/s2';
45
45
  import { Rect } from '@antv/g';
46
46
  import { Rectangle } from '@antv/g';
47
+ import { RectStyleProps } from '@antv/g';
47
48
  import { Ref } from 'vue';
48
49
  import { ResizeInfo } from '@antv/s2';
49
50
  import { ResizeParams } from '@antv/s2';
@@ -92,11 +93,6 @@ declare interface AreaRange {
92
93
  size: number;
93
94
  }
94
95
 
95
- declare interface Background {
96
- opacity?: number;
97
- color?: string;
98
- }
99
-
100
96
  declare type BackgroundCondition = Condition<BackgroundConditionMappingResult>;
101
97
 
102
98
  declare type BackgroundConditionMappingResult = {
@@ -108,6 +104,11 @@ declare type BackgroundConditionMappingResult = {
108
104
  intelligentReverseTextColor?: boolean;
109
105
  };
110
106
 
107
+ declare interface BackgroundTheme {
108
+ opacity?: number;
109
+ color?: string;
110
+ }
111
+
111
112
  /** 柱状图样式配置 */
112
113
  declare interface BarTheme {
113
114
  intervalPadding?: number;
@@ -166,7 +167,7 @@ declare abstract class BaseCell<T extends SimpleBBox> extends Group {
166
167
  protected abstract getBorderPositions(): CellBorderPosition[];
167
168
  protected abstract getTextStyle(): TextTheme;
168
169
  protected abstract getFormattedFieldValue(): FormatResult;
169
- protected abstract getMaxTextWidth(): number;
170
+ abstract getMaxTextWidth(): number;
170
171
  protected abstract getTextPosition(): PointLike;
171
172
  protected abstract getIconPosition(): PointLike;
172
173
  protected abstract findFieldCondition<Con extends Condition>(conditions?: Con[]): Con | undefined;
@@ -289,9 +290,9 @@ declare abstract class BaseCell<T extends SimpleBBox> extends Group {
289
290
  opacity?: string | number | undefined;
290
291
  fontFamily?: string | undefined;
291
292
  fontWeight?: number | "bold" | CSSGlobalKeywords | "normal" | "bolder" | "lighter" | undefined;
292
- lineHeight?: string | number | undefined;
293
293
  fontStyle?: CSSGlobalKeywords | "normal" | "italic" | "oblique" | undefined;
294
294
  fontVariant?: string | undefined;
295
+ lineHeight?: string | number | undefined;
295
296
  };
296
297
  /**
297
298
  * 获取默认字体颜色：根据字段标记背景颜色，设置字体颜色
@@ -414,7 +415,7 @@ declare abstract class BaseDataSet_2 {
414
415
  /**
415
416
  * 获取字段
416
417
  */
417
- private getField;
418
+ getField: (field: CustomHeaderField) => string;
418
419
  /**
419
420
  * 获取字段信息
420
421
  */
@@ -552,11 +553,16 @@ declare abstract class BaseFacet {
552
553
  hRowScrollBar: ScrollBar;
553
554
  vScrollBar: ScrollBar;
554
555
  rowHeader: RowHeader | null;
555
- columnHeader: ColHeader;
556
+ columnHeader: ColHeader | TableColHeader;
556
557
  cornerHeader: CornerHeader;
557
558
  seriesNumberHeader: SeriesNumberHeader | null;
558
559
  centerFrame: Frame;
559
560
  gridInfo: GridInfo;
561
+ protected textWrapNodeHeightCache: Map<string, number>;
562
+ protected textWrapTempRowCell: RowCell | DataCell_2;
563
+ protected textWrapTempColCell: ColCell_2 | TableColCell;
564
+ protected abstract getRowCellInstance(node: Node_2_2 | ViewMeta_2, spreadsheet: SpreadSheet_2, config: Partial<BaseHeaderConfig>): RowCell | DataCell_2;
565
+ protected abstract getColCellInstance(node: Node_2_2, spreadsheet: SpreadSheet_2, config: Partial<BaseHeaderConfig>): ColCell_2;
560
566
  protected abstract doLayout(): LayoutResult_2;
561
567
  protected abstract clip(scrollX: number, scrollY: number): void;
562
568
  abstract calculateXYIndexes(scrollX: number, scrollY: number): PanelIndexes;
@@ -571,7 +577,10 @@ declare abstract class BaseFacet {
571
577
  protected preCellIndexes: PanelIndexes | null;
572
578
  constructor(spreadsheet: SpreadSheet_2);
573
579
  getLayoutResult: () => LayoutResult_2;
580
+ protected initTextWrapTemp(): void;
574
581
  protected initGroups(): void;
582
+ private initForegroundGroup;
583
+ private initBackgroundGroup;
575
584
  protected initPanelGroups(): void;
576
585
  protected getCellCustomSize(node: Node_2_2 | null, size: CellCustomSize): number | null | undefined;
577
586
  protected getRowCellDraggedWidth(node: Node_2_2): number | undefined;
@@ -581,9 +590,9 @@ declare abstract class BaseFacet {
581
590
  protected getRowCellHeight(node: Node_2_2): number | undefined;
582
591
  protected getColCellDraggedWidth(node: Node_2_2): number | undefined;
583
592
  protected getColCellDraggedHeight(node: Node_2_2): number | undefined;
584
- protected getColNodeHeight(colNode: Node_2_2, colsHierarchy: Hierarchy): any;
593
+ protected getColNodeHeight(colNode: Node_2_2, colsHierarchy: Hierarchy, useCache?: boolean): any;
585
594
  protected getDefaultColNodeHeight(colNode: Node_2_2, colsHierarchy: Hierarchy): number;
586
- protected getCellAdaptiveHeight(cell: S2CellType_2, defaultHeight?: number): any;
595
+ protected getNodeAdaptiveHeight(meta: Node_2_2 | ViewMeta_2, cell: S2CellType_2, defaultHeight?: number, useCache?: boolean): any;
587
596
  /**
588
597
  * 将每一层级的采样节点更新为高度最大的节点 (未隐藏, 非汇总节点)
589
598
  */
@@ -651,7 +660,10 @@ declare abstract class BaseFacet {
651
660
  private renderRowScrollBar;
652
661
  getValidScrollBarOffset: (offset: number, maxOffset: number) => number;
653
662
  renderHScrollBar: (width: number, realWidth: number, scrollX: number) => void;
654
- private getScrollbarPosition;
663
+ protected getScrollbarPosition(): {
664
+ maxX: number;
665
+ maxY: number;
666
+ };
655
667
  renderVScrollBar: (height: number, realHeight: number, scrollY: number) => void;
656
668
  getScrollBarOffset: (offset: number, scrollbar: ScrollBar) => number;
657
669
  isScrollOverThePanelArea: ({ offsetX, offsetY }: CellScrollOffset) => boolean;
@@ -746,7 +758,7 @@ declare abstract class BaseFacet {
746
758
  * | 自定义节点 b-1 | 自定义节点 b-1-1 | 指标 1 |
747
759
  * -------------------------------------------------
748
760
  */
749
- adjustRowLeafNodesWidth(params: AdjustLeafNodesParams): void;
761
+ adjustCustomRowLeafNodesWidth(params: AdjustLeafNodesParams): void;
750
762
  /**
751
763
  * @description 自定义列头时, 叶子节点层级不定, 需要自动对齐其高度, 填充空白
752
764
  * ------------------------------------------------------------------------
@@ -757,7 +769,7 @@ declare abstract class BaseFacet {
757
769
  * | 指标 1 | 自定义节点 a-1-1-1 | 指标 2 | |
758
770
  * ----------------------------------------------------------------------
759
771
  */
760
- adjustColLeafNodesHeight(params: AdjustLeafNodesParams): void;
772
+ adjustCustomColLeafNodesHeight(params: AdjustLeafNodesParams): void;
761
773
  adjustLeafNodesSize(type: 'width' | 'height'): ({ leafNodes, hierarchy }: AdjustLeafNodesParams) => void;
762
774
  /**
763
775
  * 获取表头节点 (角头,序号,行头,列头) (含可视区域)
@@ -1712,7 +1724,7 @@ declare enum CellBorderPosition {
1712
1724
  RIGHT = "RIGHT"
1713
1725
  }
1714
1726
 
1715
- declare type CellCallback<T extends BaseHeaderConfig, K extends S2CellType_2> = (node: Node_2_2, spreadsheet: SpreadSheet_2, headerConfig: T) => K;
1727
+ declare type CellCallback<T extends Partial<BaseHeaderConfig>, K extends S2CellType_2> = (node: Node_2_2, spreadsheet: SpreadSheet_2, headerConfig: T) => K;
1716
1728
 
1717
1729
  /**
1718
1730
  * 类似 background-clip 属性: https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip
@@ -1823,7 +1835,7 @@ declare class ColCell_2 extends HeaderCell<ColHeaderConfig> {
1823
1835
  protected getBorderPositions(): CellBorderPosition[];
1824
1836
  protected initCell(): void;
1825
1837
  protected getFormattedFieldValue(): FormatResult;
1826
- protected getMaxTextWidth(): number;
1838
+ getMaxTextWidth(): number;
1827
1839
  protected isBolderText(): boolean;
1828
1840
  /**
1829
1841
  * 计算文本位置时候需要，留给后代根据情况（固定列）覆盖
@@ -1881,7 +1893,7 @@ declare interface ColCellStyle extends BaseCellStyle, CellTextWordWrapStyle {
1881
1893
  declare class ColHeader extends BaseHeader<ColHeaderConfig> {
1882
1894
  protected scrollGroup: Group;
1883
1895
  constructor(config: ColHeaderConfig);
1884
- protected getCellInstance(node: Node_2_2): S2CellType_2;
1896
+ protected getCellInstance(node: Node_2_2): ColCell_2;
1885
1897
  private initScrollGroup;
1886
1898
  /**
1887
1899
  * Make colHeader scroll with hScrollBar
@@ -1960,7 +1972,7 @@ declare class CornerCell_2 extends HeaderCell<CornerHeaderConfig> {
1960
1972
  protected drawResizeArea(): void;
1961
1973
  protected showTreeIcon(): boolean;
1962
1974
  protected getTreeIconWidth(): number;
1963
- protected getMaxTextWidth(): number;
1975
+ getMaxTextWidth(): number;
1964
1976
  protected getTextPosition(): PointLike;
1965
1977
  protected getFormattedFieldValue(): FormatResult;
1966
1978
  }
@@ -2041,14 +2053,14 @@ declare interface CustomSVGIcon {
2041
2053
 
2042
2054
  import Icon from 'path/to/xxx.svg'
2043
2055
 
2044
- => { name: 'iconA', svg: Icon }
2045
- => { name: 'iconB', svg: '<svg>...</svg>' }
2056
+ => { name: 'iconA', src: Icon }
2057
+ => { name: 'iconB', src: '<svg>...</svg>' }
2046
2058
 
2047
- * @example 3. 线上支持的图片地址
2059
+ * @example 3. 线上支持的图片地址 (不支持改颜色)
2048
2060
  带后缀: https://gw.alipayobjects.com/zos/antfincdn/gu1Fsz3fw0/filter%26sort_filter.svg
2049
2061
  无后缀: https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*5nsESLuvc_EAAAAAAAAAAAAADmJ7AQ/original
2050
2062
  */
2051
- svg: string;
2063
+ src: string;
2052
2064
  }
2053
2065
 
2054
2066
  /**
@@ -2111,6 +2123,7 @@ declare class DataCell_2 extends BaseCell<ViewMeta_2> {
2111
2123
  position: [rowIndex: number, colIndex: number];
2112
2124
  iconPosition: PointLike;
2113
2125
  get cellType(): CellType;
2126
+ isShallowRender(): boolean;
2114
2127
  isMultiData(): boolean;
2115
2128
  isChartData(): boolean;
2116
2129
  getRenderChartData(): BaseChartData;
@@ -2146,7 +2159,7 @@ declare class DataCell_2 extends BaseCell<ViewMeta_2> {
2146
2159
  protected drawConditionIntervalShape(): void;
2147
2160
  protected shouldHideRowSubtotalData(): boolean | undefined;
2148
2161
  protected getFormattedFieldValue(): FormatResult;
2149
- protected getMaxTextWidth(): number;
2162
+ getMaxTextWidth(): number;
2150
2163
  protected getTextPosition(): PointLike;
2151
2164
  protected getIconPosition(): PointLike;
2152
2165
  getBackgroundColor(): {
@@ -2174,7 +2187,7 @@ declare class DataCell_2 extends BaseCell<ViewMeta_2> {
2174
2187
  private toggleConditionIntervalShapeOpacity;
2175
2188
  }
2176
2189
 
2177
- declare type DataCellCallback = (viewMeta: ViewMeta_2) => DataCell_2;
2190
+ declare type DataCellCallback = (viewMeta: ViewMeta_2, spreadsheet: SpreadSheet_2) => DataCell_2 | TableDataCell_2;
2178
2191
 
2179
2192
  declare interface DataCellStyle extends CellTextWordWrapStyle {
2180
2193
  /**
@@ -2354,6 +2367,16 @@ declare interface EmitterType {
2354
2367
  [S2Event.LAYOUT_RESIZE_TREE_WIDTH]: ResizeHandler;
2355
2368
  }
2356
2369
 
2370
+ declare interface EmptyTheme {
2371
+ /** 空状态图标 */
2372
+ icon?: Omit_2<IconTheme, 'size'> & {
2373
+ width?: number;
2374
+ height?: number;
2375
+ };
2376
+ /** 空状态文案 */
2377
+ description?: Pick<TextStyleProps, 'fontFamily' | 'fontSize' | 'fontWeight' | 'fill' | 'opacity' | 'fontStyle' | 'fontVariant'>;
2378
+ }
2379
+
2357
2380
  declare class EventController {
2358
2381
  spreadsheet: SpreadSheet_2;
2359
2382
  private target;
@@ -2583,7 +2606,7 @@ declare class GuiIcon extends Group {
2583
2606
  private cfg;
2584
2607
  constructor(cfg: GuiIconCfg);
2585
2608
  getCfg(): GuiIconCfg;
2586
- getImage(name: string, cacheKey: string, fill?: string): Promise<HTMLImageElement>;
2609
+ getImage(name: string, cacheKey: string, fill?: string | null): Promise<HTMLImageElement>;
2587
2610
  /**
2588
2611
  * 1. https://xxx.svg
2589
2612
  * 2. http://xxx.svg
@@ -2593,13 +2616,13 @@ declare class GuiIcon extends Group {
2593
2616
  private render;
2594
2617
  setImageAttrs(attrs: Partial<{
2595
2618
  name: string;
2596
- fill: string;
2619
+ fill: string | null;
2597
2620
  }>): void;
2598
2621
  }
2599
2622
 
2600
2623
  declare interface GuiIconCfg extends Omit<ImageStyleProps, 'fill'> {
2601
2624
  readonly name: string;
2602
- readonly fill?: string;
2625
+ readonly fill?: string | null;
2603
2626
  }
2604
2627
 
2605
2628
  declare class HdAdapter {
@@ -2663,7 +2686,7 @@ declare interface HeaderActionIconBaseOptions {
2663
2686
  }
2664
2687
 
2665
2688
  declare interface HeaderActionIconOptions extends HeaderActionIconBaseOptions {
2666
- fill?: string;
2689
+ fill?: string | null;
2667
2690
  name: string;
2668
2691
  x: number;
2669
2692
  y: number;
@@ -2675,9 +2698,9 @@ declare type HeaderActionName = string | Omit<HeaderActionNameOptions, 'isCondit
2675
2698
  declare type HeaderActionNameOptions = HeaderActionIconBaseOptions & {
2676
2699
  /**
2677
2700
  * icon 颜色配置
2678
- * @description 优先级: 单个 icon > 主题 icon 配置 > 文本颜色
2701
+ * @description 优先级: 单个 icon > 主题 icon 配置 > 文本颜色，null 则使用图标原有颜色
2679
2702
  */
2680
- fill?: string;
2703
+ fill?: string | null;
2681
2704
  /**
2682
2705
  * icon 名称
2683
2706
  */
@@ -3299,6 +3322,7 @@ declare class Node_2_2 {
3299
3322
  isSubTotals?: boolean;
3300
3323
  isTotalRoot?: boolean;
3301
3324
  isFrozen?: boolean;
3325
+ shallowRender?: boolean;
3302
3326
  extra?: {
3303
3327
  description?: string;
3304
3328
  isCustomNode?: boolean;
@@ -4032,7 +4056,7 @@ declare class RowCell extends HeaderCell<RowHeaderConfig> {
4032
4056
  protected getContentIndent(): number;
4033
4057
  protected getTextIndent(): number;
4034
4058
  protected isTreeLevel(): any;
4035
- protected getMaxTextWidth(): number;
4059
+ getMaxTextWidth(): number;
4036
4060
  protected getTextArea(): {
4037
4061
  x: number;
4038
4062
  width: number;
@@ -4163,10 +4187,33 @@ declare interface S2BasicOptions<T = TooltipContentType_2, P = Pagination_2, Men
4163
4187
  */
4164
4188
  hd?: boolean;
4165
4189
  /**
4166
- * 空值单元格占位符
4167
- * @see https://s2.antv.antgroup.com/zh/examples/custom/custom-cell/#data-cell-placeholder
4190
+ * 占位符
4168
4191
  */
4169
- placeholder?: ((meta: Record<string, any>) => string | undefined | null) | string | undefined | null;
4192
+ placeholder?: {
4193
+ /**
4194
+ * 空值单元格占位符
4195
+ * @default '-'
4196
+ * @see https://s2.antv.antgroup.com/examples/custom/custom-cell/#data-cell-placeholder
4197
+ */
4198
+ cell?: ((meta: Record<string, any>) => string | undefined | null) | string | null;
4199
+ /**
4200
+ * 空数据占位符 (明细表有效)
4201
+ * @see https://s2.antv.antgroup.com/examples/custom/custom-cell/#empty-placeholder
4202
+ */
4203
+ empty?: {
4204
+ /**
4205
+ * 自定义 Icon, 支持 customSVGIcons 自定义注册和内置的 Icon
4206
+ * @default "Empty"
4207
+ * @see https://s2.antv.antgroup.com/manual/advanced/custom/custom-icon
4208
+ */
4209
+ icon?: string;
4210
+ /**
4211
+ * 自定义描述内容
4212
+ * @default "暂无数据"
4213
+ */
4214
+ description?: string;
4215
+ };
4216
+ };
4170
4217
  /**
4171
4218
  * 设备类型: pc / mobile
4172
4219
  */
@@ -4214,7 +4261,7 @@ declare interface S2BasicOptions<T = TooltipContentType_2, P = Pagination_2, Men
4214
4261
  * 自定义列头单元格
4215
4262
  * @see https://s2.antv.antgroup.com/examples/custom/custom-cell#col-cell
4216
4263
  */
4217
- colCell?: CellCallback<ColHeaderConfig, S2CellType_2>;
4264
+ colCell?: CellCallback<ColHeaderConfig, ColCell_2>;
4218
4265
  /**
4219
4266
  * 自定义合并单元格
4220
4267
  * @see https://s2.antv.antgroup.com/examples/custom/custom-cell/#custom-merged-cell
@@ -4525,7 +4572,9 @@ declare interface S2Theme extends CellThemes {
4525
4572
  /** 刷选遮罩 */
4526
4573
  prepareSelectMask?: InteractionStateTheme;
4527
4574
  /** 画布背景底色 */
4528
- background?: Background;
4575
+ background?: BackgroundTheme;
4576
+ /** 空数据占位符 */
4577
+ empty?: EmptyTheme;
4529
4578
  }
4530
4579
 
4531
4580
  declare class ScrollBar extends Group {
@@ -4664,15 +4713,15 @@ declare class SeriesNumberCell_2 extends HeaderCell {
4664
4713
  opacity: NonNullable<string | number | undefined>;
4665
4714
  fontFamily: string;
4666
4715
  fontWeight: NonNullable<number | "bold" | CSSGlobalKeywords | "normal" | "bolder" | "lighter" | undefined>;
4667
- lineHeight: NonNullable<string | number | undefined>;
4668
4716
  fontStyle: NonNullable<CSSGlobalKeywords | "normal" | "italic" | "oblique" | undefined>;
4669
4717
  fontVariant: string;
4718
+ lineHeight: NonNullable<string | number | undefined>;
4670
4719
  textOverflow?: string | undefined;
4671
4720
  maxLines?: number | undefined;
4672
4721
  wordWrap?: boolean | undefined;
4673
4722
  };
4674
4723
  protected getFormattedFieldValue(): FormatResult;
4675
- protected getMaxTextWidth(): number;
4724
+ getMaxTextWidth(): number;
4676
4725
  protected getTextPosition(): PointLike;
4677
4726
  protected isBolderText(): boolean;
4678
4727
  findFieldCondition(): undefined;
@@ -5535,7 +5584,7 @@ declare interface SortFuncParam extends Sort {
5535
5584
  data: Array<string | Record<string, any>> | undefined;
5536
5585
  }
5537
5586
 
5538
- declare type SortMethod = 'ASC' | 'DESC' | 'asc' | 'desc';
5587
+ declare type SortMethod = 'ASC' | 'DESC' | 'NONE' | 'asc' | 'desc' | 'none';
5539
5588
 
5540
5589
  declare interface SortParam extends Sort {
5541
5590
  /** 自定义排序 */
@@ -5612,6 +5661,7 @@ declare abstract class SpreadSheet_2 extends EE {
5612
5661
  private initInteraction;
5613
5662
  private initTooltip;
5614
5663
  private renderTooltip;
5664
+ private getTargetCell;
5615
5665
  /**
5616
5666
  * 展示 Tooltip 提示
5617
5667
  * @alias s2.tooltip.show()
@@ -5902,9 +5952,9 @@ declare class TableColCell extends ColCell_2 {
5902
5952
  opacity: NonNullable<string | number | undefined>;
5903
5953
  fontFamily: string;
5904
5954
  fontWeight: NonNullable<number | "bold" | CSSGlobalKeywords | "normal" | "bolder" | "lighter" | undefined>;
5905
- lineHeight: NonNullable<string | number | undefined>;
5906
5955
  fontStyle: NonNullable<CSSGlobalKeywords | "normal" | "italic" | "oblique" | undefined>;
5907
5956
  fontVariant: string;
5957
+ lineHeight: NonNullable<string | number | undefined>;
5908
5958
  textOverflow?: string | undefined;
5909
5959
  maxLines?: number | undefined;
5910
5960
  wordWrap?: boolean | undefined;
@@ -5914,6 +5964,27 @@ declare class TableColCell extends ColCell_2 {
5914
5964
  protected handleViewport(): AreaRange;
5915
5965
  }
5916
5966
 
5967
+ /**
5968
+ * Column Header for SpreadSheet
5969
+ */
5970
+ declare class TableColHeader extends ColHeader {
5971
+ frozenColGroup: Group;
5972
+ frozenTrailingColGroup: Group;
5973
+ private finalColCount;
5974
+ private finalTrailingColCount;
5975
+ private topLevelColNodeLength;
5976
+ constructor(config: ColHeaderConfig);
5977
+ protected getCellInstance(node: Node_2_2): ColCell_2;
5978
+ private initFrozenColGroups;
5979
+ clear(): void;
5980
+ private getColFrozenOptionsByNode;
5981
+ protected getCellGroup(node: Node_2_2): Group;
5982
+ protected isColCellInRect(node: Node_2_2): boolean;
5983
+ getScrollGroupClipBBox: () => RectStyleProps;
5984
+ protected offset(): void;
5985
+ protected clip(): void;
5986
+ }
5987
+
5917
5988
  declare class TableCornerCell extends TableColCell {
5918
5989
  getStyle(name?: string): any;
5919
5990
  protected showSortIcon(): boolean;
@@ -6312,9 +6383,9 @@ declare interface TooltipOperatorMenuOptions<Icon, Text> {
6312
6383
  */
6313
6384
  onClick?: TooltipOperatorClickHandler;
6314
6385
  /**
6315
- * 默认选中的菜单项 key
6386
+ * 选中的菜单项 key
6316
6387
  */
6317
- defaultSelectedKeys?: string[];
6388
+ selectedKeys?: string[];
6318
6389
  }
6319
6390
 
6320
6391
  declare interface TooltipOperatorOptions<Menu = BaseTooltipOperatorMenuOptions_2> {
@@ -6484,7 +6555,7 @@ declare interface ValueRange {
6484
6555
 
6485
6556
  declare type ValueRanges = Record<string, ValueRange>;
6486
6557
 
6487
- export declare const version = "@antv/s2-vue-v2.0.0-next.13";
6558
+ export declare const version = "@antv/s2-vue-v2.0.0-next.14";
6488
6559
 
6489
6560
  declare interface ViewCellHeights {
6490
6561
  getCellOffsetY: (index: number) => number;
@@ -6519,6 +6590,7 @@ declare interface ViewMeta_2 {
6519
6590
  value?: string | number;
6520
6591
  query?: Query;
6521
6592
  isLeaf?: boolean;
6593
+ shallowRender?: boolean;
6522
6594
  [key: string]: unknown;
6523
6595
  }
6524
6596
 
package/esm/index.js CHANGED
@@ -3208,7 +3208,7 @@ const _hoisted_3$2 = [
3208
3208
  _hoisted_2$2
3209
3209
  ];
3210
3210
  function render$2(_ctx, _cache) {
3211
- return openBlock(), createElementBlock("svg", _hoisted_1$2, _hoisted_3$2);
3211
+ return openBlock(), createElementBlock("svg", _hoisted_1$2, [..._hoisted_3$2]);
3212
3212
  }
3213
3213
  const LocationIcon = { render: render$2 };
3214
3214
  const _hoisted_1$1 = {
@@ -3226,7 +3226,7 @@ const _hoisted_3$1 = [
3226
3226
  _hoisted_2$1
3227
3227
  ];
3228
3228
  function render$1(_ctx, _cache) {
3229
- return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
3229
+ return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._hoisted_3$1]);
3230
3230
  }
3231
3231
  const TextIcon = { render: render$1 };
3232
3232
  const _hoisted_1 = {
@@ -3244,7 +3244,7 @@ const _hoisted_3 = [
3244
3244
  _hoisted_2
3245
3245
  ];
3246
3246
  function render(_ctx, _cache) {
3247
- return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
3247
+ return openBlock(), createElementBlock("svg", _hoisted_1, [..._hoisted_3]);
3248
3248
  }
3249
3249
  const CalendarIcon = { render };
3250
3250
  const _sfc_main$3 = defineComponent({
@@ -3499,7 +3499,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
3499
3499
  return openBlock(), createBlock(resolveDynamicComponent(_ctx.sheetType), { ref: "s2Ref" }, null, 512);
3500
3500
  }
3501
3501
  const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
3502
- const version = "@antv/s2-vue-v2.0.0-next.13";
3502
+ const version = "@antv/s2-vue-v2.0.0-next.14";
3503
3503
  export {
3504
3504
  BaseSheet,
3505
3505
  CustomTooltip,