@visactor/vtable 1.2.0 → 1.2.1-alpha.1

package/cjs/ts-types/tooltip.d.ts

@@ -19,5 +19,8 @@ export type TooltipOptions = {
         color?: string;
         padding?: number[];
         arrowMark?: boolean;
+        maxWidth?: number;
+        maxHeight?: number;
     };
+    disappearDelay?: number;
 };

package/cjs/ts-types/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/tooltip.ts"],"names":[],"mappings":"","file":"tooltip.js","sourcesContent":["import type { RectProps } from './common';\nimport type { Placement } from './table-engine';\n\nexport type TooltipType = 'bubble-tooltip' | 'tooltip' | 'container';\n\n/** 显示弹出提示内容 */\nexport type TooltipOptions = {\n  /** tooltip内容 */\n  content: string;\n  /** tooltip框的位置 优先级高于referencePosition */\n  position?: { x: number; y: number };\n  /** tooltip框的参考位置 如果设置了position则该配置不生效 */\n  referencePosition?: {\n    /** 参考位置设置为一个矩形边界 设置placement来指定处于边界位置的方位*/\n    rect: RectProps;\n    /** 指定处于边界位置的方位  */\n    placement?: Placement;\n  };\n  /** 需要自定义样式指定className dom的tooltip生效 */\n  className?: string;\n  /** 设置tooltip的样式 */\n  style?: {\n    bgColor?: string;\n    fontSize?: number;\n    fontFamily?: string;\n    color?: string;\n    padding?: number[];\n    arrowMark?: boolean;\n  };\n};\n"]}
+{"version":3,"sources":["../src/ts-types/tooltip.ts"],"names":[],"mappings":"","file":"tooltip.js","sourcesContent":["import type { RectProps } from './common';\nimport type { Placement } from './table-engine';\n\nexport type TooltipType = 'bubble-tooltip' | 'tooltip' | 'container';\n\n/** 显示弹出提示内容 */\nexport type TooltipOptions = {\n  /** tooltip内容 */\n  content: string;\n  /** tooltip框的位置 优先级高于referencePosition */\n  position?: { x: number; y: number };\n  /** tooltip框的参考位置 如果设置了position则该配置不生效 */\n  referencePosition?: {\n    /** 参考位置设置为一个矩形边界 设置placement来指定处于边界位置的方位*/\n    rect: RectProps;\n    /** 指定处于边界位置的方位  */\n    placement?: Placement;\n  };\n  /** 需要自定义样式指定className dom的tooltip生效 */\n  className?: string;\n  /** 设置tooltip的样式 */\n  style?: {\n    bgColor?: string;\n    fontSize?: number;\n    fontFamily?: string;\n    color?: string;\n    padding?: number[];\n    arrowMark?: boolean;\n    maxWidth?: number;\n    maxHeight?: number;\n  };\n  /** 设置tooltip的消失时间 */\n  disappearDelay?: number;\n};\n"]}

