dishui 0.0.65 → 0.0.67

package/dist/components/pro/Flow/panels/PresentationMode.js

@@ -1,143 +1,140 @@
-import { useFlowContext as I } from "../context/FlowContext.js";
-import { useFlowUI as M } from "../context/FlowUIContext.js";
-import { anchorFocusRect as L, canvasStackTo as S, getDocumentSlides as U } from "../nodes/animAnchors.js";
-import { useCallback as v, useEffect as D, useMemo as j, useRef as N, useState as K } from "react";
-import { jsx as i, jsxs as m } from "react/jsx-runtime";
-function G() {
-  const { doc: u, setDoc: k, currentCanvasId: y } = I(), { presentation: r, setPresentation: l, focusOnRect: b } = M(), x = N(null), p = j(() => U(u), [u]), s = p.length, a = r !== null, e = r?.current ?? 0, [C, g] = K(null), A = N(u);
-  A.current = u;
-  const d = v(() => {
-    l(null), document.fullscreenElement && document.exitFullscreen().catch(() => {
-    });
-  }, [l]), R = v(() => {
-    const n = x.current?.closest(".flow-container");
-    n && !document.fullscreenElement && n.requestFullscreen().catch(() => {
-    });
-  }, []), o = v((n) => {
-    if (s === 0) return;
-    const t = Math.max(0, Math.min(s - 1, n));
-    l({
-      current: t,
-      showAnchor: r?.showAnchor ?? !1
-    });
-    const c = p[t];
-    if (!c) return;
-    const f = A.current, h = S(f, c.canvasId), E = c.canvasId === y;
-    if (!E && h) {
-      const F = h.length > f.stack.length;
-      g(F ? "in" : "out"), k((P) => ({
-        ...P,
-        stack: h
-      })), window.setTimeout(() => g(null), 480);
-    }
-    const w = L(c.node);
-    window.setTimeout(() => b(w.x, w.y, w.w, w.h, {
-      padding: 8,
-      maxZoom: 4,
-      duration: 350
-    }), E ? 0 : 30);
-  }, [
-    p,
-    s,
-    r?.showAnchor,
-    l,
-    b,
-    y,
-    k
-  ]);
-  if (D(() => {
-    if (a && (R(), s > 0)) {
-      o(e);
-      const n = window.setTimeout(() => o(e), 180);
-      return () => window.clearTimeout(n);
-    }
-  }, [a]), D(() => {
-    if (!a) return;
-    const n = (t) => {
-      if (t.key === "Escape") {
-        t.preventDefault(), d();
-        return;
-      }
-      const c = [
-        "ArrowRight",
-        "ArrowDown",
-        "PageDown",
-        " "
-      ], f = [
-        "ArrowLeft",
-        "ArrowUp",
-        "PageUp"
-      ];
-      c.includes(t.key) ? (t.preventDefault(), t.key === " " && t.shiftKey ? o(e - 1) : o(e + 1)) : f.includes(t.key) && (t.preventDefault(), o(e - 1));
-    };
-    return window.addEventListener("keydown", n, !0), () => window.removeEventListener("keydown", n, !0);
-  }, [
-    a,
-    e,
-    o,
-    d
-  ]), !a) return null;
-  const T = C ? `flow-presentation--${C}` : "";
-  return /* @__PURE__ */ m("div", {
-    ref: x,
-    className: `flow-presentation ${T}`,
-    onClick: d,
-    children: [/* @__PURE__ */ i("div", {
-      className: "flow-presentation-slide-fx",
-      style: {
-        position: "absolute",
-        inset: 0,
-        pointerEvents: "none"
-      }
-    }), s === 0 ? /* @__PURE__ */ i("div", {
-      className: "flow-presentation-empty",
-      children: "画布中没有动画锚点，点击退出"
-    }) : /* @__PURE__ */ m("div", {
-      className: "flow-presentation-hud",
-      onClick: (n) => n.stopPropagation(),
-      children: [/* @__PURE__ */ m("span", {
-        className: "flow-presentation-counter",
-        children: [
-          e + 1,
-          " / ",
-          s
-        ]
-      }), /* @__PURE__ */ m("div", {
-        className: "flow-presentation-nav",
-        children: [
-          /* @__PURE__ */ i("button", {
-            type: "button",
-            onClick: () => o(e - 1),
-            disabled: e <= 0,
-            children: "‹ 上一张"
-          }),
-          /* @__PURE__ */ i("button", {
-            type: "button",
-            onClick: () => o(e + 1),
-            disabled: e >= s - 1,
-            children: "下一张 ›"
-          }),
-          /* @__PURE__ */ i("button", {
-            type: "button",
-            onClick: () => l({
-              current: e,
-              showAnchor: !(r?.showAnchor ?? !1)
-            }),
-            children: r?.showAnchor ? "隐藏锚点" : "显示锚点"
-          }),
-          /* @__PURE__ */ i("button", {
-            type: "button",
-            className: "flow-presentation-exit",
-            onClick: d,
-            children: "退出 Esc"
-          })
-        ]
-      })]
-    })]
-  });
+import { useFlowContext as e } from "../context/FlowContext.js";
+import { useFlowUI as t } from "../context/FlowUIContext.js";
+import { anchorFocusRect as n, canvasStackTo as r, getDocumentSlides as i } from "../nodes/animAnchors.js";
+import { useCallback as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/pro/Flow/panels/PresentationMode.tsx
+function f() {
+	let { doc: f, setDoc: p, currentCanvasId: m } = e(), { presentation: h, setPresentation: g, focusOnRect: _ } = t(), v = c(null), y = s(() => i(f), [f]), b = y.length, x = h !== null, S = h?.current ?? 0, [C, w] = l(null), T = c(f);
+	T.current = f;
+	let E = a(() => {
+		g(null), document.fullscreenElement && document.exitFullscreen().catch(() => {});
+	}, [g]), D = a(() => {
+		let e = v.current?.closest(".flow-container");
+		e && !document.fullscreenElement && e.requestFullscreen().catch(() => {});
+	}, []), O = a((e) => {
+		if (b === 0) return;
+		let t = Math.max(0, Math.min(b - 1, e));
+		g({
+			current: t,
+			showAnchor: h?.showAnchor ?? !1
+		});
+		let i = y[t];
+		if (!i) return;
+		let a = T.current, o = r(a, i.canvasId), s = i.canvasId === m;
+		if (!s && o) {
+			let e = o.length > a.stack.length;
+			w(e ? "in" : "out"), p((e) => ({
+				...e,
+				stack: o
+			})), window.setTimeout(() => w(null), 480);
+		}
+		let c = n(i.node);
+		window.setTimeout(() => _(c.x, c.y, c.w, c.h, {
+			padding: 8,
+			maxZoom: 4,
+			duration: 350
+		}), s ? 0 : 30);
+	}, [
+		y,
+		b,
+		h?.showAnchor,
+		g,
+		_,
+		m,
+		p
+	]);
+	if (o(() => {
+		if (x && (D(), b > 0)) {
+			O(S);
+			let e = window.setTimeout(() => O(S), 180);
+			return () => window.clearTimeout(e);
+		}
+	}, [x]), o(() => {
+		if (!x) return;
+		let e = (e) => {
+			if (e.key === "Escape") {
+				e.preventDefault(), E();
+				return;
+			}
+			[
+				"ArrowRight",
+				"ArrowDown",
+				"PageDown",
+				" "
+			].includes(e.key) ? (e.preventDefault(), e.key === " " && e.shiftKey ? O(S - 1) : O(S + 1)) : [
+				"ArrowLeft",
+				"ArrowUp",
+				"PageUp"
+			].includes(e.key) && (e.preventDefault(), O(S - 1));
+		};
+		return window.addEventListener("keydown", e, !0), () => window.removeEventListener("keydown", e, !0);
+	}, [
+		x,
+		S,
+		O,
+		E
+	]), !x) return null;
+	let k = C ? `flow-presentation--${C}` : "";
+	return /* @__PURE__ */ d("div", {
+		ref: v,
+		className: `flow-presentation ${k}`,
+		onClick: E,
+		children: [/* @__PURE__ */ u("div", {
+			className: "flow-presentation-slide-fx",
+			style: {
+				position: "absolute",
+				inset: 0,
+				pointerEvents: "none"
+			}
+		}), b === 0 ? /* @__PURE__ */ u("div", {
+			className: "flow-presentation-empty",
+			children: "画布中没有动画锚点，点击退出"
+		}) : /* @__PURE__ */ d("div", {
+			className: "flow-presentation-hud",
+			onClick: (e) => e.stopPropagation(),
+			children: [/* @__PURE__ */ d("span", {
+				className: "flow-presentation-counter",
+				children: [
+					S + 1,
+					" / ",
+					b
+				]
+			}), /* @__PURE__ */ d("div", {
+				className: "flow-presentation-nav",
+				children: [
+					/* @__PURE__ */ u("button", {
+						type: "button",
+						onClick: () => O(S - 1),
+						disabled: S <= 0,
+						children: "‹ 上一张"
+					}),
+					/* @__PURE__ */ u("button", {
+						type: "button",
+						onClick: () => O(S + 1),
+						disabled: S >= b - 1,
+						children: "下一张 ›"
+					}),
+					/* @__PURE__ */ u("button", {
+						type: "button",
+						onClick: () => g({
+							current: S,
+							showAnchor: !(h?.showAnchor ?? !1)
+						}),
+						children: h?.showAnchor ? "隐藏锚点" : "显示锚点"
+					}),
+					/* @__PURE__ */ u("button", {
+						type: "button",
+						className: "flow-presentation-exit",
+						onClick: E,
+						children: "退出 Esc"
+					})
+				]
+			})]
+		})]
+	});
 }
-export {
-  G as PresentationMode
-};
+//#endregion
+export { f as PresentationMode };
 
 //# sourceMappingURL=PresentationMode.js.map

package/dist/components/pro/Flow/panels/PresentationMode.js.map

@@ -1 +1 @@
-{"version":3,"file":"PresentationMode.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/PresentationMode.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport { useFlowUI } from '../context/FlowUIContext';\nimport { getDocumentSlides, anchorFocusRect, canvasStackTo } from '../nodes/animAnchors';\n\n/**\n * PPT-style presentation mode.\n *\n * While active the editor is read-only (all panels/toolbars are hidden) and the\n * viewport animates between animation anchors (slides). Anchors across the whole\n * document — including nested sub-canvases — share a single sequence, ordered by\n * stable creation index. Navigating to a slide on another canvas drills into or\n * out of that canvas before focusing the slide.\n *\n * Keys: →/↓/Space/PageDown = next, ←/↑/Shift+Space/PageUp = previous, Esc = exit.\n */\nexport function PresentationMode() {\n  const { doc, setDoc, currentCanvasId } = useFlowContext();\n  const { presentation, setPresentation, focusOnRect } = useFlowUI();\n  const overlayRef = useRef<HTMLDivElement>(null);\n\n  const slides = useMemo(() => getDocumentSlides(doc), [doc]);\n  const count = slides.length;\n  const active = presentation !== null;\n  const current = presentation?.current ?? 0;\n  const [transition, setTransition] = useState<'in' | 'out' | null>(null);\n\n  const docRef = useRef(doc);\n  docRef.current = doc;\n\n  const exit = useCallback(() => {\n    setPresentation(null);\n    if (document.fullscreenElement) void document.exitFullscreen().catch(() => {});\n  }, [setPresentation]);\n\n  const enterFullscreen = useCallback(() => {\n    const root = overlayRef.current?.closest('.flow-container') as HTMLElement | null;\n    if (root && !document.fullscreenElement) {\n      void root.requestFullscreen().catch(() => {});\n    }\n  }, []);\n\n  const goTo = useCallback(\n    (index: number) => {\n      if (count === 0) return;\n      const clamped = Math.max(0, Math.min(count - 1, index));\n      setPresentation({\n        current: clamped,\n        showAnchor: presentation?.showAnchor ?? false,\n      });\n      const slide = slides[clamped];\n      if (!slide) return;\n\n      const d = docRef.current;\n      const stack = canvasStackTo(d, slide.canvasId);\n\n      // Decide drill direction by comparing with the current stack top.\n      const onCurrentCanvas = slide.canvasId === currentCanvasId;\n      if (!onCurrentCanvas && stack) {\n        const deeper = stack.length > d.stack.length;\n        setTransition(deeper ? 'in' : 'out');\n        // Navigate the canvas stack to the slide's canvas.\n        setDoc((prev) => ({ ...prev, stack }));\n        // Clear the transition marker shortly after it starts.\n        window.setTimeout(() => setTransition(null), 480);\n      }\n\n      const r = anchorFocusRect(slide.node);\n      // Presentation uses the exact anchor frame with only a small screen-space\n      // inset. The zoom is recomputed for every slide and viewport size.\n      window.setTimeout(\n        () => focusOnRect(r.x, r.y, r.w, r.h, { padding: 8, maxZoom: 4, duration: 350 }),\n        onCurrentCanvas ? 0 : 30,\n      );\n    },\n    [slides, count, presentation?.showAnchor, setPresentation, focusOnRect, currentCanvasId, setDoc],\n  );\n\n  // Entering: use the full display area and snap to the first slide. Refit once\n  // fullscreen settles because the canvas dimensions change asynchronously.\n  useEffect(() => {\n    if (!active) return;\n    enterFullscreen();\n    if (count > 0) {\n      goTo(current);\n      const timer = window.setTimeout(() => goTo(current), 180);\n      return () => window.clearTimeout(timer);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [active]);\n\n\n\n  // Keyboard navigation (capture phase so arrows work over the canvas).\n  useEffect(() => {\n    if (!active) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        exit();\n        return;\n      }\n      const next = ['ArrowRight', 'ArrowDown', 'PageDown', ' '];\n      const prev = ['ArrowLeft', 'ArrowUp', 'PageUp'];\n      if (next.includes(e.key)) {\n        e.preventDefault();\n        if (e.key === ' ' && e.shiftKey) goTo(current - 1);\n        else goTo(current + 1);\n      } else if (prev.includes(e.key)) {\n        e.preventDefault();\n        goTo(current - 1);\n      }\n    };\n    window.addEventListener('keydown', onKey, true);\n    return () => window.removeEventListener('keydown', onKey, true);\n  }, [active, current, goTo, exit]);\n\n  if (!active) return null;\n\n  const cls = transition ? `flow-presentation--${transition}` : '';\n  return (\n    <div ref={overlayRef} className={`flow-presentation ${cls}`} onClick={exit}>\n      <div className=\"flow-presentation-slide-fx\" style={{ position: 'absolute', inset: 0, pointerEvents: 'none' }} />\n      {count === 0 ? (\n        <div className=\"flow-presentation-empty\">画布中没有动画锚点，点击退出</div>\n      ) : (\n        <div className=\"flow-presentation-hud\" onClick={(e) => e.stopPropagation()}>\n          <span className=\"flow-presentation-counter\">\n            {current + 1} / {count}\n          </span>\n          <div className=\"flow-presentation-nav\">\n            <button type=\"button\" onClick={() => goTo(current - 1)} disabled={current <= 0}>‹ 上一张</button>\n            <button type=\"button\" onClick={() => goTo(current + 1)} disabled={current >= count - 1}>下一张 ›</button>\n            <button\n              type=\"button\"\n              onClick={() => setPresentation({\n                current,\n                showAnchor: !(presentation?.showAnchor ?? false),\n              })}\n            >\n              {presentation?.showAnchor ? '隐藏锚点' : '显示锚点'}\n            </button>\n            <button type=\"button\" className=\"flow-presentation-exit\" onClick={exit}>退出 Esc</button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"PresentationMode.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/PresentationMode.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport { useFlowUI } from '../context/FlowUIContext';\nimport { getDocumentSlides, anchorFocusRect, canvasStackTo } from '../nodes/animAnchors';\n\n/**\n * PPT-style presentation mode.\n *\n * While active the editor is read-only (all panels/toolbars are hidden) and the\n * viewport animates between animation anchors (slides). Anchors across the whole\n * document — including nested sub-canvases — share a single sequence, ordered by\n * stable creation index. Navigating to a slide on another canvas drills into or\n * out of that canvas before focusing the slide.\n *\n * Keys: →/↓/Space/PageDown = next, ←/↑/Shift+Space/PageUp = previous, Esc = exit.\n */\nexport function PresentationMode() {\n  const { doc, setDoc, currentCanvasId } = useFlowContext();\n  const { presentation, setPresentation, focusOnRect } = useFlowUI();\n  const overlayRef = useRef<HTMLDivElement>(null);\n\n  const slides = useMemo(() => getDocumentSlides(doc), [doc]);\n  const count = slides.length;\n  const active = presentation !== null;\n  const current = presentation?.current ?? 0;\n  const [transition, setTransition] = useState<'in' | 'out' | null>(null);\n\n  const docRef = useRef(doc);\n  docRef.current = doc;\n\n  const exit = useCallback(() => {\n    setPresentation(null);\n    if (document.fullscreenElement) void document.exitFullscreen().catch(() => {});\n  }, [setPresentation]);\n\n  const enterFullscreen = useCallback(() => {\n    const root = overlayRef.current?.closest('.flow-container') as HTMLElement | null;\n    if (root && !document.fullscreenElement) {\n      void root.requestFullscreen().catch(() => {});\n    }\n  }, []);\n\n  const goTo = useCallback(\n    (index: number) => {\n      if (count === 0) return;\n      const clamped = Math.max(0, Math.min(count - 1, index));\n      setPresentation({\n        current: clamped,\n        showAnchor: presentation?.showAnchor ?? false,\n      });\n      const slide = slides[clamped];\n      if (!slide) return;\n\n      const d = docRef.current;\n      const stack = canvasStackTo(d, slide.canvasId);\n\n      // Decide drill direction by comparing with the current stack top.\n      const onCurrentCanvas = slide.canvasId === currentCanvasId;\n      if (!onCurrentCanvas && stack) {\n        const deeper = stack.length > d.stack.length;\n        setTransition(deeper ? 'in' : 'out');\n        // Navigate the canvas stack to the slide's canvas.\n        setDoc((prev) => ({ ...prev, stack }));\n        // Clear the transition marker shortly after it starts.\n        window.setTimeout(() => setTransition(null), 480);\n      }\n\n      const r = anchorFocusRect(slide.node);\n      // Presentation uses the exact anchor frame with only a small screen-space\n      // inset. The zoom is recomputed for every slide and viewport size.\n      window.setTimeout(\n        () => focusOnRect(r.x, r.y, r.w, r.h, { padding: 8, maxZoom: 4, duration: 350 }),\n        onCurrentCanvas ? 0 : 30,\n      );\n    },\n    [slides, count, presentation?.showAnchor, setPresentation, focusOnRect, currentCanvasId, setDoc],\n  );\n\n  // Entering: use the full display area and snap to the first slide. Refit once\n  // fullscreen settles because the canvas dimensions change asynchronously.\n  useEffect(() => {\n    if (!active) return;\n    enterFullscreen();\n    if (count > 0) {\n      goTo(current);\n      const timer = window.setTimeout(() => goTo(current), 180);\n      return () => window.clearTimeout(timer);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [active]);\n\n\n\n  // Keyboard navigation (capture phase so arrows work over the canvas).\n  useEffect(() => {\n    if (!active) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        exit();\n        return;\n      }\n      const next = ['ArrowRight', 'ArrowDown', 'PageDown', ' '];\n      const prev = ['ArrowLeft', 'ArrowUp', 'PageUp'];\n      if (next.includes(e.key)) {\n        e.preventDefault();\n        if (e.key === ' ' && e.shiftKey) goTo(current - 1);\n        else goTo(current + 1);\n      } else if (prev.includes(e.key)) {\n        e.preventDefault();\n        goTo(current - 1);\n      }\n    };\n    window.addEventListener('keydown', onKey, true);\n    return () => window.removeEventListener('keydown', onKey, true);\n  }, [active, current, goTo, exit]);\n\n  if (!active) return null;\n\n  const cls = transition ? `flow-presentation--${transition}` : '';\n  return (\n    <div ref={overlayRef} className={`flow-presentation ${cls}`} onClick={exit}>\n      <div className=\"flow-presentation-slide-fx\" style={{ position: 'absolute', inset: 0, pointerEvents: 'none' }} />\n      {count === 0 ? (\n        <div className=\"flow-presentation-empty\">画布中没有动画锚点，点击退出</div>\n      ) : (\n        <div className=\"flow-presentation-hud\" onClick={(e) => e.stopPropagation()}>\n          <span className=\"flow-presentation-counter\">\n            {current + 1} / {count}\n          </span>\n          <div className=\"flow-presentation-nav\">\n            <button type=\"button\" onClick={() => goTo(current - 1)} disabled={current <= 0}>‹ 上一张</button>\n            <button type=\"button\" onClick={() => goTo(current + 1)} disabled={current >= count - 1}>下一张 ›</button>\n            <button\n              type=\"button\"\n              onClick={() => setPresentation({\n                current,\n                showAnchor: !(presentation?.showAnchor ?? false),\n              })}\n            >\n              {presentation?.showAnchor ? '隐藏锚点' : '显示锚点'}\n            </button>\n            <button type=\"button\" className=\"flow-presentation-exit\" onClick={exit}>退出 Esc</button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/pro/Flow/panels/ProjectTitle.js

@@ -1,49 +1,49 @@
-import { useFlowContext as m } from "../context/FlowContext.js";
-import { useEffect as r, useRef as v, useState as f } from "react";
-import { jsx as a } from "react/jsx-runtime";
-var D = "未命名流程图";
-function h() {
-  const { doc: l, setDoc: u } = m(), [e, o] = f(!1), [n, i] = f(l.title ?? ""), c = v(null);
-  r(() => {
-    e || i(l.title ?? "");
-  }, [l.title, e]), r(() => {
-    if (e) {
-      const t = c.current;
-      t?.focus(), t?.select();
-    }
-  }, [e]);
-  const s = () => {
-    const t = n.trim();
-    o(!1), u((d) => ({
-      ...d,
-      title: t || void 0
-    }));
-  }, p = () => {
-    i(l.title ?? ""), o(!1);
-  };
-  return /* @__PURE__ */ a("div", {
-    className: "flow-project-title",
-    title: "双击编辑标题",
-    children: /* @__PURE__ */ a("input", {
-      ref: c,
-      className: `flow-project-title-input${e ? " flow-project-title-input--editing" : ""}`,
-      value: e ? n : l.title ?? "",
-      placeholder: D,
-      readOnly: !e,
-      onDoubleClick: () => o(!0),
-      onChange: (t) => i(t.target.value),
-      onBlur: () => {
-        e && s();
-      },
-      onKeyDown: (t) => {
-        t.key === "Enter" ? (t.preventDefault(), s()) : t.key === "Escape" && (t.preventDefault(), p());
-      },
-      spellCheck: !1
-    })
-  });
+import { useFlowContext as e } from "../context/FlowContext.js";
+import { useEffect as t, useRef as n, useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/pro/Flow/panels/ProjectTitle.tsx
+var a = "未命名流程图";
+function o() {
+	let { doc: o, setDoc: s } = e(), [c, l] = r(!1), [u, d] = r(o.title ?? ""), f = n(null);
+	t(() => {
+		c || d(o.title ?? "");
+	}, [o.title, c]), t(() => {
+		if (c) {
+			let e = f.current;
+			e?.focus(), e?.select();
+		}
+	}, [c]);
+	let p = () => {
+		let e = u.trim();
+		l(!1), s((t) => ({
+			...t,
+			title: e || void 0
+		}));
+	}, m = () => {
+		d(o.title ?? ""), l(!1);
+	};
+	return /* @__PURE__ */ i("div", {
+		className: "flow-project-title",
+		title: "双击编辑标题",
+		children: /* @__PURE__ */ i("input", {
+			ref: f,
+			className: `flow-project-title-input${c ? " flow-project-title-input--editing" : ""}`,
+			value: c ? u : o.title ?? "",
+			placeholder: a,
+			readOnly: !c,
+			onDoubleClick: () => l(!0),
+			onChange: (e) => d(e.target.value),
+			onBlur: () => {
+				c && p();
+			},
+			onKeyDown: (e) => {
+				e.key === "Enter" ? (e.preventDefault(), p()) : e.key === "Escape" && (e.preventDefault(), m());
+			},
+			spellCheck: !1
+		})
+	});
 }
-export {
-  h as default
-};
+//#endregion
+export { o as default };
 
 //# sourceMappingURL=ProjectTitle.js.map

package/dist/components/pro/Flow/panels/ProjectTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectTitle.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/ProjectTitle.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\n\nconst DEFAULT_TITLE = '未命名流程图';\n\n/**\n * Editable project title shown in the top-left. Renders as plain-looking text\n * (a borderless input) and only becomes editable on double-click, committing on\n * blur or Enter and reverting on Escape. The title is stored on the document\n * and used as the base filename for all exports.\n */\nexport default function ProjectTitle() {\n  const { doc, setDoc } = useFlowContext();\n  const [editing, setEditing] = useState(false);\n  const [draft, setDraft] = useState(doc.title ?? '');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // Keep the draft in sync when the document title changes externally\n  // (import / undo / new document) while not actively editing.\n  useEffect(() => {\n    if (!editing) setDraft(doc.title ?? '');\n  }, [doc.title, editing]);\n\n  useEffect(() => {\n    if (editing) {\n      const el = inputRef.current;\n      el?.focus();\n      el?.select();\n    }\n  }, [editing]);\n\n  const commit = () => {\n    const next = draft.trim();\n    setEditing(false);\n    setDoc((prev) => ({ ...prev, title: next || undefined }));\n  };\n\n  const cancel = () => {\n    setDraft(doc.title ?? '');\n    setEditing(false);\n  };\n\n  return (\n    <div className=\"flow-project-title\" title=\"双击编辑标题\">\n      <input\n        ref={inputRef}\n        className={`flow-project-title-input${editing ? ' flow-project-title-input--editing' : ''}`}\n        value={editing ? draft : (doc.title ?? '')}\n        placeholder={DEFAULT_TITLE}\n        readOnly={!editing}\n        onDoubleClick={() => setEditing(true)}\n        onChange={(e) => setDraft(e.target.value)}\n        onBlur={() => { if (editing) commit(); }}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') { e.preventDefault(); commit(); }\n          else if (e.key === 'Escape') { e.preventDefault(); cancel(); }\n        }}\n        spellCheck={false}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;AAGA,IAAM,IAAgB;AAQtB,SAAwB,IAAe;AACrC,QAAM,EAAE,KAAA,GAAK,QAAA,EAAA,IAAW,EAAe,GACjC,CAAC,GAAS,CAAA,IAAc,EAAS,EAAK,GACtC,CAAC,GAAO,CAAA,IAAY,EAAS,EAAI,SAAS,EAAE,GAC5C,IAAW,EAAyB,IAAI;AAI9C,EAAA,EAAA,MAAgB;AACd,IAAK,KAAS,EAAS,EAAI,SAAS,EAAE;AAAA,EACxC,GAAG,CAAC,EAAI,OAAO,CAAO,CAAC,GAEvB,EAAA,MAAgB;AACd,QAAI,GAAS;AACX,YAAM,IAAK,EAAS;AACpB,MAAA,GAAI,MAAM,GACV,GAAI,OAAO;AAAA,IACb;AAAA,EACF,GAAG,CAAC,CAAO,CAAC;AAEZ,QAAM,IAAA,MAAe;AACnB,UAAM,IAAO,EAAM,KAAK;AACxB,IAAA,EAAW,EAAK,GAChB,EAAA,CAAQ,OAAU;AAAA,MAAE,GAAG;AAAA,MAAM,OAAO,KAAQ;AAAA,IAAU,EAAE;AAAA,EAC1D,GAEM,IAAA,MAAe;AACnB,IAAA,EAAS,EAAI,SAAS,EAAE,GACxB,EAAW,EAAK;AAAA,EAClB;AAEA,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,IAAqB,OAAM;AAAA,IACxC,UAAA,gBAAA,EAAC,SAAD;AAAA,MACE,KAAK;AAAA,MACL,WAAW,2BAA2B,IAAU,uCAAuC,EAAA;AAAA,MACvF,OAAO,IAAU,IAAS,EAAI,SAAS;AAAA,MACvC,aAAa;AAAA,MACb,UAAU,CAAC;AAAA,MACX,eAAA,MAAqB,EAAW,EAAI;AAAA,MACpC,UAAA,CAAW,MAAM,EAAS,EAAE,OAAO,KAAK;AAAA,MACxC,QAAA,MAAc;AAAE,QAAI,KAAS,EAAO;AAAA,MAAG;AAAA,MACvC,WAAA,CAAY,MAAM;AAChB,QAAI,EAAE,QAAQ,WAAW,EAAE,eAAe,GAAG,EAAO,KAC3C,EAAE,QAAQ,aAAY,EAAE,eAAe,GAAG,EAAO;AAAA,MAC5D;AAAA,MACA,YAAY;AAAA,IACb,CAAA;AAAA,EACE,CAAA;AAET"}
+{"version":3,"file":"ProjectTitle.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/ProjectTitle.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\n\nconst DEFAULT_TITLE = '未命名流程图';\n\n/**\n * Editable project title shown in the top-left. Renders as plain-looking text\n * (a borderless input) and only becomes editable on double-click, committing on\n * blur or Enter and reverting on Escape. The title is stored on the document\n * and used as the base filename for all exports.\n */\nexport default function ProjectTitle() {\n  const { doc, setDoc } = useFlowContext();\n  const [editing, setEditing] = useState(false);\n  const [draft, setDraft] = useState(doc.title ?? '');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // Keep the draft in sync when the document title changes externally\n  // (import / undo / new document) while not actively editing.\n  useEffect(() => {\n    if (!editing) setDraft(doc.title ?? '');\n  }, [doc.title, editing]);\n\n  useEffect(() => {\n    if (editing) {\n      const el = inputRef.current;\n      el?.focus();\n      el?.select();\n    }\n  }, [editing]);\n\n  const commit = () => {\n    const next = draft.trim();\n    setEditing(false);\n    setDoc((prev) => ({ ...prev, title: next || undefined }));\n  };\n\n  const cancel = () => {\n    setDraft(doc.title ?? '');\n    setEditing(false);\n  };\n\n  return (\n    <div className=\"flow-project-title\" title=\"双击编辑标题\">\n      <input\n        ref={inputRef}\n        className={`flow-project-title-input${editing ? ' flow-project-title-input--editing' : ''}`}\n        value={editing ? draft : (doc.title ?? '')}\n        placeholder={DEFAULT_TITLE}\n        readOnly={!editing}\n        onDoubleClick={() => setEditing(true)}\n        onChange={(e) => setDraft(e.target.value)}\n        onBlur={() => { if (editing) commit(); }}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') { e.preventDefault(); commit(); }\n          else if (e.key === 'Escape') { e.preventDefault(); cancel(); }\n        }}\n        spellCheck={false}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;AAGA,IAAM,IAAgB;AAQtB,SAAwB,IAAe;CACrC,IAAM,EAAE,QAAK,cAAW,EAAe,GACjC,CAAC,GAAS,KAAc,EAAS,EAAK,GACtC,CAAC,GAAO,KAAY,EAAS,EAAI,SAAS,EAAE,GAC5C,IAAW,EAAyB,IAAI;CAQ9C,AAJA,QAAgB;EACd,AAAK,KAAS,EAAS,EAAI,SAAS,EAAE;CACxC,GAAG,CAAC,EAAI,OAAO,CAAO,CAAC,GAEvB,QAAgB;EACd,IAAI,GAAS;GACX,IAAM,IAAK,EAAS;GAEpB,AADA,GAAI,MAAM,GACV,GAAI,OAAO;EACb;CACF,GAAG,CAAC,CAAO,CAAC;CAEZ,IAAM,UAAe;EACnB,IAAM,IAAO,EAAM,KAAK;EAExB,AADA,EAAW,EAAK,GAChB,GAAQ,OAAU;GAAE,GAAG;GAAM,OAAO,KAAQ,KAAA;EAAU,EAAE;CAC1D,GAEM,UAAe;EAEnB,AADA,EAAS,EAAI,SAAS,EAAE,GACxB,EAAW,EAAK;CAClB;CAEA,OACE,kBAAC,OAAD;EAAK,WAAU;EAAqB,OAAM;EACxC,UAAA,kBAAC,SAAD;GACE,KAAK;GACL,WAAW,2BAA2B,IAAU,uCAAuC;GACvF,OAAO,IAAU,IAAS,EAAI,SAAS;GACvC,aAAa;GACb,UAAU,CAAC;GACX,qBAAqB,EAAW,EAAI;GACpC,WAAW,MAAM,EAAS,EAAE,OAAO,KAAK;GACxC,cAAc;IAAE,AAAI,KAAS,EAAO;GAAG;GACvC,YAAY,MAAM;IAChB,AAAI,EAAE,QAAQ,WAAW,EAAE,eAAe,GAAG,EAAO,KAC3C,EAAE,QAAQ,aAAY,EAAE,eAAe,GAAG,EAAO;GAC5D;GACA,YAAY;EACb,CAAA;CACE,CAAA;AAET"}