@fmsim/board 1.0.47 → 1.0.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fmsim/board",
-  "version": "1.0.47",
+  "version": "1.0.48",
   "description": "보드 구성을 위한 기본 UI (웹)컴포넌트들을 제공합니다.",
   "author": "heartyoh",
   "main": "dist/src/index.js",
@@ -150,5 +150,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "cdc5ddb43a6024e2b30066be221910f19a448a5e"
+  "gitHead": "bb0ce9bc35636bcbdddf1c13cbcd08f5dd4dd7df"
 }

package/dist/src/layers/tooltip-decorator.d.ts

@@ -1,2 +0,0 @@
-import { Component } from '@hatiolab/things-scene';
-export default function tooltipDecorator(component: Component, context: CanvasRenderingContext2D, delta: number): boolean;

package/dist/src/layers/tooltip-decorator.js

@@ -1,41 +0,0 @@
-const LINE_HEIGHT = 14;
-function measureMultiLineTextSize(context, lines, maxWidth) {
-    const lineHeight = LINE_HEIGHT;
-    let totalWidth = 0;
-    let totalHeight = lines.length * lineHeight;
-    for (const line of lines) {
-        const lineMetrics = context.measureText(line);
-        if (lineMetrics.width > totalWidth) {
-            totalWidth = lineMetrics.width;
-        }
-    }
-    return { width: totalWidth, height: totalHeight };
-}
-function drawMultiLineText(context, lines, x, y, maxWidth) {
-    const lineHeight = LINE_HEIGHT;
-    for (let i = 0; i < lines.length; i++) {
-        context.fillText(lines[i], x, y + (i + 1) * lineHeight, maxWidth);
-    }
-}
-export default function tooltipDecorator(component, context, delta /* 1 to 0 */) {
-    const { ID, DESCRIPTION, CARRIERID, LOTID, VEHICLEID } = component.data || {};
-    const lines = [ID, DESCRIPTION, CARRIERID, LOTID, VEHICLEID].filter(Boolean);
-    if (lines.length > 0) {
-        let { left, top } = component.bounds;
-        let { x, y } = component.transcoordS2C(left, top, component.rootModel);
-        context.font = '12px Arial';
-        let metrics = measureMultiLineTextSize(context, lines);
-        x = Math.max(x + 3, 5);
-        y = Math.max(y - lines.length * LINE_HEIGHT - 7, 15);
-        context.beginPath();
-        context.fillStyle = 'red';
-        context.roundRect(x - 3, y - 3, metrics.width + 3 * 2, metrics.height + 3 * 2, 3 /* round */);
-        context.fill();
-        context.beginPath();
-        context.fillStyle = 'white';
-        drawMultiLineText(context, lines, x, y);
-        return true;
-    }
-    return false;
-}
-//# sourceMappingURL=tooltip-decorator.js.map

package/dist/src/layers/tooltip-decorator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip-decorator.js","sourceRoot":"","sources":["../../../src/layers/tooltip-decorator.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component } from '@hatiolab/things-scene'\n\nconst LINE_HEIGHT = 14\n\nfunction measureMultiLineTextSize(context: CanvasRenderingContext2D, lines: string[], maxWidth?: number) {\n  const lineHeight = LINE_HEIGHT\n  let totalWidth = 0\n  let totalHeight = lines.length * lineHeight\n\n  for (const line of lines) {\n    const lineMetrics = context.measureText(line)\n    if (lineMetrics.width > totalWidth) {\n      totalWidth = lineMetrics.width\n    }\n  }\n\n  return { width: totalWidth, height: totalHeight }\n}\n\nfunction drawMultiLineText(\n  context: CanvasRenderingContext2D,\n  lines: string[],\n  x: number,\n  y: number,\n  maxWidth?: number\n) {\n  const lineHeight = LINE_HEIGHT\n\n  for (let i = 0; i < lines.length; i++) {\n    context.fillText(lines[i], x, y + (i + 1) * lineHeight, maxWidth)\n  }\n}\n\nexport default function tooltipDecorator(\n  component: Component,\n  context: CanvasRenderingContext2D,\n  delta: number /* 1 to 0 */\n) {\n  const { ID, DESCRIPTION, CARRIERID, LOTID, VEHICLEID } = component.data || {}\n  const lines = [ID, DESCRIPTION, CARRIERID, LOTID, VEHICLEID].filter(Boolean)\n\n  if (lines.length > 0) {\n    let { left, top } = component.bounds\n    let { x, y } = component.transcoordS2C(left, top, component.rootModel as any)\n\n    context.font = '12px Arial'\n    let metrics = measureMultiLineTextSize(context, lines)\n\n    x = Math.max(x + 3, 5)\n    y = Math.max(y - lines.length * LINE_HEIGHT - 7, 15)\n\n    context.beginPath()\n\n    context.fillStyle = 'red'\n\n    context.roundRect(x - 3, y - 3, metrics.width + 3 * 2, metrics.height + 3 * 2, 3 /* round */)\n\n    context.fill()\n\n    context.beginPath()\n\n    context.fillStyle = 'white'\n    drawMultiLineText(context, lines, x, y)\n\n    return true\n  }\n\n  return false\n}\n"]}