@arronqzy/vue-blueprint 0.1.0 → 0.1.2

package/src/graph/node-summary.ts

@@ -1,9 +1,9 @@
-import {
-  PAGE_LIFECYCLE_LABELS,
-  resolveFetchRequestUrl,
-} from "@arronqzy/blueprint-dsl";
+import { resolveFetchRequestUrl } from "@arronqzy/blueprint-dsl";
+import type { TranslateFn } from "@arronqzy/i18n";
+import { resolveLocale, tForLocale } from "@arronqzy/i18n";
 
 import {
+  getLifecyclePhaseLabel,
   resolveBlueprintConfigSource,
   resolveNodeClockConfig,
   resolveNodeFetchConfig,
@@ -19,21 +19,26 @@ function truncate(text: string, max: number): string {
   return `${trimmed.slice(0, Math.max(0, max - 1))}…`;
 }
 
+function defaultTranslate(): TranslateFn {
+  return tForLocale(resolveLocale());
+}
+
 /** 画布节点正文区展示的配置摘要 */
 export function resolveBlueprintNodeSummary(
-  data: BlueprintFlowNodeData
+  data: BlueprintFlowNodeData,
+  t: TranslateFn = defaultTranslate()
 ): string | undefined {
   const configSource = resolveBlueprintConfigSource(data);
 
   switch (configSource) {
     case "fetch": {
       const config = resolveNodeFetchConfig(data);
-      if (!config.url?.trim()) return "未配置 URL";
+      if (!config.url?.trim()) return t("blueprint.node.summaryNoUrl");
       let url = config.url.trim();
       try {
         url = resolveFetchRequestUrl(config);
       } catch {
-        /* 保留原始输入 */
+        /* keep raw input */
       }
       const method = config.method ?? "GET";
       return truncate(`${method} ${url}`, 44);
@@ -41,20 +46,26 @@ export function resolveBlueprintNodeSummary(
     case "clock": {
       const clock = resolveNodeClockConfig(data);
       const parts = [
-        `${clock.outputCount} 次`,
-        clock.intervalSeconds > 0 ? `间隔 ${clock.intervalSeconds}s` : null,
-        clock.emitImmediately ? "立即首发" : "延迟首发",
+        t("blueprint.node.summaryOutputCount", { count: clock.outputCount }),
+        clock.intervalSeconds > 0
+          ? t("blueprint.node.summaryInterval", {
+              seconds: clock.intervalSeconds,
+            })
+          : null,
+        clock.emitImmediately
+          ? t("blueprint.node.summaryEmitImmediate")
+          : t("blueprint.node.summaryEmitDelayed"),
       ].filter(Boolean);
       return parts.join(" · ");
     }
     case "json": {
       const json = resolveNodeJsonConfig(data).jsonString?.trim();
-      if (!json) return "空 JSON";
+      if (!json) return t("blueprint.node.summaryEmptyJson");
       return truncate(json.replace(/\s+/g, " "), 44);
     }
     case "logic": {
       const code = resolveNodeLogicConfig(data).sourceCode?.trim();
-      if (!code) return "未配置脚本";
+      if (!code) return t("blueprint.node.summaryNoScript");
       const firstLine =
         code.split("\n").find((line) => line.trim())?.trim() ?? code;
       return truncate(firstLine, 44);
@@ -66,22 +77,25 @@ export function resolveBlueprintNodeSummary(
       if (data.libraryBlueprintId) {
         return truncate(data.libraryBlueprintId, 44);
       }
-      return "未选择蓝图";
+      return t("blueprint.node.summaryNoBlueprint");
     }
     case "lifecycle": {
       const phase = data.lifecyclePhase ?? "mounted";
-      return PAGE_LIFECYCLE_LABELS[phase as keyof typeof PAGE_LIFECYCLE_LABELS] ?? phase;
+      return getLifecyclePhaseLabel(t, phase);
     }
     case "view": {
       const ids = resolveViewElementIds(data);
-      if (ids.length === 0) return "未关联视图节点";
+      if (ids.length === 0) return t("blueprint.node.summaryNoView");
       if (ids.length === 1) {
-        return truncate(`视图节点 ${ids[0]}`, 44);
+        return truncate(
+          t("blueprint.node.summaryViewOne", { id: ids[0] }),
+          44
+        );
       }
-      return `已关联 ${ids.length} 个视图节点`;
+      return t("blueprint.node.summaryViewMany", { count: ids.length });
     }
     case "and":
-      return "两路输入均为真时输出";
+      return t("blueprint.node.summaryAnd");
     default:
       return undefined;
   }

package/src/index.ts

@@ -19,7 +19,7 @@ export { default as BlueprintNodeSwitchTaskDialog } from "./components/Blueprint
 export type { BlueprintNodeSwitchTaskDialogProps } from "./components/BlueprintNodeSwitchTaskDialog.vue";
 export type { ExecutionLogSettings } from "./library/execution-log-settings";
 export type { ExecutionTraceEntry, ExecutionRunRecord } from "@arronqzy/blueprint-dsl";
-export { resolveBlueprintConfigSource, resolveBlueprintNodeTypeLabel } from "./graph/document";
+export { resolveBlueprintConfigSource, resolveBlueprintNodeTypeLabel, getBlueprintNodeTypeLabel, getLifecyclePhaseLabel, BLUEPRINT_CONFIG_TYPE_LABEL_KEYS, BLUEPRINT_LIFECYCLE_PHASE_KEYS } from "./graph/document";
 export type { BlueprintConfigSource } from "./graph/document";
 export * from "./library/blueprint-io";
 export * from "./library/blueprint-library-db";

package/src/library/blueprint-io.ts

@@ -8,6 +8,15 @@ import {
   type BlueprintLibrarySource,
   type BlueprintMetaDraft,
 } from "./types";
+import { resolveLocale, tForLocale } from "@arronqzy/i18n";
+
+function unnamedBlueprintName() {
+  return tForLocale(resolveLocale())("blueprint.dialog.unnamedBlueprint");
+}
+
+function importedBlueprintName() {
+  return tForLocale(resolveLocale())("blueprint.dialog.importedBlueprint");
+}
 
 export function createLibraryBlueprintId() {
   return createNodeId("lib_bp");
@@ -27,7 +36,7 @@ export function buildBlueprintExportPayload(
   return {
     kind: BLUEPRINT_EXPORT_KIND,
     version: BLUEPRINT_EXPORT_VERSION,
-    name: meta.name.trim() || "未命名蓝图",
+    name: meta.name.trim() || unnamedBlueprintName(),
     remark: meta.remark.trim() || undefined,
     exportedAt: Date.now(),
     document: {
@@ -51,7 +60,7 @@ export function parseBlueprintImportFile(raw: unknown): BlueprintExportPayload {
   return {
     kind: BLUEPRINT_EXPORT_KIND,
     version: BLUEPRINT_EXPORT_VERSION,
-    name: typeof data.name === "string" ? data.name : "导入的蓝图",
+    name: typeof data.name === "string" ? data.name : importedBlueprintName(),
     remark: typeof data.remark === "string" ? data.remark : undefined,
     exportedAt: typeof data.exportedAt === "number" ? data.exportedAt : Date.now(),
     document: data.document,
@@ -81,7 +90,7 @@ export function buildLibraryRecord(args: {
   createdAt?: number;
 }): BlueprintLibraryRecord {
   const now = Date.now();
-  const name = args.meta.name.trim() || "未命名蓝图";
+  const name = args.meta.name.trim() || unnamedBlueprintName();
   return {
     id: args.id ?? createLibraryBlueprintId(),
     name,

package/src/library/swagger-docs.ts

@@ -2,14 +2,20 @@ import {
   parseSwaggerDocument,
   type ParsedSwaggerDocument,
 } from "@arronqzy/blueprint-dsl";
+import { resolveLocale, tForLocale } from "@arronqzy/i18n";
+
+function t() {
+  return tForLocale(resolveLocale());
+}
 
 export async function loadSwaggerDocument(
   docsUrl: string,
   signal?: AbortSignal
 ): Promise<ParsedSwaggerDocument> {
+  const translate = t();
   const trimmed = docsUrl.trim();
   if (!trimmed) {
-    throw new Error("请输入 Swagger 文档 URL");
+    throw new Error(translate("blueprint.config.enterSwaggerUrl"));
   }
 
   if (signal?.aborted) {
@@ -28,7 +34,9 @@ export async function loadSwaggerDocument(
       throw new DOMException("Aborted", "AbortError");
     }
     throw new Error(
-      error instanceof Error ? error.message : "无法请求 Swagger 文档"
+      error instanceof Error
+        ? error.message
+        : translate("blueprint.config.cannotFetchSwagger")
     );
   }
 
@@ -37,19 +45,21 @@ export async function loadSwaggerDocument(
   }
 
   if (!response.ok) {
-    throw new Error(`Swagger 文档请求失败: HTTP ${response.status}`);
+    throw new Error(
+      translate("blueprint.config.swaggerHttpFailed", { status: response.status })
+    );
   }
 
   const contentType = response.headers.get("content-type") ?? "";
   if (contentType.includes("text/html")) {
-    throw new Error("返回内容为 HTML，请填写 OpenAPI/Swagger 的 JSON 地址");
+    throw new Error(translate("blueprint.config.swaggerHtmlReturned"));
   }
 
   let spec: unknown;
   try {
     spec = await response.json();
   } catch {
-    throw new Error("Swagger 文档不是有效的 JSON");
+    throw new Error(translate("blueprint.config.swaggerInvalidJson"));
   }
 
   return parseSwaggerDocument(spec, trimmed);

package/src/nodes/AndFlowNode.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useI18n } from "@arronqzy/i18n/vue";
 import { Handle, Position, type NodeProps } from "@vue-flow/core";
 import { resolveBlueprintNodeTypeLabel } from "../graph/document";
 import { resolveBlueprintNodeSummary } from "../graph/node-summary";
@@ -8,6 +9,8 @@ import type { BlueprintFlowNodeData } from "../types";
 import BlueprintNodeCard from "./BlueprintNodeCard.vue";
 import { cn } from "../utils/cn";
 
+const { t } = useI18n();
+
 const props = defineProps<NodeProps<BlueprintFlowNodeData>>();
 const onSelect = useBlueprintNodeSelect();
 const nodeData = props.data;
@@ -30,7 +33,7 @@ const executionTone = resolveBlueprintNodeExecutionTone(nodeData);
       id="inA"
       class="bp-flow-handle bp-flow-handle--target"
       :style="{ top: '35%' }"
-      title="输入 A（多连线为或）"
+      :title="t('blueprint.node.andInA')"
     />
     <Handle
       type="target"
@@ -38,13 +41,13 @@ const executionTone = resolveBlueprintNodeExecutionTone(nodeData);
       id="inB"
       class="bp-flow-handle bp-flow-handle--target"
       :style="{ top: '65%' }"
-      title="输入 B（多连线为或）"
+      :title="t('blueprint.node.andInB')"
     />
     <BlueprintNodeCard
       :node-id="props.id"
       :label="nodeData.label"
-      :meta="resolveBlueprintNodeTypeLabel(nodeData)"
-      :subtitle="resolveBlueprintNodeSummary(nodeData)"
+      :meta="resolveBlueprintNodeTypeLabel(nodeData, t)"
+      :subtitle="resolveBlueprintNodeSummary(nodeData, t)"
       variant="and"
       :selected="Boolean(nodeData.isSelected)"
       @select="onSelect"
@@ -54,7 +57,7 @@ const executionTone = resolveBlueprintNodeExecutionTone(nodeData);
       :position="Position.Right"
       id="out"
       class="bp-flow-handle bp-flow-handle--source"
-      title="两路均为真时输出真信号"
+      :title="t('blueprint.node.andOut')"
     />
   </div>
 </template>

package/src/nodes/BlueprintFlowNode.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useI18n } from "@arronqzy/i18n/vue";
 import type { NodeProps } from "@vue-flow/core";
 import { resolveBlueprintNodeTypeLabel } from "../graph/document";
 import { resolveBlueprintNodeSummary } from "../graph/node-summary";
@@ -7,6 +8,8 @@ import { resolveBlueprintNodeExecutionTone } from "../runtime/execution-overlay"
 import type { BlueprintFlowNodeData } from "../types";
 import BlueprintNodeShell from "./BlueprintNodeShell.vue";
 
+const { t } = useI18n();
+
 const props = defineProps<NodeProps<BlueprintFlowNodeData>>();
 const onSelect = useBlueprintNodeSelect();
 const nodeData = props.data;
@@ -16,8 +19,8 @@ const nodeData = props.data;
   <BlueprintNodeShell
     :node-id="props.id"
     :label="nodeData.label"
-    :meta="resolveBlueprintNodeTypeLabel(nodeData)"
-    :subtitle="resolveBlueprintNodeSummary(nodeData)"
+    :meta="resolveBlueprintNodeTypeLabel(nodeData, t)"
+    :subtitle="resolveBlueprintNodeSummary(nodeData, t)"
     variant="blueprint"
     :selected="Boolean(nodeData.isSelected)"
     :execution-tone="resolveBlueprintNodeExecutionTone(nodeData)"

package/src/nodes/BlueprintNodeCard.vue

@@ -1,6 +1,9 @@
 <script setup lang="ts">
+import { useI18n } from "@arronqzy/i18n/vue";
 import { cn } from "../utils/cn";
 
+const { t } = useI18n();
+
 export type BlueprintNodeCardProps = {
   nodeId: string;
   label: string;
@@ -80,7 +83,7 @@ const v = variantStyle[props.variant];
   >
     <div
       class="bp-flow-drag-handle flex cursor-grab items-center gap-2 border-b border-border/50 px-2 py-1.5 bg-muted/25 text-muted-foreground active:cursor-grabbing"
-      title="拖拽移动"
+      :title="t('blueprint.node.dragToMove')"
     >
       <div class="flex shrink-0 flex-col gap-[3px] opacity-35" aria-hidden="true">
         <span class="flex gap-[3px]">
@@ -137,7 +140,7 @@ const v = variantStyle[props.variant];
                 v.badge
               )
             "
-            title="已发送信号次数"
+            :title="t('blueprint.node.signalSentCount')"
           >
             {{ progressLabel }}
           </span>

package/src/nodes/BlueprintNodeShell.vue

@@ -1,9 +1,12 @@
 <script setup lang="ts">
+import { useI18n } from "@arronqzy/i18n/vue";
 import { Handle, Position } from "@vue-flow/core";
 import BlueprintNodeCard, { type BlueprintNodeCardProps } from "./BlueprintNodeCard.vue";
 import type { BlueprintNodeExecutionTone } from "../runtime/execution-overlay";
 import { cn } from "../utils/cn";
 
+const { t } = useI18n();
+
 export type BlueprintNodeShellProps = BlueprintNodeCardProps & {
   selected?: boolean;
   executionTone?: BlueprintNodeExecutionTone | null;
@@ -46,7 +49,7 @@ const emit = defineEmits<{
       :position="Position.Left"
       id="in"
       class="bp-flow-handle bp-flow-handle--target"
-      title="真/假信号输入"
+      :title="t('blueprint.node.signalIn')"
     />
     <BlueprintNodeCard
       :node-id="nodeId"
@@ -64,7 +67,7 @@ const emit = defineEmits<{
       :position="Position.Right"
       id="out"
       class="bp-flow-handle bp-flow-handle--source"
-      title="真/假信号输出"
+      :title="t('blueprint.node.signalOut')"
     />
   </div>
 </template>

package/src/nodes/ClockFlowNode.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useI18n } from "@arronqzy/i18n/vue";
 import type { NodeProps } from "@vue-flow/core";
 import { computed } from "vue";
 import { resolveBlueprintNodeTypeLabel } from "../graph/document";
@@ -13,6 +14,8 @@ import type { BlueprintFlowNodeData } from "../types";
 import BlueprintNodeShell from "./BlueprintNodeShell.vue";
 import { cn } from "../utils/cn";
 
+const { t } = useI18n();
+
 const props = defineProps<NodeProps<BlueprintFlowNodeData>>();
 const onSelect = useBlueprintNodeSelect();
 const onAbortClock = useBlueprintClockAbort();
@@ -30,8 +33,8 @@ const progressLabel = computed(() => {
     <BlueprintNodeShell
       :node-id="props.id"
       :label="nodeData.label"
-      :meta="resolveBlueprintNodeTypeLabel(nodeData)"
-      :subtitle="resolveBlueprintNodeSummary(nodeData)"
+      :meta="resolveBlueprintNodeTypeLabel(nodeData, t)"
+      :subtitle="resolveBlueprintNodeSummary(nodeData, t)"
       :progress-label="progressLabel"
       variant="clock"
       :selected="Boolean(nodeData.isSelected)"
@@ -48,7 +51,7 @@ const progressLabel = computed(() => {
           'hover:bg-rose-500/25 dark:text-rose-300'
         )
       "
-      title="中止时钟：停止剩余次数与正在执行的下游任务"
+      :title="t('blueprint.node.abortClock')"
       @pointerdown.stop
       @click.stop="onAbortClock(props.id)"
     >

package/src/nodes/FetchFlowNode.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useI18n } from "@arronqzy/i18n/vue";
 import type { NodeProps } from "@vue-flow/core";
 import { resolveBlueprintNodeTypeLabel } from "../graph/document";
 import { resolveBlueprintNodeSummary } from "../graph/node-summary";
@@ -7,6 +8,8 @@ import { resolveBlueprintNodeExecutionTone } from "../runtime/execution-overlay"
 import type { BlueprintFlowNodeData } from "../types";
 import BlueprintNodeShell from "./BlueprintNodeShell.vue";
 
+const { t } = useI18n();
+
 const props = defineProps<NodeProps<BlueprintFlowNodeData>>();
 const onSelect = useBlueprintNodeSelect();
 const nodeData = props.data;
@@ -16,8 +19,8 @@ const nodeData = props.data;
   <BlueprintNodeShell
     :node-id="props.id"
     :label="nodeData.label"
-    :meta="resolveBlueprintNodeTypeLabel(nodeData)"
-    :subtitle="resolveBlueprintNodeSummary(nodeData)"
+    :meta="resolveBlueprintNodeTypeLabel(nodeData, t)"
+    :subtitle="resolveBlueprintNodeSummary(nodeData, t)"
     variant="fetch"
     :selected="Boolean(nodeData.isSelected)"
     :execution-tone="resolveBlueprintNodeExecutionTone(nodeData)"

package/src/nodes/JsonFlowNode.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useI18n } from "@arronqzy/i18n/vue";
 import type { NodeProps } from "@vue-flow/core";
 import { resolveBlueprintNodeTypeLabel } from "../graph/document";
 import { resolveBlueprintNodeSummary } from "../graph/node-summary";
@@ -7,6 +8,8 @@ import { resolveBlueprintNodeExecutionTone } from "../runtime/execution-overlay"
 import type { BlueprintFlowNodeData } from "../types";
 import BlueprintNodeShell from "./BlueprintNodeShell.vue";
 
+const { t } = useI18n();
+
 const props = defineProps<NodeProps<BlueprintFlowNodeData>>();
 const onSelect = useBlueprintNodeSelect();
 const nodeData = props.data;
@@ -16,8 +19,8 @@ const nodeData = props.data;
   <BlueprintNodeShell
     :node-id="props.id"
     :label="nodeData.label"
-    :meta="resolveBlueprintNodeTypeLabel(nodeData)"
-    :subtitle="resolveBlueprintNodeSummary(nodeData)"
+    :meta="resolveBlueprintNodeTypeLabel(nodeData, t)"
+    :subtitle="resolveBlueprintNodeSummary(nodeData, t)"
     variant="json"
     :selected="Boolean(nodeData.isSelected)"
     :execution-tone="resolveBlueprintNodeExecutionTone(nodeData)"

package/src/nodes/LifecycleFlowNode.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useI18n } from "@arronqzy/i18n/vue";
 import { Handle, Position, type NodeProps } from "@vue-flow/core";
 import { resolveBlueprintNodeTypeLabel } from "../graph/document";
 import { resolveBlueprintNodeSummary } from "../graph/node-summary";
@@ -8,6 +9,8 @@ import type { BlueprintFlowNodeData } from "../types";
 import BlueprintNodeCard from "./BlueprintNodeCard.vue";
 import { cn } from "../utils/cn";
 
+const { t } = useI18n();
+
 const props = defineProps<NodeProps<BlueprintFlowNodeData>>();
 const onSelect = useBlueprintNodeSelect();
 const nodeData = props.data;
@@ -27,8 +30,8 @@ const executionTone = resolveBlueprintNodeExecutionTone(nodeData);
     <BlueprintNodeCard
       :node-id="props.id"
       :label="nodeData.label"
-      :meta="resolveBlueprintNodeTypeLabel(nodeData)"
-      :subtitle="resolveBlueprintNodeSummary(nodeData)"
+      :meta="resolveBlueprintNodeTypeLabel(nodeData, t)"
+      :subtitle="resolveBlueprintNodeSummary(nodeData, t)"
       variant="lifecycle"
       :selected="Boolean(nodeData.isSelected)"
       hide-leading-dot
@@ -39,7 +42,7 @@ const executionTone = resolveBlueprintNodeExecutionTone(nodeData);
       :position="Position.Right"
       id="out"
       class="bp-flow-handle bp-flow-handle--source"
-      title="生命周期满足时输出真/假信号"
+      :title="t('blueprint.node.lifecycleOut')"
     />
   </div>
 </template>

package/src/nodes/LogicFlowNode.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useI18n } from "@arronqzy/i18n/vue";
 import type { NodeProps } from "@vue-flow/core";
 import { resolveBlueprintNodeTypeLabel } from "../graph/document";
 import { resolveBlueprintNodeSummary } from "../graph/node-summary";
@@ -7,6 +8,8 @@ import { resolveBlueprintNodeExecutionTone } from "../runtime/execution-overlay"
 import type { BlueprintFlowNodeData } from "../types";
 import BlueprintNodeShell from "./BlueprintNodeShell.vue";
 
+const { t } = useI18n();
+
 const props = defineProps<NodeProps<BlueprintFlowNodeData>>();
 const onSelect = useBlueprintNodeSelect();
 const nodeData = props.data;
@@ -16,8 +19,8 @@ const nodeData = props.data;
   <BlueprintNodeShell
     :node-id="props.id"
     :label="nodeData.label"
-    :meta="resolveBlueprintNodeTypeLabel(nodeData)"
-    :subtitle="resolveBlueprintNodeSummary(nodeData)"
+    :meta="resolveBlueprintNodeTypeLabel(nodeData, t)"
+    :subtitle="resolveBlueprintNodeSummary(nodeData, t)"
     variant="logic"
     :selected="Boolean(nodeData.isSelected)"
     :execution-tone="resolveBlueprintNodeExecutionTone(nodeData)"