leafer-x-tooltip-canvas 1.0.2 → 1.0.3

package/dist/index.js

@@ -138,11 +138,35 @@ this.LeaferX.tooltipCanvas = (function (exports) {
             this.config = data.config;
             this.show();
         }
+        log(...args) {
+            var _a;
+            if ((_a = this.config) === null || _a === void 0 ? void 0 : _a.debug) {
+                console.log('[Tooltip]', ...args);
+            }
+        }
         createShapes(pos = this.__.pointerPos) {
+            var _a, _b, _c, _d, _e, _f, _g;
             this.clear();
             const { width, height, text } = handleTextStyle(this.target, this.config);
             const { backgroundColor, stroke, color, padding, borderRadius, fontSize, fontWeight, fontFamily, } = this.config.style;
             let offset = this.config.offset;
+            this.log('createShapes', {
+                target: {
+                    tag: (_a = this.target) === null || _a === void 0 ? void 0 : _a.tag,
+                    id: (_b = this.target) === null || _b === void 0 ? void 0 : _b.id,
+                    className: (_c = this.target) === null || _c === void 0 ? void 0 : _c.className,
+                    parent: {
+                        tag: (_e = (_d = this.target) === null || _d === void 0 ? void 0 : _d.parent) === null || _e === void 0 ? void 0 : _e.tag,
+                        id: (_g = (_f = this.target) === null || _f === void 0 ? void 0 : _f.parent) === null || _g === void 0 ? void 0 : _g.id,
+                    },
+                },
+                pointer: pos,
+                offset,
+                renderPos: { x: pos.x + offset[0], y: pos.y + offset[1] },
+                size: { width, height },
+                style: { backgroundColor, stroke, color, padding, borderRadius, fontSize },
+                text,
+            });
             this.setStyle({
                 fill: backgroundColor,
                 stroke,
@@ -173,6 +197,7 @@ this.LeaferX.tooltipCanvas = (function (exports) {
         }
         show(pos = this.__.pointerPos) {
             this.clearShowHideTimers();
+            this.log('show', { pos, delay: this.config.showDelay, isShow: this.isShow });
             this.showTimerId = setTimeout(() => {
                 this.createShapes(pos);
                 this.showTimerId = null;
@@ -180,6 +205,7 @@ this.LeaferX.tooltipCanvas = (function (exports) {
         }
         hide(immediate = false) {
             this.clearShowHideTimers();
+            this.log('hide', { immediate, delay: this.config.hideDelay, isShow: this.isShow });
             if (immediate) {
                 this.destroy();
             }
@@ -192,6 +218,7 @@ this.LeaferX.tooltipCanvas = (function (exports) {
         }
         update(pos) {
             this.clearShowHideTimers();
+            this.log('update', { pos, isShow: this.isShow });
             if (this.isShow) {
                 this.createShapes(pos);
             }
@@ -232,6 +259,7 @@ this.LeaferX.tooltipCanvas = (function (exports) {
     ], Tooltip);
 
     const defaultConfig = {
+        debug: false,
         reference: 'pointer',
         info: ['tag'],
         showType: 'value',
@@ -260,6 +288,11 @@ this.LeaferX.tooltipCanvas = (function (exports) {
     };
 
     class TooltipPlugin {
+        log(...args) {
+            if (this.config.debug) {
+                console.log('[TooltipPlugin]', ...args);
+            }
+        }
         constructor(instance, config) {
             this.tooltipCache = new Map();
             this.includesTypeSet = new Set();
@@ -319,7 +352,8 @@ this.LeaferX.tooltipCanvas = (function (exports) {
                 this.hideTooltip();
                 return;
             }
-            if (!this.handleAllowed(target)) {
+            const allowed = this.handleAllowed(target);
+            if (!allowed) {
                 this.hideTooltip();
                 return;
             }
@@ -346,16 +380,24 @@ this.LeaferX.tooltipCanvas = (function (exports) {
             const hasIncludesRule = this.includesTypeSet.size > 0;
             const hasExcludesRule = this.excludesTypeSet.size > 0;
             if (!hasIncludesRule && !hasExcludesRule) {
+                this.log('allowed', { target: target.tag, result: true, reason: 'no rules' });
                 return true;
             }
             const matchesInclude = targetIdentifiers.some((id) => this.includesTypeSet.has(id));
             const matchesExclude = targetIdentifiers.some((id) => this.excludesTypeSet.has(id));
-            if (matchesInclude)
+            if (matchesInclude) {
+                this.log('allowed', { target: target.tag, result: true, reason: 'matches include' });
                 return true;
-            if (matchesExclude)
+            }
+            if (matchesExclude) {
+                this.log('allowed', { target: target.tag, result: false, reason: 'matches exclude' });
                 return false;
-            if (hasIncludesRule)
+            }
+            if (hasIncludesRule) {
+                this.log('allowed', { target: target.tag, result: false, reason: 'has include rule but not matched' });
                 return false;
+            }
+            this.log('allowed', { target: target.tag, result: true, reason: 'only exclude rule, not matched' });
             return true;
         }
         hideTooltip() {
@@ -379,12 +421,14 @@ this.LeaferX.tooltipCanvas = (function (exports) {
             });
             const cachedTooltip = this.tooltipCache.get(id);
             if (cachedTooltip && cachedTooltip.parent) {
+                this.log('tooltip update', { id, x: event.x, y: event.y });
                 cachedTooltip.update({ x: event.x, y: event.y });
             }
             else {
                 if (cachedTooltip) {
                     this.tooltipCache.delete(id);
                 }
+                this.log('tooltip create', { id, x: event.x, y: event.y, target: target.tag });
                 const tooltip = new Tooltip({
                     id,
                     pointerPos: { x: event.x, y: event.y },