package/cjs/vrender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/vrender.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kCAAgC;AAChC,yDAA8F;AAC9F,yDAAqE;AACrE,yDAmBgC;AAIhC,IAAI,QAAQ,GAAG,KAAK,CAAC;AACrB,SAAgB,kBAAkB;IAChC,IAAI,QAAQ,EAAE;QACZ,OAAO;KACR;IACD,QAAQ,GAAG,IAAI,CAAC;IAEhB,IAAA,+BAAgB,GAAE,CAAC;IAEnB,IAAI,IAAA,2BAAY,GAAE,EAAE;QAClB,IAAA,6BAAc,EAAC,wBAAS,CAAC,CAAC;KAC3B;SAAM,IAAI,IAAA,wBAAS,GAAE,EAAE;QACtB,IAAA,0BAAW,EAAC,wBAAS,CAAC,CAAC;KACxB;IACD,IAAA,0BAAW,GAAE,CAAC;IACd,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,8BAAe,GAAE,CAAC;IAClB,IAAA,gCAAiB,GAAE,CAAC;IACpB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,+BAAgB,GAAE,CAAC;IACnB,IAAA,iCAAkB,GAAE,CAAC;IACrB,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,+BAAgB,GAAE,CAAC;AACrB,CAAC;AA/BD,gDA+BC;AAED,yDAAuC;AACvC,yDAAuC","file":"vrender.js","sourcesContent":["import '@visactor/vrender-core';\nimport { container, isBrowserEnv, isNodeEnv, preLoadAllModule } from '@visactor/vrender-core';\nimport { loadBrowserEnv, loadNodeEnv } from '@visactor/vrender-kits';\nimport {\n  registerArc,\n  registerArc3d,\n  registerArea,\n  registerCircle,\n  registerGlyph,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPath,\n  registerPolygon,\n  registerPyramid3d,\n  registerRect,\n  registerRect3d,\n  registerRichtext,\n  registerShadowRoot,\n  registerSymbol,\n  registerText,\n  registerWrapText\n} from '@visactor/vrender-kits';\n// 导出版本号\n// export const version = \"1.2.0\";\n\nlet registed = false;\nexport function registerForVrender() {\n  if (registed) {\n    return;\n  }\n  registed = true;\n  // 注册内置组件\n  preLoadAllModule();\n\n  if (isBrowserEnv()) {\n    loadBrowserEnv(container);\n  } else if (isNodeEnv()) {\n    loadNodeEnv(container);\n  }\n  registerArc();\n  registerArc3d();\n  registerArea();\n  registerCircle();\n  registerGlyph();\n  registerGroup();\n  registerImage();\n  registerLine();\n  registerPath();\n  registerPolygon();\n  registerPyramid3d();\n  registerRect();\n  registerRect3d();\n  registerRichtext();\n  registerShadowRoot();\n  registerSymbol();\n  registerText();\n  registerWrapText();\n}\n\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\n"]}
+{"version":3,"sources":["../src/vrender.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kCAAgC;AAChC,yDAA8F;AAC9F,yDAAqE;AACrE,yDAmBgC;AAIhC,IAAI,QAAQ,GAAG,KAAK,CAAC;AACrB,SAAgB,kBAAkB;IAChC,IAAI,QAAQ,EAAE;QACZ,OAAO;KACR;IACD,QAAQ,GAAG,IAAI,CAAC;IAEhB,IAAA,+BAAgB,GAAE,CAAC;IAEnB,IAAI,IAAA,2BAAY,GAAE,EAAE;QAClB,IAAA,6BAAc,EAAC,wBAAS,CAAC,CAAC;KAC3B;SAAM,IAAI,IAAA,wBAAS,GAAE,EAAE;QACtB,IAAA,0BAAW,EAAC,wBAAS,CAAC,CAAC;KACxB;IACD,IAAA,0BAAW,GAAE,CAAC;IACd,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,8BAAe,GAAE,CAAC;IAClB,IAAA,gCAAiB,GAAE,CAAC;IACpB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,+BAAgB,GAAE,CAAC;IACnB,IAAA,iCAAkB,GAAE,CAAC;IACrB,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,+BAAgB,GAAE,CAAC;AACrB,CAAC;AA/BD,gDA+BC;AAED,yDAAuC;AACvC,yDAAuC","file":"vrender.js","sourcesContent":["import '@visactor/vrender-core';\nimport { container, isBrowserEnv, isNodeEnv, preLoadAllModule } from '@visactor/vrender-core';\nimport { loadBrowserEnv, loadNodeEnv } from '@visactor/vrender-kits';\nimport {\n  registerArc,\n  registerArc3d,\n  registerArea,\n  registerCircle,\n  registerGlyph,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPath,\n  registerPolygon,\n  registerPyramid3d,\n  registerRect,\n  registerRect3d,\n  registerRichtext,\n  registerShadowRoot,\n  registerSymbol,\n  registerText,\n  registerWrapText\n} from '@visactor/vrender-kits';\n// 导出版本号\n// export const version = \"1.2.1-alpha.1\";\n\nlet registed = false;\nexport function registerForVrender() {\n  if (registed) {\n    return;\n  }\n  registed = true;\n  // 注册内置组件\n  preLoadAllModule();\n\n  if (isBrowserEnv()) {\n    loadBrowserEnv(container);\n  } else if (isNodeEnv()) {\n    loadNodeEnv(container);\n  }\n  registerArc();\n  registerArc3d();\n  registerArea();\n  registerCircle();\n  registerGlyph();\n  registerGroup();\n  registerImage();\n  registerLine();\n  registerPath();\n  registerPolygon();\n  registerPyramid3d();\n  registerRect();\n  registerRect3d();\n  registerRichtext();\n  registerShadowRoot();\n  registerSymbol();\n  registerText();\n  registerWrapText();\n}\n\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\n"]}

package/dist/vtable.js

@@ -25045,6 +25045,12 @@
                     },
                     get color() {
                         return tooltip.color ?? '#FFF';
+                    },
+                    get maxWidth() {
+                        return tooltip.maxWidth;
+                    },
+                    get maxHeight() {
+                        return tooltip.maxHeight;
                     }
                 };
             }
