@arronqzy/react-blueprint 1.0.3 → 1.0.5

package/src/components/FetchNodeConfigPanel.tsx

@@ -34,6 +34,8 @@ import {
   useFetchDebugTask,
   useSwaggerLoadTask,
 } from "../fetch-config-task-store";
+import { useI18n } from "@arronqzy/i18n/react";
+
 import { FetchUrlAutocomplete } from "./FetchUrlAutocomplete";
 
 function SendIcon({ className }: { className?: string }) {
@@ -145,6 +147,7 @@ function FetchDebugResponsePanel({
 }: {
   task: ReturnType<typeof useFetchDebugTask>;
 }) {
+  const { t } = useI18n();
   const [expanded, setExpanded] = useState(false);
 
   if (task.status === "idle" || task.status === "loading") return null;
@@ -152,7 +155,7 @@ function FetchDebugResponsePanel({
   if (task.status === "error") {
     return (
       <div className="rounded-md border border-destructive/40 bg-destructive/5 p-2">
-        <p className="text-[11px] text-destructive">{task.error ?? "请求失败"}</p>
+        <p className="text-[11px] text-destructive">{task.error ?? t("blueprint.config.requestFailed")}</p>
       </div>
     );
   }
@@ -173,7 +176,7 @@ function FetchDebugResponsePanel({
         onClick={() => setExpanded((value) => !value)}
       >
         <ChevronIcon className="h-3.5 w-3.5 shrink-0 text-muted-foreground" expanded={expanded} />
-        <span className="text-[11px] font-medium text-foreground">调试响应</span>
+        <span className="text-[11px] font-medium text-foreground">{t("blueprint.config.debugResponse")}</span>
         <span
           className={cn(
             "rounded px-1.5 py-0.5 font-mono text-[10px]",
@@ -250,6 +253,7 @@ export function FetchNodeConfigPanel({
   node,
   onUpdateNode,
 }: FetchNodeConfigPanelProps) {
+  const { t } = useI18n();
   const fetchConfig = resolveNodeFetchConfig(node);
   const endpoints = fetchConfig.swaggerEndpoints ?? [];
   const hasSwaggerEndpoints = endpoints.length > 0;
@@ -275,7 +279,7 @@ export function FetchNodeConfigPanel({
   const handleLoadSwagger = useCallback(() => {
     const docsUrl = fetchConfig.swaggerDocsUrl?.trim();
     if (!docsUrl) {
-      setValidationError("请先填写 Swagger 文档 URL");
+      setValidationError(t("blueprint.config.fillSwaggerUrlFirst"));
       return;
     }
 
@@ -305,7 +309,7 @@ export function FetchNodeConfigPanel({
   const handleSendFetchDebug = useCallback(() => {
     const url = fetchConfig.url?.trim();
     if (!url) {
-      setFetchValidationError("请先填写请求 URL");
+      setFetchValidationError(t("blueprint.config.fillRequestUrlFirst"));
       return;
     }
 
@@ -323,14 +327,13 @@ export function FetchNodeConfigPanel({
 
   return (
     <div className="space-y-2 rounded-md border border-border/70 bg-muted/20 p-2.5">
-      <div className="font-medium text-foreground">数据源获取 (Fetch)</div>
+      <div className="font-medium text-foreground">{t("blueprint.config.fetchTitle")}</div>
       <p className="text-[11px] text-muted-foreground">
-        收到<strong>真信号</strong>后发起 HTTP 请求；可导入 Swagger 文档后从接口列表联想选择
-        URL。
+        {t("blueprint.config.fetchHint")}
       </p>
 
       <label className="block space-y-1">
-        <span className="text-muted-foreground">Swagger 文档 URL（可选）</span>
+        <span className="text-muted-foreground">{t("blueprint.config.swaggerUrlOptional")}</span>
         <div className="flex gap-1.5">
           <Input
             value={fetchConfig.swaggerDocsUrl ?? ""}
@@ -350,8 +353,8 @@ export function FetchNodeConfigPanel({
               variant="outline"
               size="icon"
               className="h-8 w-8 shrink-0 text-destructive hover:bg-destructive/10 hover:text-destructive"
-              title="中止解析"
-              aria-label="中止 Swagger 解析"
+              title={t("blueprint.config.abortParse")}
+              aria-label={t("blueprint.config.abortSwaggerAria")}
               onClick={handleAbortSwagger}
             >
               <StopIcon className="h-3.5 w-3.5" />
@@ -362,7 +365,7 @@ export function FetchNodeConfigPanel({
               variant="outline"
               size="icon"
               className="h-8 w-8 shrink-0"
-              title="解析 Swagger 文档"
+              title={t("blueprint.config.parseSwagger")}
               onClick={() => handleLoadSwagger()}
             >
               <SendIcon className="h-4 w-4" />
@@ -372,7 +375,7 @@ export function FetchNodeConfigPanel({
         {loadingSwagger ? (
           <p className="flex items-center gap-1.5 text-[11px] text-muted-foreground">
             <LoaderIcon className="h-3.5 w-3.5 shrink-0" />
-            正在解析 Swagger 文档，点击右侧按钮可中止…
+            {t("blueprint.config.parsingSwagger")}
           </p>
         ) : null}
         {swaggerError ? (
@@ -380,14 +383,14 @@ export function FetchNodeConfigPanel({
         ) : null}
         {endpoints.length > 0 ? (
           <p className="text-[11px] text-muted-foreground">
-            已解析 {endpoints.length} 个接口
+            {t("blueprint.config.parsedEndpoints", { count: endpoints.length })}
           </p>
         ) : null}
       </label>
 
       <label className="block space-y-1">
         <div className="flex items-center justify-between gap-2">
-          <span className="text-muted-foreground">请求 URL</span>
+          <span className="text-muted-foreground">{t("blueprint.config.requestUrl")}</span>
           {hasSwaggerEndpoints ? (
             <div className="flex rounded-md border border-border p-0.5">
               <button
@@ -401,7 +404,7 @@ export function FetchNodeConfigPanel({
                 )}
                 onClick={() => setUrlInputMode("swagger")}
               >
-                接口联想
+                {t("blueprint.config.suggestApi")}
               </button>
               <button
                 type="button"
@@ -414,7 +417,7 @@ export function FetchNodeConfigPanel({
                 )}
                 onClick={() => setUrlInputMode("manual")}
               >
-                手动输入
+                {t("blueprint.config.manualInput")}
               </button>
             </div>
           ) : null}
@@ -428,7 +431,7 @@ export function FetchNodeConfigPanel({
             )}
           >
             <label className="block space-y-1">
-              <span className="text-muted-foreground">API 主机 / Base URL</span>
+              <span className="text-muted-foreground">{t("blueprint.config.apiHostBaseUrl")}</span>
               <Input
                 value={fetchConfig.apiBaseUrl ?? ""}
                 onChange={(e: ChangeEvent<HTMLInputElement>) =>
@@ -442,7 +445,7 @@ export function FetchNodeConfigPanel({
               />
             </label>
             <label className="block space-y-1">
-              <span className="text-muted-foreground">选择接口</span>
+              <span className="text-muted-foreground">{t("blueprint.config.selectEndpoint")}</span>
               <div className="flex gap-1.5">
                 <div className="min-w-0 flex-1">
                   <FetchUrlAutocomplete
@@ -450,7 +453,7 @@ export function FetchNodeConfigPanel({
                     apiBaseUrl={fetchConfig.apiBaseUrl ?? ""}
                     endpoints={endpoints}
                     selectOnly
-                    placeholder="点击选择或搜索接口"
+                    placeholder={t("blueprint.config.selectOrSearchEndpoint")}
                     onChange={(url) =>
                       onUpdateNode(node.id, patchFetchConfig(node, { url }))
                     }
@@ -470,10 +473,10 @@ export function FetchNodeConfigPanel({
                   disabled={loadingSwagger}
                   onSend={handleSendFetchDebug}
                   onAbort={handleAbortFetchDebug}
-                  sendTitle="发送调试请求"
-                  abortTitle="中止请求"
-                  sendAriaLabel="发送调试请求"
-                  abortAriaLabel="中止调试请求"
+                  sendTitle={t("blueprint.config.sendDebugRequest")}
+                  abortTitle={t("blueprint.config.abortRequest")}
+                  sendAriaLabel={t("blueprint.config.sendDebugRequest")}
+                  abortAriaLabel={t("blueprint.config.abortDebugAria")}
                 />
               </div>
             </label>
@@ -494,17 +497,17 @@ export function FetchNodeConfigPanel({
               disabled={loadingSwagger}
               onSend={handleSendFetchDebug}
               onAbort={handleAbortFetchDebug}
-              sendTitle="发送调试请求"
-              abortTitle="中止请求"
-              sendAriaLabel="发送调试请求"
-              abortAriaLabel="中止调试请求"
+              sendTitle={t("blueprint.config.sendDebugRequest")}
+              abortTitle={t("blueprint.config.abortRequest")}
+              sendAriaLabel={t("blueprint.config.sendDebugRequest")}
+              abortAriaLabel={t("blueprint.config.abortDebugAria")}
             />
           </div>
         )}
         {loadingFetchDebug ? (
           <p className="flex items-center gap-1.5 text-[11px] text-muted-foreground">
             <LoaderIcon className="h-3.5 w-3.5 shrink-0" />
-            正在发送调试请求，点击右侧按钮可中止…
+            {t("blueprint.config.sendingDebug")}
           </p>
         ) : null}
         {fetchValidationError ? (
@@ -514,7 +517,7 @@ export function FetchNodeConfigPanel({
       </label>
 
       <label className="block space-y-1">
-        <span className="text-muted-foreground">请求方法</span>
+        <span className="text-muted-foreground">{t("blueprint.config.requestMethod")}</span>
         <Select
           value={fetchConfig.method ?? "GET"}
           onValueChange={(value: string) =>
@@ -538,7 +541,7 @@ export function FetchNodeConfigPanel({
       </label>
 
       <label className="block space-y-1">
-        <span className="text-muted-foreground">请求头 (JSON)</span>
+        <span className="text-muted-foreground">{t("blueprint.config.requestHeadersJson")}</span>
         <textarea
           defaultValue={JSON.stringify(fetchConfig.headers ?? {}, null, 2)}
           key={`${node.id}-headers-${JSON.stringify(fetchConfig.headers)}`}
@@ -560,7 +563,7 @@ export function FetchNodeConfigPanel({
       </label>
 
       <label className="block space-y-1">
-        <span className="text-muted-foreground">请求体</span>
+        <span className="text-muted-foreground">{t("blueprint.config.requestBody")}</span>
         <textarea
           value={fetchConfig.body ?? ""}
           onChange={(e) =>
@@ -671,7 +674,7 @@ export function FetchNodeConfigPanel({
 
       <div className="grid grid-cols-2 gap-2">
         <label className="block space-y-1">
-          <span className="text-muted-foreground">响应解析</span>
+          <span className="text-muted-foreground">{t("blueprint.config.responseParse")}</span>
           <Select
             value={fetchConfig.responseType ?? "json"}
             onValueChange={(value: string) =>
@@ -696,7 +699,7 @@ export function FetchNodeConfigPanel({
           </Select>
         </label>
         <label className="block space-y-1">
-          <span className="text-muted-foreground">超时 (ms)</span>
+          <span className="text-muted-foreground">{t("blueprint.config.timeoutMs")}</span>
           <Input
             type="number"
             min={0}

package/src/components/FetchUrlAutocomplete.tsx

@@ -1,5 +1,6 @@
 import { useEffect, useMemo, useRef, useState } from "react";
 import { cn } from "@arronqzy/ui";
+import { useI18n } from "@arronqzy/i18n/react";
 import {
   buildEndpointSuggestions,
   filterEndpointSuggestions,
@@ -28,6 +29,7 @@ export function FetchUrlAutocomplete({
   onChange,
   onSelectEndpoint,
 }: FetchUrlAutocompleteProps) {
+  const { t } = useI18n();
   const [open, setOpen] = useState(false);
   const [activeIndex, setActiveIndex] = useState(0);
   const [filterQuery, setFilterQuery] = useState("");
@@ -146,7 +148,7 @@ export function FetchUrlAutocomplete({
         <div className="absolute z-[10150] mt-1 max-h-52 w-full overflow-auto rounded-md border border-border bg-popover py-1 text-popover-foreground shadow-md">
           {filtered.length === 0 ? (
             <div className="px-2 py-1.5 text-[11px] text-muted-foreground">
-              无匹配接口
+              {t("blueprint.config.noMatchingEndpoint")}
             </div>
           ) : (
             filtered.map((item, index) => (

package/src/components/JsonNodeConfigPanel.tsx

@@ -1,6 +1,7 @@
 import { useCallback, useMemo, useState, type ChangeEvent } from "react";
 import { validateJsonString } from "@arronqzy/blueprint-dsl";
 import type { JsonNodeConfig } from "@arronqzy/blueprint-dsl";
+import { useI18n } from "@arronqzy/i18n/react";
 
 import type { BlueprintGraphNode } from "../graph/document";
 import { resolveNodeJsonConfig } from "../graph/document";
@@ -27,6 +28,7 @@ export function JsonNodeConfigPanel({
   node,
   onUpdateNode,
 }: JsonNodeConfigPanelProps) {
+  const { t } = useI18n();
   const jsonConfig = resolveNodeJsonConfig(node);
   const [draftError, setDraftError] = useState<string | null>(null);
 
@@ -51,15 +53,17 @@ export function JsonNodeConfigPanel({
 
   return (
     <div className="space-y-2 rounded-md border border-border/70 bg-muted/20 p-2.5">
-      <div className="font-medium text-foreground">JSON 节点</div>
+      <div className="font-medium text-foreground">
+        {t("blueprint.config.jsonTitle")}
+      </div>
       <p className="text-[11px] text-muted-foreground">
-        收到<strong>真信号</strong>后，将下方 JSON 解析为 JavaScript object（或
-        array）并从输出口发出<strong>真信号</strong>；解析失败则发出
-        <strong>假信号</strong>。
+        {t("blueprint.config.jsonHint")}
       </p>
 
       <label className="block space-y-1">
-        <span className="text-muted-foreground">JSON 内容</span>
+        <span className="text-muted-foreground">
+          {t("blueprint.config.jsonContent")}
+        </span>
         <textarea
           value={jsonConfig.jsonString}
           onChange={handleChange}
@@ -69,9 +73,13 @@ export function JsonNodeConfigPanel({
           placeholder={'{\n  "key": "value"\n}'}
         />
         {parseError ? (
-          <p className="text-[11px] text-destructive">JSON 格式错误：{parseError}</p>
+          <p className="text-[11px] text-destructive">
+            {t("blueprint.config.jsonFormatError", { error: parseError })}
+          </p>
         ) : (
-          <p className="text-[11px] text-muted-foreground">JSON 格式正确</p>
+          <p className="text-[11px] text-muted-foreground">
+            {t("blueprint.config.jsonFormatOk")}
+          </p>
         )}
       </label>
     </div>

package/src/components/LogicNodeConfigPanel.tsx

@@ -1,6 +1,7 @@
 import { useCallback, useMemo, useState, type ChangeEvent } from "react";
 import { validateLogicSourceCode } from "@arronqzy/blueprint-dsl";
 import type { LogicNodeConfig } from "@arronqzy/blueprint-dsl";
+import { useI18n } from "@arronqzy/i18n/react";
 
 import type { BlueprintGraphNode } from "../graph/document";
 import { resolveNodeLogicConfig } from "../graph/document";
@@ -27,6 +28,7 @@ export function LogicNodeConfigPanel({
   node,
   onUpdateNode,
 }: LogicNodeConfigPanelProps) {
+  const { t } = useI18n();
   const logicConfig = resolveNodeLogicConfig(node);
   const [draftError, setDraftError] = useState<string | null>(null);
 
@@ -50,15 +52,17 @@ export function LogicNodeConfigPanel({
 
   return (
     <div className="space-y-2 rounded-md border border-border/70 bg-muted/20 p-2.5">
-      <div className="font-medium text-foreground">逻辑节点</div>
+      <div className="font-medium text-foreground">
+        {t("blueprint.config.logicTitle")}
+      </div>
       <p className="text-[11px] text-muted-foreground">
-        收到<strong>真信号</strong>后，将输入数据传入下方 <code>update</code>{" "}
-        函数并执行；返回值作为<strong>真信号</strong>输出。代码语法错误或运行时报错则发出
-        <strong>假信号</strong>（错误信息为输出值）。
+        {t("blueprint.config.logicHint")}
       </p>
 
       <label className="block space-y-1">
-        <span className="text-muted-foreground">JavaScript 代码</span>
+        <span className="text-muted-foreground">
+          {t("blueprint.config.jsCode")}
+        </span>
         <textarea
           value={logicConfig.sourceCode}
           onChange={handleChange}
@@ -69,10 +73,12 @@ export function LogicNodeConfigPanel({
         />
         {parseError ? (
           <p className="text-[11px] text-destructive">
-            JavaScript 错误：{parseError}
+            {t("blueprint.config.jsError", { error: parseError })}
           </p>
         ) : (
-          <p className="text-[11px] text-muted-foreground">JavaScript 语法正确</p>
+          <p className="text-[11px] text-muted-foreground">
+            {t("blueprint.config.jsSyntaxOk")}
+          </p>
         )}
       </label>
     </div>

package/src/components/ViewElementMultiSelect.tsx

@@ -12,6 +12,7 @@ import {
   PopoverContent,
   PopoverTrigger,
 } from "@arronqzy/ui";
+import { useI18n } from "@arronqzy/i18n/react";
 
 export type ViewElementMultiSelectOption = {
   id: string;
@@ -45,35 +46,38 @@ function ChevronDownIcon({ className }: { className?: string }) {
   );
 }
 
-function resolveTriggerText(
-  value: string[],
-  labelById: Map<string, string>,
-  placeholder: string
-): string {
-  if (value.length === 0) return placeholder;
-  const labels = value.map((id) => labelById.get(id) ?? id);
-  if (labels.length === 1) return labels[0]!;
-  const joined = labels.join("、");
-  if (joined.length <= 26) return joined;
-  return `已选 ${value.length} 项`;
-}
-
 export function ViewElementMultiSelect({
   options,
   value,
   onChange,
-  placeholder = "选择视图节点",
+  placeholder,
   disabled = false,
 }: ViewElementMultiSelectProps) {
+  const { t } = useI18n();
   const [open, setOpen] = useState(false);
+  const resolvedPlaceholder =
+    placeholder ?? t("blueprint.config.selectViewNode");
   const labelById = useMemo(
     () => new Map(options.map((opt) => [opt.id, opt.label])),
     [options]
   );
   const selectedSet = useMemo(() => new Set(value), [value]);
-  const triggerText = resolveTriggerText(value, labelById, placeholder);
   const emptyOptions = options.length === 0;
 
+  let triggerText = resolvedPlaceholder;
+  if (value.length > 0) {
+    const labels = value.map((id) => labelById.get(id) ?? id);
+    if (labels.length === 1) {
+      triggerText = labels[0]!;
+    } else {
+      const joined = labels.join("、");
+      triggerText =
+        joined.length <= 26
+          ? joined
+          : t("blueprint.config.selectedCount", { count: value.length });
+    }
+  }
+
   const toggle = (id: string) => {
     onChange(
       selectedSet.has(id)
@@ -97,7 +101,7 @@ export function ViewElementMultiSelect({
           )}
         >
           <span className="min-w-0 flex-1 truncate text-left">
-            {emptyOptions ? "视图画布暂无节点" : triggerText}
+            {emptyOptions ? t("blueprint.config.noViewOnCanvas") : triggerText}
           </span>
           <ChevronDownIcon className="h-4 w-4 shrink-0 opacity-50" />
         </Button>
@@ -107,9 +111,12 @@ export function ViewElementMultiSelect({
         align="start"
       >
         <Command>
-          <CommandInput placeholder="搜索视图节点…" className="h-9 text-xs" />
+          <CommandInput
+            placeholder={t("blueprint.config.searchViewNodes")}
+            className="h-9 text-xs"
+          />
           <CommandList>
-            <CommandEmpty>无匹配节点</CommandEmpty>
+            <CommandEmpty>{t("blueprint.config.noMatchingNodes")}</CommandEmpty>
             <CommandGroup>
               {options.map((opt) => {
                 const selected = selectedSet.has(opt.id);

package/src/dev-seed.ts

@@ -11,9 +11,9 @@ import {
 /** DevApp 初始图：两个节点 + 一条连线，便于直接验证边是否渲染 */
 export function createDevBlueprintGraph(): BlueprintGraph {
   let graph = BlueprintGraph.empty();
-  graph = graph.addBlueprintNode({ x: 40, y: 80 }, "节点 A");
+  graph = graph.addBlueprintNode({ x: 40, y: 80 }, "Node A");
   const nodeA = graph.document.nodes[0]!;
-  graph = graph.addBlueprintNode({ x: 300, y: 80 }, "节点 B");
+  graph = graph.addBlueprintNode({ x: 300, y: 80 }, "Node B");
   const nodeB = graph.document.nodes[1]!;
 
   const withEdge = addEdge(

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

@@ -6,6 +6,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";
 
@@ -143,7 +144,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,
@@ -186,7 +189,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(