@arronqzy/vue-blueprint 0.1.0 → 0.1.2

package/src/components/ClockNodeConfigPanel.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useI18n } from "@arronqzy/i18n/vue";
 import { computed } from "vue";
 import { Checkbox, Input } from "ant-design-vue";
 import type { ClockNodeConfig } from "@arronqzy/blueprint-dsl";
@@ -6,6 +7,8 @@ import type { ClockNodeConfig } from "@arronqzy/blueprint-dsl";
 import type { BlueprintGraphNode } from "../graph/document";
 import { resolveNodeClockConfig } from "../graph/document";
 
+const { t } = useI18n();
+
 export type ClockNodeConfigPanelProps = {
   node: BlueprintGraphNode;
   onUpdateNode: (
@@ -57,15 +60,11 @@ function handleEmitImmediatelyChange(checked: boolean) {
 
 <template>
   <div class="space-y-2 rounded-md border border-border/70 bg-muted/20 p-2.5">
-    <div class="font-medium text-foreground">时钟节点</div>
-    <p class="text-[11px] text-muted-foreground">
-      收到<strong>真信号</strong>后才开始计时输出；每次输出向下游发出
-      <strong>真信号</strong>，值包含当前时间（formatted / timestamp / isoTime）。
-      假信号会原样向下游传递。
-    </p>
+    <div class="font-medium text-foreground">{{ t("blueprint.config.clockTitle") }}</div>
+    <p class="text-[11px] text-muted-foreground">{{ t("blueprint.config.clockHint") }}</p>
 
     <label class="block space-y-1">
-      <span class="text-muted-foreground">时钟信号间隔（秒）</span>
+      <span class="text-muted-foreground">{{ t("blueprint.config.clockIntervalSeconds") }}</span>
       <Input
         type="number"
         :min="0"
@@ -75,12 +74,12 @@ function handleEmitImmediatelyChange(checked: boolean) {
         @update:value="handleIntervalChange"
       />
       <p class="text-[11px] text-muted-foreground">
-        两次输出之间的间隔 n 秒；多次输出或未开启「立即发送」时须大于 0。
+        {{ t("blueprint.config.clockIntervalHint") }}
       </p>
     </label>
 
     <label class="block space-y-1">
-      <span class="text-muted-foreground">输出次数</span>
+      <span class="text-muted-foreground">{{ t("blueprint.config.outputCount") }}</span>
       <Input
         type="number"
         :min="1"
@@ -90,7 +89,7 @@ function handleEmitImmediatelyChange(checked: boolean) {
         @update:value="handleOutputCountChange"
       />
       <p class="text-[11px] text-muted-foreground">
-        收到真信号后总共输出的次数，默认 1。
+        {{ t("blueprint.config.outputCountHint") }}
       </p>
     </label>
 
@@ -101,13 +100,12 @@ function handleEmitImmediatelyChange(checked: boolean) {
         @update:checked="handleEmitImmediatelyChange"
       />
       <span class="text-[11px] leading-relaxed text-muted-foreground">
-        收到信号立即发送：开启且输出次数大于 1 时，会立刻执行第 1 次，剩余次数按间隔 m
-        秒依次执行；仅输出 1 次时也会立刻执行。关闭则每次（含首次）都先等待 m 秒。
+        {{ t("blueprint.config.emitImmediately") }}
       </span>
     </label>
 
     <label class="block space-y-1">
-      <span class="text-muted-foreground">时间格式</span>
+      <span class="text-muted-foreground">{{ t("blueprint.config.timeFormat") }}</span>
       <Input
         size="small"
         :value="clockConfig.timeFormat"
@@ -117,7 +115,7 @@ function handleEmitImmediatelyChange(checked: boolean) {
         @input="handleFormatChange"
       />
       <p class="text-[11px] text-muted-foreground">
-        支持 YYYY、MM、DD、HH、mm、ss，默认 YYYY-MM-DD HH:mm:ss。
+        {{ t("blueprint.config.timeFormatHint") }}
       </p>
     </label>
   </div>

package/src/components/FetchNodeConfigPanel.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useI18n } from "@arronqzy/i18n/vue";
 import { computed, ref } from "vue";
 import { Button, Input, Select } from "ant-design-vue";
 import type {
@@ -28,6 +29,8 @@ import {
 } from "../fetch-config-task-store";
 import FetchUrlAutocomplete from "./FetchUrlAutocomplete.vue";
 
+const { t } = useI18n();
+
 export type FetchNodeConfigPanelProps = {
   node: BlueprintGraphNode;
   onUpdateNode: (
@@ -74,7 +77,7 @@ function setUrlInputMode(mode: "swagger" | "manual") {
 function handleLoadSwagger() {
   const docsUrl = fetchConfig.value.swaggerDocsUrl?.trim();
   if (!docsUrl) {
-    validationError.value = "请先填写 Swagger 文档 URL";
+    validationError.value = t("blueprint.config.fillSwaggerUrlFirst");
     return;
   }
 
@@ -104,7 +107,7 @@ function handleAbortSwagger() {
 function handleSendFetchDebug() {
   const url = fetchConfig.value.url?.trim();
   if (!url) {
-    fetchValidationError.value = "请先填写请求 URL";
+    fetchValidationError.value = t("blueprint.config.fillRequestUrlFirst");
     return;
   }
 
@@ -160,14 +163,13 @@ function handleHeadersBlur(event: Event) {
 
 <template>
   <div class="space-y-2 rounded-md border border-border/70 bg-muted/20 p-2.5">
-    <div class="font-medium text-foreground">数据源获取 (Fetch)</div>
+    <div class="font-medium text-foreground">{{ t("blueprint.config.fetchTitle") }}</div>
     <p class="text-[11px] text-muted-foreground">
-      收到<strong>真信号</strong>后发起 HTTP 请求；可导入 Swagger 文档后从接口列表联想选择
-      URL。
+      {{ t("blueprint.config.fetchHint") }}
     </p>
 
     <label class="block space-y-1">
-      <span class="text-muted-foreground">Swagger 文档 URL（可选）</span>
+      <span class="text-muted-foreground">{{ t("blueprint.config.swaggerUrlOptional") }}</span>
       <div class="flex gap-1.5">
         <Input
           size="small"
@@ -184,8 +186,8 @@ function handleHeadersBlur(event: Event) {
           v-if="loadingSwagger"
           size="small"
           class="h-8 w-8 shrink-0 text-destructive"
-          title="中止解析"
-          aria-label="中止 Swagger 解析"
+          :title="t('blueprint.config.abortParse')"
+          :aria-label="t('blueprint.config.abortSwaggerAria')"
           @click="handleAbortSwagger"
         >
           ■
@@ -194,24 +196,24 @@ function handleHeadersBlur(event: Event) {
           v-else
           size="small"
           class="h-8 w-8 shrink-0"
-          title="解析 Swagger 文档"
+          :title="t('blueprint.config.parseSwagger')"
           @click="handleLoadSwagger"
         >
           ➤
         </Button>
       </div>
       <p v-if="loadingSwagger" class="text-[11px] text-muted-foreground">
-        正在解析 Swagger 文档，点击右侧按钮可中止…
+        {{ t("blueprint.config.parsingSwagger") }}
       </p>
       <p v-if="swaggerError" class="text-[11px] text-destructive">{{ swaggerError }}</p>
       <p v-if="endpoints.length > 0" class="text-[11px] text-muted-foreground">
-        已解析 {{ endpoints.length }} 个接口
+        {{ t("blueprint.config.parsedEndpoints", { count: endpoints.length }) }}
       </p>
     </label>
 
     <label class="block space-y-1">
       <div class="flex items-center justify-between gap-2">
-        <span class="text-muted-foreground">请求 URL</span>
+        <span class="text-muted-foreground">{{ t("blueprint.config.requestUrl") }}</span>
         <div v-if="hasSwaggerEndpoints" class="flex rounded-md border border-border p-0.5">
           <button
             type="button"
@@ -224,7 +226,7 @@ function handleHeadersBlur(event: Event) {
             "
             @click="setUrlInputMode('swagger')"
           >
-            接口联想
+            {{ t("blueprint.config.suggestApi") }}
           </button>
           <button
             type="button"
@@ -237,7 +239,7 @@ function handleHeadersBlur(event: Event) {
             "
             @click="setUrlInputMode('manual')"
           >
-            手动输入
+            {{ t("blueprint.config.manualInput") }}
           </button>
         </div>
       </div>
@@ -248,7 +250,7 @@ function handleHeadersBlur(event: Event) {
         :class="loadingSwagger && 'pointer-events-none opacity-60'"
       >
         <label class="block space-y-1">
-          <span class="text-muted-foreground">API 主机 / Base URL</span>
+          <span class="text-muted-foreground">{{ t("blueprint.config.apiHostBaseUrl") }}</span>
           <Input
             size="small"
             :value="fetchConfig.apiBaseUrl ?? ''"
@@ -260,7 +262,7 @@ function handleHeadersBlur(event: Event) {
           />
         </label>
         <label class="block space-y-1">
-          <span class="text-muted-foreground">选择接口</span>
+          <span class="text-muted-foreground">{{ t("blueprint.config.selectEndpoint") }}</span>
           <div class="flex gap-1.5">
             <div class="min-w-0 flex-1">
               <FetchUrlAutocomplete
@@ -268,7 +270,7 @@ function handleHeadersBlur(event: Event) {
                 :api-base-url="fetchConfig.apiBaseUrl ?? ''"
                 :endpoints="endpoints"
                 select-only
-                placeholder="点击选择或搜索接口"
+                :placeholder="t('blueprint.config.selectOrSearchEndpoint')"
                 @change="
                   (url) => onUpdateNode(node.id, patchFetchConfig(node, { url }))
                 "
@@ -288,7 +290,7 @@ function handleHeadersBlur(event: Event) {
               v-if="loadingFetchDebug"
               size="small"
               class="h-8 w-8 shrink-0"
-              title="中止请求"
+              :title="t('blueprint.config.abortRequest')"
               @click="handleAbortFetchDebug"
             >
               ■
@@ -298,7 +300,7 @@ function handleHeadersBlur(event: Event) {
               size="small"
               class="h-8 w-8 shrink-0"
               :disabled="loadingSwagger"
-              title="发送调试请求"
+              :title="t('blueprint.config.sendDebugRequest')"
               @click="handleSendFetchDebug"
             >
               ➤
@@ -319,7 +321,7 @@ function handleHeadersBlur(event: Event) {
           v-if="loadingFetchDebug"
           size="small"
           class="h-8 w-8 shrink-0"
-          title="中止请求"
+          :title="t('blueprint.config.abortRequest')"
           @click="handleAbortFetchDebug"
         >
           ■
@@ -329,7 +331,7 @@ function handleHeadersBlur(event: Event) {
           size="small"
           class="h-8 w-8 shrink-0"
           :disabled="loadingSwagger"
-          title="发送调试请求"
+          :title="t('blueprint.config.sendDebugRequest')"
           @click="handleSendFetchDebug"
         >
           ➤
@@ -337,7 +339,7 @@ function handleHeadersBlur(event: Event) {
       </div>
 
       <p v-if="loadingFetchDebug" class="text-[11px] text-muted-foreground">
-        正在发送调试请求，点击右侧按钮可中止…
+        {{ t("blueprint.config.sendingDebug") }}
       </p>
       <p v-if="fetchValidationError" class="text-[11px] text-destructive">
         {{ fetchValidationError }}
@@ -348,7 +350,7 @@ function handleHeadersBlur(event: Event) {
         class="rounded-md border border-destructive/40 bg-destructive/5 p-2"
       >
         <p class="text-[11px] text-destructive">
-          {{ fetchDebugTask.error ?? "请求失败" }}
+          {{ fetchDebugTask.error ?? t("blueprint.config.requestFailed") }}
         </p>
       </div>
       <div
@@ -366,7 +368,7 @@ function handleHeadersBlur(event: Event) {
           >
             ▼
           </span>
-          <span class="text-[11px] font-medium text-foreground">调试响应</span>
+          <span class="text-[11px] font-medium text-foreground">{{ t("blueprint.config.debugResponse") }}</span>
           <span
             class="rounded px-1.5 py-0.5 font-mono text-[10px]"
             :class="
@@ -396,7 +398,7 @@ function handleHeadersBlur(event: Event) {
     </label>
 
     <label class="block space-y-1">
-      <span class="text-muted-foreground">请求方法</span>
+      <span class="text-muted-foreground">{{ t("blueprint.config.requestMethod") }}</span>
       <Select
         size="small"
         class="w-full"
@@ -416,7 +418,7 @@ function handleHeadersBlur(event: Event) {
     </label>
 
     <label class="block space-y-1">
-      <span class="text-muted-foreground">请求头 (JSON)</span>
+      <span class="text-muted-foreground">{{ t("blueprint.config.requestHeadersJson") }}</span>
       <textarea
         :key="`${node.id}-headers-${JSON.stringify(fetchConfig.headers)}`"
         :value="JSON.stringify(fetchConfig.headers ?? {}, null, 2)"
@@ -428,7 +430,7 @@ function handleHeadersBlur(event: Event) {
     </label>
 
     <label class="block space-y-1">
-      <span class="text-muted-foreground">请求体</span>
+      <span class="text-muted-foreground">{{ t("blueprint.config.requestBody") }}</span>
       <textarea
         :value="fetchConfig.body ?? ''"
         rows="4"
@@ -519,7 +521,7 @@ function handleHeadersBlur(event: Event) {
 
     <div class="grid grid-cols-2 gap-2">
       <label class="block space-y-1">
-        <span class="text-muted-foreground">响应解析</span>
+        <span class="text-muted-foreground">{{ t("blueprint.config.responseParse") }}</span>
         <Select
           size="small"
           class="w-full"
@@ -538,7 +540,7 @@ function handleHeadersBlur(event: Event) {
         </Select>
       </label>
       <label class="block space-y-1">
-        <span class="text-muted-foreground">超时 (ms)</span>
+        <span class="text-muted-foreground">{{ t("blueprint.config.timeoutMs") }}</span>
         <Input
           type="number"
           size="small"

package/src/components/FetchUrlAutocomplete.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useI18n } from "@arronqzy/i18n/vue";
 import { computed, onUnmounted, ref, watch } from "vue";
 import {
   buildEndpointSuggestions,
@@ -8,6 +9,8 @@ import {
 
 import { cn } from "../utils/cn";
 
+const { t } = useI18n();
+
 const props = withDefaults(
   defineProps<{
     value: string;
@@ -155,7 +158,7 @@ function handleKeyDown(event: KeyboardEvent) {
         v-if="filtered.length === 0"
         class="px-2 py-1.5 text-[11px] text-muted-foreground"
       >
-        无匹配接口
+        {{ t("blueprint.config.noMatchingEndpoint") }}
       </div>
       <button
         v-for="(item, index) in filtered"

package/src/components/JsonNodeConfigPanel.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useI18n } from "@arronqzy/i18n/vue";
 import { computed, ref } from "vue";
 import { validateJsonString } from "@arronqzy/blueprint-dsl";
 import type { JsonNodeConfig } from "@arronqzy/blueprint-dsl";
@@ -6,6 +7,8 @@ import type { JsonNodeConfig } from "@arronqzy/blueprint-dsl";
 import type { BlueprintGraphNode } from "../graph/document";
 import { resolveNodeJsonConfig } from "../graph/document";
 
+const { t } = useI18n();
+
 export type JsonNodeConfigPanelProps = {
   node: BlueprintGraphNode;
   onUpdateNode: (
@@ -45,15 +48,11 @@ function handleChange(event: Event) {
 
 <template>
   <div class="space-y-2 rounded-md border border-border/70 bg-muted/20 p-2.5">
-    <div class="font-medium text-foreground">JSON 节点</div>
-    <p class="text-[11px] text-muted-foreground">
-      收到<strong>真信号</strong>后，将下方 JSON 解析为 JavaScript object（或
-      array）并从输出口发出<strong>真信号</strong>；解析失败则发出
-      <strong>假信号</strong>。
-    </p>
+    <div class="font-medium text-foreground">{{ t("blueprint.config.jsonTitle") }}</div>
+    <p class="text-[11px] text-muted-foreground">{{ t("blueprint.config.jsonHint") }}</p>
 
     <label class="block space-y-1">
-      <span class="text-muted-foreground">JSON 内容</span>
+      <span class="text-muted-foreground">{{ t("blueprint.config.jsonContent") }}</span>
       <textarea
         :value="jsonConfig.jsonString"
         rows="12"
@@ -65,9 +64,9 @@ function handleChange(event: Event) {
         @input="handleChange"
       />
       <p v-if="parseError" class="text-[11px] text-destructive">
-        JSON 格式错误：{{ parseError }}
+        {{ t("blueprint.config.jsonFormatError", { error: parseError }) }}
       </p>
-      <p v-else class="text-[11px] text-muted-foreground">JSON 格式正确</p>
+      <p v-else class="text-[11px] text-muted-foreground">{{ t("blueprint.config.jsonFormatOk") }}</p>
     </label>
   </div>
 </template>

package/src/components/LogicNodeConfigPanel.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useI18n } from "@arronqzy/i18n/vue";
 import { computed, ref } from "vue";
 import { validateLogicSourceCode } from "@arronqzy/blueprint-dsl";
 import type { LogicNodeConfig } from "@arronqzy/blueprint-dsl";
@@ -6,6 +7,8 @@ import type { LogicNodeConfig } from "@arronqzy/blueprint-dsl";
 import type { BlueprintGraphNode } from "../graph/document";
 import { resolveNodeLogicConfig } from "../graph/document";
 
+const { t } = useI18n();
+
 export type LogicNodeConfigPanelProps = {
   node: BlueprintGraphNode;
   onUpdateNode: (
@@ -45,15 +48,11 @@ function handleChange(event: Event) {
 
 <template>
   <div class="space-y-2 rounded-md border border-border/70 bg-muted/20 p-2.5">
-    <div class="font-medium text-foreground">逻辑节点</div>
-    <p class="text-[11px] text-muted-foreground">
-      收到<strong>真信号</strong>后，将输入数据传入下方 <code>update</code>
-      函数并执行；返回值作为<strong>真信号</strong>输出。代码语法错误或运行时报错则发出
-      <strong>假信号</strong>（错误信息为输出值）。
-    </p>
+    <div class="font-medium text-foreground">{{ t("blueprint.config.logicTitle") }}</div>
+    <p class="text-[11px] text-muted-foreground">{{ t("blueprint.config.logicHint") }}</p>
 
     <label class="block space-y-1">
-      <span class="text-muted-foreground">JavaScript 代码</span>
+      <span class="text-muted-foreground">{{ t("blueprint.config.jsCode") }}</span>
       <textarea
         :value="logicConfig.sourceCode"
         rows="14"
@@ -65,9 +64,9 @@ function handleChange(event: Event) {
         @input="handleChange"
       />
       <p v-if="parseError" class="text-[11px] text-destructive">
-        JavaScript 错误：{{ parseError }}
+        {{ t("blueprint.config.jsError", { error: parseError }) }}
       </p>
-      <p v-else class="text-[11px] text-muted-foreground">JavaScript 语法正确</p>
+      <p v-else class="text-[11px] text-muted-foreground">{{ t("blueprint.config.jsSyntaxOk") }}</p>
     </label>
   </div>
 </template>

package/src/components/ViewElementMultiSelect.vue

@@ -1,7 +1,10 @@
 <script setup lang="ts">
+import { useI18n } from "@arronqzy/i18n/vue";
 import { computed } from "vue";
 import { Select } from "ant-design-vue";
 
+const { t } = useI18n();
+
 export type ViewElementMultiSelectOption = {
   id: string;
   label: string;
@@ -15,7 +18,7 @@ const props = withDefaults(
     disabled?: boolean;
   }>(),
   {
-    placeholder: "选择视图节点",
+    placeholder: undefined,
     disabled: false,
   }
 );
@@ -37,7 +40,7 @@ const emptyOptions = computed(() => props.options.length === 0);
     show-search
     :value="value"
     :disabled="disabled || emptyOptions"
-    :placeholder="emptyOptions ? '视图画布暂无节点' : placeholder"
+    :placeholder="emptyOptions ? t('blueprint.config.noViewOnCanvas') : (placeholder ?? t('blueprint.config.selectViewNode'))"
     :options="selectOptions"
     :filter-option="
       (input, option) =>

package/src/composables/useBlueprintPageLifecycle.ts

@@ -241,4 +241,31 @@ export function useBlueprintPageLifecycle(options: UseBlueprintPageLifecycleOpti
   onUnmounted(() => {
     teardownBoot();
   });
+
+  async function triggerBlueprintNode(nodeId: string, inputValue?: unknown) {
+    const id = nodeId.trim();
+    if (!id) return;
+    const opts = runnerOptionsRef.value;
+    const libraryNameById = toValue(opts.libraryNameById);
+    const rootLibraryBlueprintId = toValue(opts.rootLibraryBlueprintId ?? null);
+    if (opts.resolveLibraryBlueprint) {
+      const result = await detectBlueprintReferenceCycle({
+        rootGraph: documentToRunnableGraph(graphRef.value.document, {
+          libraryNameById,
+        }),
+        rootLibraryBlueprintId,
+        resolveLibraryBlueprint: opts.resolveLibraryBlueprint,
+        resolveBlueprintName: (libId) =>
+          resolveBlueprintName(libraryNameById, libId),
+      });
+      if (!result.ok) {
+        opts.onExecutionBlocked?.(result.message);
+        return;
+      }
+    }
+    const runner = createRunner(graphRef.value, opts);
+    await runner.triggerNode(id, inputValue);
+  }
+
+  return { triggerBlueprintNode };
 }

package/src/fetch-config-task-store.ts

@@ -5,6 +5,7 @@ import type {
   ParsedSwaggerDocument,
 } from "@arronqzy/blueprint-dsl";
 import { executeFetch } from "@arronqzy/blueprint-dsl";
+import { resolveLocale, tForLocale } from "@arronqzy/i18n";
 
 import { loadSwaggerDocument } from "./library/swagger-docs";
 
@@ -152,7 +153,9 @@ export function startSwaggerLoadTask(params: {
       }
 
       const message =
-        error instanceof Error ? error.message : "Swagger 文档解析失败";
+        error instanceof Error
+          ? error.message
+          : tForLocale(resolveLocale())("blueprint.config.swaggerParseFailed");
       swaggerTasks.set(params.nodeId, {
         record: { status: "error", error: message },
         abortController,
@@ -195,7 +198,10 @@ export function startFetchDebugTask(params: {
         return;
       }
 
-      const message = error instanceof Error ? error.message : "请求失败";
+      const message =
+        error instanceof Error
+          ? error.message
+          : tForLocale(resolveLocale())("blueprint.config.requestFailed");
       fetchDebugTasks.set(params.nodeId, {
         record: { status: "error", error: message },
         abortController,

package/src/graph/document.ts

@@ -133,35 +133,72 @@ export function resolveRunnableNodeType(
   }
 }
 
-/** 画布节点顶部（拖拽区）展示的配置类型文案 */
-export const BLUEPRINT_CONFIG_TYPE_LABELS: Record<
+import type { TranslateFn } from "@arronqzy/i18n";
+import { resolveLocale, tForLocale } from "@arronqzy/i18n";
+
+/** 画布节点顶部（拖拽区）配置类型对应的 i18n key */
+export const BLUEPRINT_CONFIG_TYPE_LABEL_KEYS: Record<
   BlueprintConfigSource,
   string
 > = {
-  blueprint: "蓝图",
-  logic: "逻辑",
-  and: "并运算",
-  lifecycle: "生命周期",
-  view: "视图",
-  fetch: "数据源获取",
-  json: "JSON 节点",
-  clock: "时钟",
+  blueprint: "blueprint.node.typeBlueprint",
+  logic: "blueprint.node.typeLogic",
+  and: "blueprint.node.typeAnd",
+  lifecycle: "blueprint.node.typeLifecycle",
+  view: "blueprint.node.typeView",
+  fetch: "blueprint.node.typeFetch",
+  json: "blueprint.node.typeJson",
+  clock: "blueprint.node.typeClock",
 };
 
+export const BLUEPRINT_LIFECYCLE_PHASE_KEYS: Record<PageLifecyclePhase, string> =
+  {
+    created: "blueprint.node.phaseCreated",
+    beforeMount: "blueprint.node.phaseBeforeMount",
+    mounted: "blueprint.node.phaseMounted",
+    updated: "blueprint.node.phaseUpdated",
+    beforeDestroy: "blueprint.node.phaseBeforeDestroy",
+    destroy: "blueprint.node.phaseDestroy",
+    activated: "blueprint.node.phaseActivated",
+    deactivated: "blueprint.node.phaseDeactivated",
+    blueprintActivated: "blueprint.node.phaseBlueprintActivated",
+  };
+
+function defaultTranslate(): TranslateFn {
+  return tForLocale(resolveLocale());
+}
+
+export function getBlueprintNodeTypeLabel(
+  t: TranslateFn,
+  type: BlueprintConfigSource
+): string {
+  return t(BLUEPRINT_CONFIG_TYPE_LABEL_KEYS[type]);
+}
+
+export function getLifecyclePhaseLabel(
+  t: TranslateFn,
+  phase: PageLifecyclePhase
+): string {
+  const key = BLUEPRINT_LIFECYCLE_PHASE_KEYS[phase];
+  return key ? t(key) : phase;
+}
+
 export function resolveBlueprintNodeTypeLabel(
   node: Pick<
     BlueprintGraphNode,
     "role" | "nodeType" | "configSource" | "viewElementId" | "viewElementIds"
-  >
+  >,
+  t: TranslateFn = defaultTranslate()
 ): string {
-  return BLUEPRINT_CONFIG_TYPE_LABELS[resolveBlueprintConfigSource(node)];
+  return getBlueprintNodeTypeLabel(t, resolveBlueprintConfigSource(node));
 }
 
 /** 新建节点时的默认显示名称（与类型文案一致） */
 export function defaultBlueprintNodeLabel(
-  configSource: BlueprintConfigSource
+  configSource: BlueprintConfigSource,
+  t: TranslateFn = defaultTranslate()
 ): string {
-  return BLUEPRINT_CONFIG_TYPE_LABELS[configSource];
+  return getBlueprintNodeTypeLabel(t, configSource);
 }
 
 export function resolveNodeFetchConfig(