@@ -25209,7 +25215,7 @@
             return hasThemeProperty(obj, names) || hasThemeProperty(superTheme, names);
         }
         extends(obj) {
-            return new TableTheme(obj, this);
+            return new TableTheme(obj, this.internalTheme.superTheme || this.internalTheme.obj);
         }
         getStyle(style) {
             const that = this;
@@ -48491,6 +48497,7 @@
                     },
                     placement: baseIcon.tooltip.placement
                 },
+                disappearDelay: baseIcon.tooltip.disappearDelay,
                 style: Object.assign({}, scene.table.internalProps.theme?.tooltipStyle, baseIcon.tooltip?.style)
             };
             if (!scene.table.internalProps.tooltipHandler.isBinded(tooltipOptions)) {
@@ -52210,7 +52217,8 @@
                             rect: iconInfo.position,
                             placement: inlineIcon.attribute.tooltip.placement
                         },
-                        style: Object.assign({}, this.table.internalProps.theme?.tooltipStyle, inlineIcon.tooltip?.style, inlineIcon.attribute?.tooltip?.style)
+                        style: Object.assign({}, this.table.internalProps.theme?.tooltipStyle, inlineIcon.tooltip?.style, inlineIcon.attribute?.tooltip?.style),
+                        disappearDelay: inlineIcon.attribute.tooltip.disappearDelay
                     };
                     if (!this.table.internalProps.tooltipHandler.isBinded(tooltipOptions)) {
                         this.table.showTooltip(col, row, tooltipOptions);
@@ -56406,8 +56414,8 @@
 .vtable__bubble-tooltip-element {
 	position: absolute;
 	
-	pointer-events: none;
-	user-select: none;
+	// pointer-events: none;
+	//user-select: none;
 	max-width: 300px;
 	z-index: 99999;
 
@@ -56421,6 +56429,8 @@
 }
 .vtable__bubble-tooltip-element--hidden {
 	opacity: 0;
+  pointer-events: none;
+	user-select: none;
 	/* transform: translate(-50%, -50%); */
 	transition: opacity 75ms linear;
 }
@@ -56439,12 +56449,30 @@
 	white-space: pre-wrap;
 	margin: 0;
 	box-sizing: border-box;
-	overflow: hidden;
+	overflow: auto;
 	word-wrap: break-word;
 	position: relative;
 	background-color: #FFF;
 	z-index: 2;
-	border-radius: 4px
+	border-radius: 4px;
+}
+/*  WebKit Microsoft Edge（新版）： */
+.vtable__bubble-tooltip-element__content::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  background-color: transparent;
+}
+/*  Opera Firefox  */
+.vtable__bubble-tooltip-element__content > scrollbar-track {
+  width: 0;
+  height: 0;
+  background-color: transparent;
+}
+/* Internet Explorer 11 和 Microsoft Edge（旧版） */
+.vtable__bubble-tooltip-element__content > scrollbar {
+  width: 0;
+  height: 0;
+  background-color: transparent;
 }
 .vtable__bubble-tooltip-element__triangle {
 	/* font-size: .75rem; */
@@ -56473,17 +56501,31 @@
         _rootElement;
         _messageElement;
         _triangleElement;
+        _disappearDelay;
+        _disappearDelayId;
         constructor() {
             this._handler = new EventHandler();
             const rootElement = (this._rootElement = createElement('div', [TOOLTIP_CLASS, HIDDEN_CLASS]));
-            const messageElement = createElement('span', [CONTENT_CLASS]);
+            const messageElement = createElement('div', [CONTENT_CLASS]);
             const triangle = createElement('span', [TRIANGLE_CLASS]);
             rootElement.appendChild(triangle);
             rootElement.appendChild(messageElement);
             this._messageElement = rootElement.querySelector(`.${CONTENT_CLASS}`) || undefined;
             this._triangleElement = rootElement.querySelector(`.${TRIANGLE_CLASS}`) || undefined;
+            rootElement.addEventListener('mousemove', () => {
+                this._disappearDelayId && clearTimeout(this._disappearDelayId);
+            });
+            rootElement.addEventListener('mouseleave', () => {
+                this._disappearDelay = undefined;
+                this.unbindFromCell();
+            });
+            messageElement.addEventListener('wheel', e => {
+                e.stopPropagation();
+            });
         }
         bindToCell(table, col, row, tooltipInstanceInfo, confine) {
+            this._disappearDelay = tooltipInstanceInfo?.disappearDelay;
+            this._disappearDelayId && clearTimeout(this._disappearDelayId);
             const rootElement = this._rootElement;
             const messageElement = this._messageElement;
             const triangle = this._triangleElement;
@@ -56504,6 +56546,10 @@
                 tooltipInstanceInfo?.style?.color && (messageElement.style.color = tooltipInstanceInfo?.style?.color);
                 tooltipInstanceInfo?.style?.padding &&
                     (messageElement.style.padding = `${tooltipInstanceInfo?.style?.padding.join('px ')}px`);
+                tooltipInstanceInfo?.style?.maxHeight &&
+                    (messageElement.style.maxHeight = `${tooltipInstanceInfo?.style?.maxHeight}px`);
+                tooltipInstanceInfo?.style?.maxWidth &&
+                    (messageElement.style.maxWidth = `${tooltipInstanceInfo?.style?.maxWidth}px`);
                 messageElement && (messageElement.textContent = tooltipInstanceInfo?.content);
                 const binded = this._bindToCell(table, col, row, tooltipInstanceInfo?.position, tooltipInstanceInfo?.referencePosition, confine, tooltipInstanceInfo?.style?.arrowMark);
                 if (binded) {
@@ -56539,10 +56585,21 @@
             }
         }
         unbindFromCell() {
-            const rootElement = this._rootElement;
-            if (rootElement?.parentElement) {
-                rootElement.classList.remove(SHOWN_CLASS);
-                rootElement.classList.add(HIDDEN_CLASS);
+            if (this._disappearDelay) {
+                this._disappearDelayId = setTimeout(() => {
+                    const rootElement = this._rootElement;
+                    if (rootElement?.parentElement) {
+                        rootElement.classList.remove(SHOWN_CLASS);
+                        rootElement.classList.add(HIDDEN_CLASS);
+                    }
+                }, this._disappearDelay ?? 0);
+            }
+            else {
+                const rootElement = this._rootElement;
+                if (rootElement?.parentElement) {
+                    rootElement.classList.remove(SHOWN_CLASS);
+                    rootElement.classList.add(HIDDEN_CLASS);
+                }
             }
         }
         _canBindToCell(table, col, row) {
@@ -56870,7 +56927,8 @@
                         placement: Placement.bottom,
                         rect
                     },
-                    style: { arrowMark: false }
+                    disappearDelay: table.internalProps.tooltip.overflowTextTooltipDisappearDelay ?? 0,
+                    style: table.theme.tooltipStyle
                 };
             }
             else if (table.internalProps.tooltip?.isShowOverflowTextTooltip) {
@@ -56886,6 +56944,7 @@
                             placement: Placement.bottom,
                             rect
                         },
+                        disappearDelay: table.internalProps.tooltip.overflowTextTooltipDisappearDelay ?? 0,
                         style: table.theme.tooltipStyle
                     };
                 }
@@ -59044,7 +59103,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.2.0";
+        version = "1.2.1-alpha.1";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -60248,6 +60307,7 @@
             IconCache.clearAll();
             super.release?.();
             internalProps.handler?.release?.();
+            this.eventManager.release();
             internalProps.focusControl?.release?.();
             internalProps.legends?.forEach(legend => {
                 legend?.release();
@@ -60269,6 +60329,8 @@
             }
             this.editorManager?.editingEditor?.onEnd?.();
             this.isReleased = true;
+            this.scenegraph = null;
+            this.internalProps = null;
         }
         fireListeners(type, event) {
             return super.fireListeners(type, event);
@@ -72023,7 +72085,7 @@
     }
 
     registerForVrender();
-    const version = "1.2.0";
+    const version = "1.2.1-alpha.1";
     function getIcons() {
         return get$2();
     }