dishui 0.0.64 → 0.0.66

package/dist/components/pro/Flow/nodes/NodeHandles.js

@@ -1,88 +1,82 @@
-import { Graphics as u } from "pixi.js";
-function h(n, t) {
-  const i = [
-    0.16666666666666666,
-    0.3333333333333333,
-    0.5,
-    0.6666666666666666,
-    0.8333333333333334
-  ], s = [];
-  for (const o of i)
-    s.push({
-      id: `t_${o}`,
-      x: n * o,
-      y: 0,
-      side: "top"
-    }), s.push({
-      id: `b_${o}`,
-      x: n * o,
-      y: t,
-      side: "bottom"
-    }), s.push({
-      id: `l_${o}`,
-      x: 0,
-      y: t * o,
-      side: "left"
-    }), s.push({
-      id: `r_${o}`,
-      x: n,
-      y: t * o,
-      side: "right"
-    });
-  return s;
+import { Graphics as e } from "pixi.js";
+//#region src/components/pro/Flow/nodes/NodeHandles.ts
+function t(e, t) {
+	let n = [
+		1 / 6,
+		2 / 6,
+		3 / 6,
+		4 / 6,
+		5 / 6
+	], r = [];
+	for (let i of n) r.push({
+		id: `t_${i}`,
+		x: e * i,
+		y: 0,
+		side: "top"
+	}), r.push({
+		id: `b_${i}`,
+		x: e * i,
+		y: t,
+		side: "bottom"
+	}), r.push({
+		id: `l_${i}`,
+		x: 0,
+		y: t * i,
+		side: "left"
+	}), r.push({
+		id: `r_${i}`,
+		x: e,
+		y: t * i,
+		side: "right"
+	});
+	return r;
 }
-function b(n, t, i = !1) {
-  const s = new u();
-  s.label = "handles", s.visible = i, s.eventMode = "static";
-  for (const o of t) s.circle(o.x, o.y, 8 / 2).fill({
-    color: 3900150,
-    alpha: 0.9
-  });
-  return n.addChild(s), s;
+function n(t, n, r = !1) {
+	let i = new e();
+	i.label = "handles", i.visible = r, i.eventMode = "static";
+	for (let e of n) i.circle(e.x, e.y, 4).fill({
+		color: 3900150,
+		alpha: .9
+	});
+	return t.addChild(i), i;
 }
-function M(n, t) {
-  n.clear();
-  for (const i of t) n.circle(i.x, i.y, 8 / 2).fill({
-    color: 3900150,
-    alpha: 0.9
-  });
+function r(e, t) {
+	e.clear();
+	for (let n of t) e.circle(n.x, n.y, 4).fill({
+		color: 3900150,
+		alpha: .9
+	});
 }
-function x(n, t) {
-  const i = t.data.rotation ?? 0, s = t.position.x, o = t.position.y;
-  if (i === 0) return {
-    x: s + n.x,
-    y: o + n.y
-  };
-  const d = i * Math.PI / 180, e = t.width / 2, r = t.height / 2, c = n.x - e, l = n.y - r, a = Math.cos(d), f = Math.sin(d);
-  return {
-    x: s + e + c * a - l * f,
-    y: o + r + c * f + l * a
-  };
+function i(e, t) {
+	let n = t.data.rotation ?? 0, r = t.position.x, i = t.position.y;
+	if (n === 0) return {
+		x: r + e.x,
+		y: i + e.y
+	};
+	let a = n * Math.PI / 180, o = t.width / 2, s = t.height / 2, c = e.x - o, l = e.y - s, u = Math.cos(a), d = Math.sin(a);
+	return {
+		x: r + o + c * u - l * d,
+		y: i + s + c * d + l * u
+	};
 }
-function p(n, t, i, s, o, d = 20) {
-  let e = null, r = d;
-  for (const c of n) {
-    const l = t + c.x - s, a = i + c.y - o, f = Math.sqrt(l * l + a * a);
-    f < r && (r = f, e = c);
-  }
-  return e;
+function a(e, t, n, r, i, a = 20) {
+	let o = null, s = a;
+	for (let a of e) {
+		let e = t + a.x - r, c = n + a.y - i, l = Math.sqrt(e * e + c * c);
+		l < s && (s = l, o = a);
+	}
+	return o;
 }
-function H(n, t, i, s, o = 20) {
-  if ((t.data.rotation ?? 0) === 0) return p(n, t.position.x, t.position.y, i, s, o);
-  let d = null, e = o;
-  for (const r of n) {
-    const c = x(r, t), l = c.x - i, a = c.y - s, f = Math.sqrt(l * l + a * a);
-    f < e && (e = f, d = r);
-  }
-  return d;
+function o(e, t, n, r, o = 20) {
+	if ((t.data.rotation ?? 0) === 0) return a(e, t.position.x, t.position.y, n, r, o);
+	let s = null, c = o;
+	for (let a of e) {
+		let e = i(a, t), o = e.x - n, l = e.y - r, u = Math.sqrt(o * o + l * l);
+		u < c && (c = u, s = a);
+	}
+	return s;
 }
-export {
-  b as createHandleGraphics,
-  p as findClosestHandle,
-  H as findClosestHandleWorld,
-  h as getHandlePositions,
-  x as handleWorldPos,
-  M as updateHandleGraphics
-};
+//#endregion
+export { n as createHandleGraphics, a as findClosestHandle, o as findClosestHandleWorld, t as getHandlePositions, i as handleWorldPos, r as updateHandleGraphics };
 
 //# sourceMappingURL=NodeHandles.js.map

package/dist/components/pro/Flow/nodes/NodeHandles.js.map

@@ -1 +1 @@
-{"version":3,"file":"NodeHandles.js","names":[],"sources":["../../../../../src/components/pro/Flow/nodes/NodeHandles.ts"],"sourcesContent":["import { Graphics, Container } from 'pixi.js';\nimport { HANDLE_SIZE } from '../constants';\nimport type { FlowNode } from '../types';\n\nexport interface HandleDef {\n  id: string;\n  x: number;\n  y: number;\n  side: 'top' | 'right' | 'bottom' | 'left';\n}\n\n/**\n * Creates 20 connection handle positions per node (5 per side).\n * Handles are invisible hit areas; shown on hover as small circles.\n * The positions divide each edge into six equal segments.\n */\nexport function getHandlePositions(width: number, height: number): HandleDef[] {\n  const offsets = [1 / 6, 2 / 6, 3 / 6, 4 / 6, 5 / 6];\n  const handles: HandleDef[] = [];\n\n  for (const pct of offsets) {\n    handles.push({ id: `t_${pct}`, x: width * pct, y: 0, side: 'top' });\n    handles.push({ id: `b_${pct}`, x: width * pct, y: height, side: 'bottom' });\n    handles.push({ id: `l_${pct}`, x: 0, y: height * pct, side: 'left' });\n    handles.push({ id: `r_${pct}`, x: width, y: height * pct, side: 'right' });\n  }\n  return handles;\n}\n\nexport function createHandleGraphics(\n  parent: Container,\n  handles: HandleDef[],\n  visible = false,\n): Graphics {\n  const g = new Graphics();\n  g.label = 'handles';\n  g.visible = visible;\n  g.eventMode = 'static';\n\n  for (const h of handles) {\n    g.circle(h.x, h.y, HANDLE_SIZE / 2)\n      .fill({ color: 0x3b82f6, alpha: 0.9 });\n  }\n\n  parent.addChild(g);\n  return g;\n}\n\nexport function updateHandleGraphics(\n  g: Graphics,\n  handles: HandleDef[],\n): void {\n  g.clear();\n  for (const h of handles) {\n    g.circle(h.x, h.y, HANDLE_SIZE / 2)\n      .fill({ color: 0x3b82f6, alpha: 0.9 });\n  }\n}\n\n/**\n * Compute a handle's world-space position considering node rotation.\n */\nexport function handleWorldPos(\n  h: HandleDef,\n  node: FlowNode,\n): { x: number; y: number } {\n  const deg = node.data.rotation ?? 0;\n  const nx = node.position.x, ny = node.position.y;\n  if (deg === 0) return { x: nx + h.x, y: ny + h.y };\n  const rad = (deg * Math.PI) / 180;\n  const cx = node.width / 2, cy = node.height / 2;\n  const dx = h.x - cx, dy = h.y - cy;\n  const cos = Math.cos(rad), sin = Math.sin(rad);\n  return {\n    x: nx + cx + dx * cos - dy * sin,\n    y: ny + cy + dx * sin + dy * cos,\n  };\n}\n\n/** Find the closest handle to a world-space point */\nexport function findClosestHandle(\n  handles: HandleDef[],\n  nodeX: number,\n  nodeY: number,\n  worldX: number,\n  worldY: number,\n  threshold = 20,\n): HandleDef | null {\n  let best: HandleDef | null = null;\n  let bestDist = threshold;\n  for (const h of handles) {\n    const dx = (nodeX + h.x) - worldX;\n    const dy = (nodeY + h.y) - worldY;\n    const dist = Math.sqrt(dx * dx + dy * dy);\n    if (dist < bestDist) {\n      bestDist = dist;\n      best = h;\n    }\n  }\n  return best;\n}\n\n/**\n * Like findClosestHandle but accounts for node rotation.\n */\nexport function findClosestHandleWorld(\n  handles: HandleDef[],\n  node: FlowNode,\n  worldX: number,\n  worldY: number,\n  threshold = 20,\n): HandleDef | null {\n  const deg = node.data.rotation ?? 0;\n  if (deg === 0) {\n    return findClosestHandle(handles, node.position.x, node.position.y, worldX, worldY, threshold);\n  }\n  let best: HandleDef | null = null;\n  let bestDist = threshold;\n  for (const h of handles) {\n    const wp = handleWorldPos(h, node);\n    const dx = wp.x - worldX, dy = wp.y - worldY;\n    const dist = Math.sqrt(dx * dx + dy * dy);\n    if (dist < bestDist) { bestDist = dist; best = h; }\n  }\n  return best;\n}\n"],"mappings":"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"}
+{"version":3,"file":"NodeHandles.js","names":[],"sources":["../../../../../src/components/pro/Flow/nodes/NodeHandles.ts"],"sourcesContent":["import { Graphics, Container } from 'pixi.js';\nimport { HANDLE_SIZE } from '../constants';\nimport type { FlowNode } from '../types';\n\nexport interface HandleDef {\n  id: string;\n  x: number;\n  y: number;\n  side: 'top' | 'right' | 'bottom' | 'left';\n}\n\n/**\n * Creates 20 connection handle positions per node (5 per side).\n * Handles are invisible hit areas; shown on hover as small circles.\n * The positions divide each edge into six equal segments.\n */\nexport function getHandlePositions(width: number, height: number): HandleDef[] {\n  const offsets = [1 / 6, 2 / 6, 3 / 6, 4 / 6, 5 / 6];\n  const handles: HandleDef[] = [];\n\n  for (const pct of offsets) {\n    handles.push({ id: `t_${pct}`, x: width * pct, y: 0, side: 'top' });\n    handles.push({ id: `b_${pct}`, x: width * pct, y: height, side: 'bottom' });\n    handles.push({ id: `l_${pct}`, x: 0, y: height * pct, side: 'left' });\n    handles.push({ id: `r_${pct}`, x: width, y: height * pct, side: 'right' });\n  }\n  return handles;\n}\n\nexport function createHandleGraphics(\n  parent: Container,\n  handles: HandleDef[],\n  visible = false,\n): Graphics {\n  const g = new Graphics();\n  g.label = 'handles';\n  g.visible = visible;\n  g.eventMode = 'static';\n\n  for (const h of handles) {\n    g.circle(h.x, h.y, HANDLE_SIZE / 2)\n      .fill({ color: 0x3b82f6, alpha: 0.9 });\n  }\n\n  parent.addChild(g);\n  return g;\n}\n\nexport function updateHandleGraphics(\n  g: Graphics,\n  handles: HandleDef[],\n): void {\n  g.clear();\n  for (const h of handles) {\n    g.circle(h.x, h.y, HANDLE_SIZE / 2)\n      .fill({ color: 0x3b82f6, alpha: 0.9 });\n  }\n}\n\n/**\n * Compute a handle's world-space position considering node rotation.\n */\nexport function handleWorldPos(\n  h: HandleDef,\n  node: FlowNode,\n): { x: number; y: number } {\n  const deg = node.data.rotation ?? 0;\n  const nx = node.position.x, ny = node.position.y;\n  if (deg === 0) return { x: nx + h.x, y: ny + h.y };\n  const rad = (deg * Math.PI) / 180;\n  const cx = node.width / 2, cy = node.height / 2;\n  const dx = h.x - cx, dy = h.y - cy;\n  const cos = Math.cos(rad), sin = Math.sin(rad);\n  return {\n    x: nx + cx + dx * cos - dy * sin,\n    y: ny + cy + dx * sin + dy * cos,\n  };\n}\n\n/** Find the closest handle to a world-space point */\nexport function findClosestHandle(\n  handles: HandleDef[],\n  nodeX: number,\n  nodeY: number,\n  worldX: number,\n  worldY: number,\n  threshold = 20,\n): HandleDef | null {\n  let best: HandleDef | null = null;\n  let bestDist = threshold;\n  for (const h of handles) {\n    const dx = (nodeX + h.x) - worldX;\n    const dy = (nodeY + h.y) - worldY;\n    const dist = Math.sqrt(dx * dx + dy * dy);\n    if (dist < bestDist) {\n      bestDist = dist;\n      best = h;\n    }\n  }\n  return best;\n}\n\n/**\n * Like findClosestHandle but accounts for node rotation.\n */\nexport function findClosestHandleWorld(\n  handles: HandleDef[],\n  node: FlowNode,\n  worldX: number,\n  worldY: number,\n  threshold = 20,\n): HandleDef | null {\n  const deg = node.data.rotation ?? 0;\n  if (deg === 0) {\n    return findClosestHandle(handles, node.position.x, node.position.y, worldX, worldY, threshold);\n  }\n  let best: HandleDef | null = null;\n  let bestDist = threshold;\n  for (const h of handles) {\n    const wp = handleWorldPos(h, node);\n    const dx = wp.x - worldX, dy = wp.y - worldY;\n    const dist = Math.sqrt(dx * dx + dy * dy);\n    if (dist < bestDist) { bestDist = dist; best = h; }\n  }\n  return best;\n}\n"],"mappings":";;AAgBA,SAAgB,EAAmB,GAAe,GAA6B;CAC7E,IAAM,IAAU;EAAC,IAAI;EAAG,IAAI;EAAG,IAAI;EAAG,IAAI;EAAG,IAAI;CAAC,GAC5C,IAAuB,CAAC;CAE9B,KAAK,IAAM,KAAO,GAIhB,AAHA,EAAQ,KAAK;EAAE,IAAI,KAAK;EAAO,GAAG,IAAQ;EAAK,GAAG;EAAG,MAAM;CAAM,CAAC,GAClE,EAAQ,KAAK;EAAE,IAAI,KAAK;EAAO,GAAG,IAAQ;EAAK,GAAG;EAAQ,MAAM;CAAS,CAAC,GAC1E,EAAQ,KAAK;EAAE,IAAI,KAAK;EAAO,GAAG;EAAG,GAAG,IAAS;EAAK,MAAM;CAAO,CAAC,GACpE,EAAQ,KAAK;EAAE,IAAI,KAAK;EAAO,GAAG;EAAO,GAAG,IAAS;EAAK,MAAM;CAAQ,CAAC;CAE3E,OAAO;AACT;AAEA,SAAgB,EACd,GACA,GACA,IAAU,IACA;CACV,IAAM,IAAI,IAAI,EAAS;CAGvB,AAFA,EAAE,QAAQ,WACV,EAAE,UAAU,GACZ,EAAE,YAAY;CAEd,KAAK,IAAM,KAAK,GACd,EAAE,OAAO,EAAE,GAAG,EAAE,GAAA,CAAkB,CAAC,CAChC,KAAK;EAAE,OAAO;EAAU,OAAO;CAAI,CAAC;CAIzC,OADA,EAAO,SAAS,CAAC,GACV;AACT;AAEA,SAAgB,EACd,GACA,GACM;CACN,EAAE,MAAM;CACR,KAAK,IAAM,KAAK,GACd,EAAE,OAAO,EAAE,GAAG,EAAE,GAAA,CAAkB,CAAC,CAChC,KAAK;EAAE,OAAO;EAAU,OAAO;CAAI,CAAC;AAE3C;AAKA,SAAgB,EACd,GACA,GAC0B;CAC1B,IAAM,IAAM,EAAK,KAAK,YAAY,GAC5B,IAAK,EAAK,SAAS,GAAG,IAAK,EAAK,SAAS;CAC/C,IAAI,MAAQ,GAAG,OAAO;EAAE,GAAG,IAAK,EAAE;EAAG,GAAG,IAAK,EAAE;CAAE;CACjD,IAAM,IAAO,IAAM,KAAK,KAAM,KACxB,IAAK,EAAK,QAAQ,GAAG,IAAK,EAAK,SAAS,GACxC,IAAK,EAAE,IAAI,GAAI,IAAK,EAAE,IAAI,GAC1B,IAAM,KAAK,IAAI,CAAG,GAAG,IAAM,KAAK,IAAI,CAAG;CAC7C,OAAO;EACL,GAAG,IAAK,IAAK,IAAK,IAAM,IAAK;EAC7B,GAAG,IAAK,IAAK,IAAK,IAAM,IAAK;CAC/B;AACF;AAGA,SAAgB,EACd,GACA,GACA,GACA,GACA,GACA,IAAY,IACM;CAClB,IAAI,IAAyB,MACzB,IAAW;CACf,KAAK,IAAM,KAAK,GAAS;EACvB,IAAM,IAAM,IAAQ,EAAE,IAAK,GACrB,IAAM,IAAQ,EAAE,IAAK,GACrB,IAAO,KAAK,KAAK,IAAK,IAAK,IAAK,CAAE;EACxC,AAAI,IAAO,MACT,IAAW,GACX,IAAO;CAEX;CACA,OAAO;AACT;AAKA,SAAgB,EACd,GACA,GACA,GACA,GACA,IAAY,IACM;CAElB,KADY,EAAK,KAAK,YAAY,OACtB,GACV,OAAO,EAAkB,GAAS,EAAK,SAAS,GAAG,EAAK,SAAS,GAAG,GAAQ,GAAQ,CAAS;CAE/F,IAAI,IAAyB,MACzB,IAAW;CACf,KAAK,IAAM,KAAK,GAAS;EACvB,IAAM,IAAK,EAAe,GAAG,CAAI,GAC3B,IAAK,EAAG,IAAI,GAAQ,IAAK,EAAG,IAAI,GAChC,IAAO,KAAK,KAAK,IAAK,IAAK,IAAK,CAAE;EACxC,AAAI,IAAO,MAAY,IAAW,GAAM,IAAO;CACjD;CACA,OAAO;AACT"}