@huanban/rulego-editor-core 1.4.0 → 1.4.2

package/dist/chunks/{editor-core-styles-C1TbLgCK.js → editor-core-styles-DFhXz0vB.js}

@@ -1,6 +1,6 @@
-import { l as s } from "./vendor-logicflow-core-runtime-Cp6IBEjB.js";
-import { l as h } from "./vendor-logicflow-shared-C7YynLDn.js";
-const c = Object.freeze({
+import { l as L } from "./vendor-logicflow-core-runtime-Cp6IBEjB.js";
+import { l as T } from "./vendor-logicflow-shared-C7YynLDn.js";
+const I = Object.freeze({
   "font-family": 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif',
   "font-mono": 'ui-monospace, "SFMono-Regular", "Cascadia Code", Menlo, Monaco, Consolas, monospace',
   "font-size-xs": "11px",
@@ -36,13 +36,13 @@ const c = Object.freeze({
   "ease-out": "cubic-bezier(0.25, 1, 0.5, 1)",
   "ease-expo": "cubic-bezier(0.16, 1, 0.3, 1)"
 });
-function _(r) {
-  const o = {};
-  return Object.entries(c).forEach(([t, a]) => {
-    o[`${r}-${t}`] = a;
-  }), o;
+function R(e) {
+  const t = {};
+  return Object.entries(I).forEach(([a, r]) => {
+    t[`${e}-${a}`] = r;
+  }), t;
 }
-const n = Object.freeze({
+const k = Object.freeze({
   chrome: 10,
   localOverlay: 190,
   floating: 1e4,
@@ -54,7 +54,7 @@ const n = Object.freeze({
   optionPicker: 10040,
   confirmation: 10050,
   notification: 10060
-}), f = Object.freeze({
+}), O = Object.freeze({
   chrome: "--hb-z-chrome",
   localOverlay: "--hb-z-local-overlay",
   floating: "--hb-z-floating",
@@ -66,10 +66,10 @@ const n = Object.freeze({
   optionPicker: "--hb-z-option-picker",
   confirmation: "--hb-z-confirmation",
   notification: "--hb-z-notification"
-}), x = `:root {
-${Object.keys(n).map((r) => `  ${f[r]}: ${n[r]};`).join(`
+}), D = `:root {
+${Object.keys(k).map((e) => `  ${O[e]}: ${k[e]};`).join(`
 `)}
-}`, g = _("--hb"), i = {
+}`, $ = R("--hb"), h = {
   /* ==================== 默认亮色 ==================== */
   default: {
     label: "经典",
@@ -273,7 +273,7 @@ ${Object.keys(n).map((r) => `  ${f[r]}: ${n[r]};`).join(`
     }
   },
   /* ==================== 现代风格 ==================== */
-  /* 参考 RuleChainEditor.vue 的视觉设计: 大圆角节点、蓝色选中发光、柔和阴影 */
+  /* 现代主题：大圆角节点、清晰选中态和柔和阴影 */
   modern: {
     label: "现代",
     labelEn: "Modern",
@@ -295,7 +295,7 @@ ${Object.keys(n).map((r) => `  ${f[r]}: ${n[r]};`).join(`
       "--hb-text-secondary": "#64748b",
       "--hb-text-muted": "#94a3b8",
       "--hb-text-disabled": "#cbd5e1",
-      // 主题色 — 蓝色系 (参考 #3b82f6)
+      // 主题色 — 清晰的蓝色操作色
       "--hb-color-primary": "#3b82f6",
       "--hb-color-primary-light": "#bfdbfe",
       "--hb-color-primary-bg": "#eff6ff",
@@ -340,58 +340,282 @@ ${Object.keys(n).map((r) => `  ${f[r]}: ${n[r]};`).join(`
     }
   }
 };
-function e(r) {
+function _(e) {
   return {
-    "--hb-bg-root": r.root,
-    "--hb-bg-toolbar": r.toolbar,
-    "--hb-bg-sidebar": r.sidebar,
-    "--hb-bg-canvas": r.canvas,
-    "--hb-bg-drawer": r.toolbar,
-    "--hb-bg-modal": r.toolbar,
-    "--hb-bg-hover": r.hover,
-    "--hb-bg-active": r.active,
-    "--hb-bg-section": r.section,
-    "--hb-bg-input": r.input,
-    "--hb-bg-tag": r.tag,
-    "--hb-text-primary": r.text,
-    "--hb-text-secondary": r.secondary,
-    "--hb-text-muted": r.muted,
-    "--hb-text-disabled": r.disabled,
-    "--hb-color-primary": r.primary,
-    "--hb-color-primary-light": r.primaryLight,
-    "--hb-color-primary-bg": r.primaryBg,
-    "--hb-color-success": r.success,
-    "--hb-color-warning": r.warning,
-    "--hb-color-danger": r.danger,
-    "--hb-color-title": r.title,
-    "--hb-border-color": r.border,
-    "--hb-border-light": r.borderLight,
-    "--hb-border-strong": r.borderStrong,
-    "--hb-radius-sm": r.radiusSm || "6px",
-    "--hb-radius-md": r.radiusMd || "8px",
-    "--hb-radius-lg": r.radiusLg || "10px",
-    "--hb-shadow-sm": `0 1px 4px ${r.shadowColor}`,
-    "--hb-shadow-md": `0 4px 12px ${r.shadowColor}`,
-    "--hb-shadow-lg": `0 8px 28px ${r.shadowColor}`,
-    "--hb-overlay": r.overlay,
-    "--hb-node-selected-stroke": r.primary,
-    "--hb-node-selected-shadow": `0 0 8px ${r.shadowColor}`,
+    "--hb-bg-root": e.root,
+    "--hb-bg-toolbar": e.toolbar,
+    "--hb-bg-sidebar": e.sidebar,
+    "--hb-bg-canvas": e.canvas,
+    "--hb-bg-drawer": e.toolbar,
+    "--hb-bg-modal": e.toolbar,
+    "--hb-bg-hover": e.hover,
+    "--hb-bg-active": e.active,
+    "--hb-bg-section": e.section,
+    "--hb-bg-input": e.input,
+    "--hb-bg-tag": e.tag,
+    "--hb-text-primary": e.text,
+    "--hb-text-secondary": e.secondary,
+    "--hb-text-muted": e.muted,
+    "--hb-text-disabled": e.disabled,
+    "--hb-color-primary": e.primary,
+    "--hb-color-primary-light": e.primaryLight,
+    "--hb-color-primary-bg": e.primaryBg,
+    "--hb-color-success": e.success,
+    "--hb-color-warning": e.warning,
+    "--hb-color-danger": e.danger,
+    "--hb-color-title": e.title,
+    "--hb-border-color": e.border,
+    "--hb-border-light": e.borderLight,
+    "--hb-border-strong": e.borderStrong,
+    "--hb-radius-sm": e.radiusSm || "6px",
+    "--hb-radius-md": e.radiusMd || "8px",
+    "--hb-radius-lg": e.radiusLg || "10px",
+    "--hb-shadow-sm": `0 1px 4px ${e.shadowColor}`,
+    "--hb-shadow-md": `0 4px 12px ${e.shadowColor}`,
+    "--hb-shadow-lg": `0 8px 28px ${e.shadowColor}`,
+    "--hb-overlay": e.overlay,
+    "--hb-node-selected-stroke": e.primary,
+    "--hb-node-selected-shadow": `0 0 8px ${e.shadowColor}`,
     "--hb-node-hover-brightness": "0.96",
-    "--hb-node-radius": r.radiusMd || "8px",
+    "--hb-node-radius": e.radiusMd || "8px",
     "--hb-node-shadow-offset": "2px",
-    "--hb-port-fill": r.input,
-    "--hb-port-stroke": r.muted,
-    "--hb-port-hover-fill": r.primary,
-    "--hb-port-hover-stroke": r.primary,
-    "--hb-edge-stroke": r.muted,
-    "--hb-edge-hover-stroke": r.primary
+    "--hb-port-fill": e.input,
+    "--hb-port-stroke": e.muted,
+    "--hb-port-hover-fill": e.primary,
+    "--hb-port-hover-stroke": e.primary,
+    "--hb-edge-stroke": e.muted,
+    "--hb-edge-hover-stroke": e.primary
   };
 }
-Object.assign(i, {
+const v = /* @__PURE__ */ new Set(["dark", "tech", "vscode"]);
+function j(e) {
+  const t = h[e], a = (t == null ? void 0 : t.vars) || {}, r = v.has(e), i = a["--hb-color-primary"] || "#409eff", d = a["--hb-text-muted"] || "#909399", l = a["--hb-bg-toolbar"] || "#ffffff";
+  return {
+    "--hb-canvas-grid-color": a["--hb-canvas-grid-color"] || (r ? "rgba(148,163,184,0.22)" : "rgba(100,116,139,0.16)"),
+    "--hb-canvas-grid-size": a["--hb-canvas-grid-size"] || "20px",
+    "--hb-node-selected-stroke": a["--hb-node-selected-stroke"] || i,
+    "--hb-node-selected-shadow": a["--hb-node-selected-shadow"] || `0 0 0 2px ${i}, 0 4px 16px ${r ? "rgba(0,0,0,0.38)" : "rgba(15,23,42,0.16)"}`,
+    "--hb-node-selected-filter": a["--hb-node-selected-filter"] || `drop-shadow(0 0 5px ${r ? i : `${i}55`})`,
+    "--hb-node-hover-brightness": a["--hb-node-hover-brightness"] || (r ? "1.08" : "0.98"),
+    "--hb-node-radius": a["--hb-node-radius"] || a["--hb-radius-md"] || "8px",
+    "--hb-node-border": a["--hb-node-border"] || a["--hb-border-color"] || "#dcdfe6",
+    "--hb-node-shadow-offset": a["--hb-node-shadow-offset"] || "2px",
+    "--hb-node-shadow-color": a["--hb-node-shadow-color"] || (r ? "rgba(0,0,0,0.34)" : "rgba(15,23,42,0.14)"),
+    "--hb-node-icon-bg": a["--hb-node-icon-bg"] || (r ? "rgba(255,255,255,0.08)" : "rgba(15,23,42,0.06)"),
+    "--hb-node-icon-divider": a["--hb-node-icon-divider"] || (r ? "rgba(255,255,255,0.16)" : "rgba(15,23,42,0.10)"),
+    "--hb-node-text": a["--hb-node-text"] || a["--hb-text-primary"] || "#333333",
+    "--hb-port-fill": a["--hb-port-fill"] || l,
+    "--hb-port-stroke": a["--hb-port-stroke"] || d,
+    "--hb-port-radius": a["--hb-port-radius"] || (e === "modern" || e === "apple" ? "50%" : "3px"),
+    "--hb-port-hover-fill": a["--hb-port-hover-fill"] || i,
+    "--hb-port-hover-stroke": a["--hb-port-hover-stroke"] || i,
+    "--hb-edge-stroke": a["--hb-edge-stroke"] || d,
+    "--hb-edge-hover-stroke": a["--hb-edge-hover-stroke"] || i,
+    "--hb-edge-selected-stroke": a["--hb-edge-selected-stroke"] || i,
+    "--hb-edge-label-bg": a["--hb-edge-label-bg"] || l,
+    "--hb-edge-label-color": a["--hb-edge-label-color"] || a["--hb-text-secondary"] || d
+  };
+}
+function o(e, t, a) {
+  return e[t] || a;
+}
+function q(e) {
+  const t = u(e), a = h[t], r = { ...a == null ? void 0 : a.vars, ...j(t) }, i = o(r, "--hb-color-primary", "#409eff"), d = o(r, "--hb-color-danger", "#f56c6c"), l = o(r, "--hb-color-warning", "#e6a23c"), f = o(r, "--hb-color-success", "#67c23a"), p = o(r, "--hb-text-muted", "#909399"), b = o(r, "--hb-text-primary", "#333333"), g = o(r, "--hb-text-secondary", "#606266"), n = o(r, "--hb-bg-toolbar", "#ffffff");
+  return {
+    "--rg-bg-primary": o(r, "--hb-bg-root", n),
+    "--rg-bg-secondary": o(r, "--hb-bg-section", n),
+    "--rg-bg-tertiary": o(r, "--hb-bg-tag", n),
+    "--rg-bg-hover": o(r, "--hb-bg-hover", n),
+    "--rg-bg-active": o(r, "--hb-bg-active", n),
+    "--rg-bg-overlay": o(r, "--hb-overlay", "rgba(0,0,0,0.3)"),
+    "--rg-text-primary": b,
+    "--rg-text-secondary": g,
+    "--rg-text-tertiary": p,
+    "--rg-text-inverse": "#ffffff",
+    "--rg-text-link": i,
+    "--rg-text-link-hover": i,
+    "--rg-border-primary": o(r, "--hb-border-color", "#dcdfe6"),
+    "--rg-border-secondary": o(r, "--hb-border-strong", "#cbd5e1"),
+    "--rg-border-focus": i,
+    "--rg-border-error": d,
+    "--rg-border-radius": o(r, "--hb-radius-md", "8px"),
+    "--rg-border-radius-sm": o(r, "--hb-radius-sm", "4px"),
+    "--rg-border-radius-lg": o(r, "--hb-radius-lg", "12px"),
+    "--rg-border-radius-xl": o(r, "--hb-radius-lg", "12px"),
+    "--rg-shadow-sm": o(r, "--hb-shadow-sm", "0 1px 4px rgba(0,0,0,0.08)"),
+    "--rg-shadow-md": o(r, "--hb-shadow-md", "0 4px 12px rgba(0,0,0,0.12)"),
+    "--rg-shadow-lg": o(r, "--hb-shadow-lg", "0 8px 28px rgba(0,0,0,0.15)"),
+    "--rg-shadow-xl": o(r, "--hb-shadow-lg", "0 8px 28px rgba(0,0,0,0.15)"),
+    "--rg-shadow-focus": `0 0 0 3px ${i}44`,
+    "--rg-shadow-inset": "inset 0 2px 4px rgba(0,0,0,0.04)",
+    "--rg-canvas-bg": o(r, "--hb-bg-canvas", n),
+    "--rg-canvas-grid-color": o(r, "--hb-canvas-grid-color", "#e8eaee"),
+    "--rg-canvas-grid-size": o(r, "--hb-canvas-grid-size", "20px"),
+    "--rg-node-filter-bg": o(r, "--hb-bg-tag", n),
+    "--rg-node-filter-border": l,
+    "--rg-node-filter-text": b,
+    "--rg-node-transform-bg": o(r, "--hb-color-primary-bg", n),
+    "--rg-node-transform-border": i,
+    "--rg-node-transform-text": b,
+    "--rg-node-action-bg": o(r, "--hb-color-primary-bg", n),
+    "--rg-node-action-border": d,
+    "--rg-node-action-text": b,
+    "--rg-node-external-bg": o(r, "--hb-bg-tag", n),
+    "--rg-node-external-border": l,
+    "--rg-node-external-text": b,
+    "--rg-node-flow-bg": o(r, "--hb-color-primary-bg", n),
+    "--rg-node-flow-border": i,
+    "--rg-node-flow-text": b,
+    "--rg-node-start-bg": i,
+    "--rg-node-start-border": i,
+    "--rg-node-start-text": "#ffffff",
+    "--rg-node-border": o(r, "--hb-border-color", "#dcdfe6"),
+    "--rg-node-shadow": o(r, "--hb-shadow-md", "0 4px 12px rgba(0,0,0,0.12)"),
+    "--rg-node-shadow-hover": o(r, "--hb-shadow-lg", "0 8px 28px rgba(0,0,0,0.15)"),
+    "--rg-node-shadow-selected": o(r, "--hb-node-selected-shadow", `0 0 0 2px ${i}`),
+    "--rg-node-shadow-color": o(r, "--hb-node-shadow-color", "rgba(0,0,0,0.14)"),
+    "--rg-node-selected-filter": o(r, "--hb-node-selected-filter", "none"),
+    "--rg-node-width": "120px",
+    "--rg-node-min-height": "30px",
+    "--rg-node-font-size": o(r, "--hb-font-size-base", "13px"),
+    "--rg-edge-color": o(r, "--hb-edge-stroke", p),
+    "--rg-edge-color-hover": o(r, "--hb-edge-hover-stroke", i),
+    "--rg-edge-color-selected": o(r, "--hb-edge-selected-stroke", i),
+    "--rg-edge-width": "2px",
+    "--rg-edge-label-bg": o(r, "--hb-edge-label-bg", n),
+    "--rg-edge-label-color": o(r, "--hb-edge-label-color", g),
+    "--rg-edge-label-font-size": "11px",
+    "--rg-toolbar-bg": n,
+    "--rg-toolbar-border": o(r, "--hb-border-color", "#dcdfe6"),
+    "--rg-toolbar-shadow": o(r, "--hb-shadow-sm", "0 2px 8px rgba(0,0,0,0.06)"),
+    "--rg-toolbar-btn-bg": "transparent",
+    "--rg-toolbar-btn-bg-hover": o(r, "--hb-bg-hover", n),
+    "--rg-toolbar-btn-bg-active": o(r, "--hb-bg-active", n),
+    "--rg-toolbar-btn-color": g,
+    "--rg-toolbar-btn-color-hover": i,
+    "--rg-toolbar-btn-radius": o(r, "--hb-radius-sm", "6px"),
+    "--rg-sidebar-bg": o(r, "--hb-bg-sidebar", n),
+    "--rg-sidebar-border": o(r, "--hb-border-color", "#dcdfe6"),
+    "--rg-sidebar-width": "200px",
+    "--rg-sidebar-item-bg-hover": o(r, "--hb-bg-hover", n),
+    "--rg-sidebar-item-bg-active": o(r, "--hb-bg-active", n),
+    "--rg-sidebar-group-header-bg": o(r, "--hb-bg-section", n),
+    "--rg-panel-bg": o(r, "--hb-bg-drawer", n),
+    "--rg-panel-border": o(r, "--hb-border-color", "#dcdfe6"),
+    "--rg-panel-width": "320px",
+    "--rg-panel-shadow": o(r, "--hb-shadow-md", "0 4px 12px rgba(0,0,0,0.12)"),
+    "--rg-input-bg": o(r, "--hb-bg-input", n),
+    "--rg-input-border": o(r, "--hb-border-color", "#dcdfe6"),
+    "--rg-input-border-focus": i,
+    "--rg-input-text": b,
+    "--rg-input-placeholder": p,
+    "--rg-input-shadow-focus": `0 0 0 3px ${i}33`,
+    "--rg-btn-primary-bg": i,
+    "--rg-btn-primary-bg-hover": i,
+    "--rg-btn-primary-text": "#ffffff",
+    "--rg-btn-primary-shadow": o(r, "--hb-shadow-sm", "0 2px 6px rgba(0,0,0,0.10)"),
+    "--rg-btn-secondary-bg": n,
+    "--rg-btn-secondary-bg-hover": o(r, "--hb-bg-hover", n),
+    "--rg-btn-secondary-text": b,
+    "--rg-btn-danger-bg": d,
+    "--rg-btn-danger-bg-hover": d,
+    "--rg-btn-danger-text": "#ffffff",
+    "--rg-color-success": f,
+    "--rg-color-warning": l,
+    "--rg-color-error": d,
+    "--rg-color-info": i,
+    // editor-ui 历史变量别名。保留别名可让纯 DOM UI 与 Core/standalone
+    // 使用同一套主题，不再只在 light/dark 两套固定样式之间切换。
+    "--rg-primary-color": i,
+    "--rg-success-color": f,
+    "--rg-warning-color": l,
+    "--rg-danger-color": d,
+    "--rg-text-color": b,
+    "--rg-border-color": o(r, "--hb-border-color", "#dcdfe6"),
+    "--rg-hover-bg": o(r, "--hb-bg-hover", n),
+    "--rg-active-bg": o(r, "--hb-bg-active", n),
+    "--rg-badge-bg": o(r, "--hb-bg-tag", n),
+    "--rg-switch-off-bg": o(r, "--hb-text-disabled", "#c0c4cc"),
+    "--rg-console-bg": x(t) ? "#10131a" : "#1f2937",
+    "--rg-console-text": x(t) ? "#e5edf7" : "#f8fafc",
+    "--rg-transition-fast": o(r, "--hb-duration-fast", "100ms"),
+    "--rg-transition-normal": o(r, "--hb-duration", "160ms"),
+    "--rg-transition-slow": o(r, "--hb-duration-slow", "240ms")
+  };
+}
+function x(e) {
+  return v.has(u(e));
+}
+function C(e) {
+  const t = u(e), a = h[t], r = {
+    ...$,
+    ...(a == null ? void 0 : a.vars) || {},
+    ...j(t)
+  }, i = q(t), d = o(r, "--hb-color-primary", "#409eff"), l = o(r, "--hb-color-success", "#67c23a"), f = o(r, "--hb-color-warning", "#e6a23c"), p = o(r, "--hb-color-danger", "#f56c6c"), b = o(r, "--hb-text-primary", "#303133"), g = o(r, "--hb-text-secondary", "#606266"), n = o(r, "--hb-text-muted", "#909399"), M = o(r, "--hb-text-disabled", "#c0c4cc"), s = o(r, "--hb-bg-toolbar", "#ffffff"), c = o(r, "--hb-bg-section", "#f8fafc"), m = o(r, "--hb-border-color", "#dcdfe6"), w = o(r, "--hb-border-light", "#ebeef5"), E = o(r, "--hb-radius-md", "8px"), y = o(r, "--hb-shadow-md", "0 4px 12px rgba(0,0,0,0.12)"), S = x(t) ? "#10131a" : "#f6f8fa";
+  return {
+    ...r,
+    ...i,
+    "--hb-bg-panel": s,
+    "--hb-bg-muted": c,
+    "--hb-border": m,
+    "--hb-success": l,
+    "--hb-warning": f,
+    "--hb-danger": p,
+    "--hb-warning-soft": o(r, "--hb-bg-tag", c),
+    "--rge-bg": o(r, "--hb-bg-root", s),
+    "--rge-surface": s,
+    "--rge-surface-muted": c,
+    "--rge-panel-bg": c,
+    "--rge-toolbar-bg": s,
+    "--rge-border": m,
+    "--rge-border-light": w,
+    "--rge-text": b,
+    "--rge-text-secondary": g,
+    "--rge-text-muted": n,
+    "--rge-text-disabled": M,
+    "--rge-primary": d,
+    "--rge-primary-soft": o(r, "--hb-color-primary-bg", c),
+    "--rge-success": l,
+    "--rge-warning": f,
+    "--rge-danger": p,
+    "--rge-danger-soft": `color-mix(in srgb, ${p} 10%, transparent)`,
+    "--rge-shadow-dropdown": y,
+    "--rge-code-bg": S,
+    "--rge-code-inline-bg": x(t) ? "rgba(255,255,255,0.08)" : "rgba(15,23,42,0.08)",
+    "--huanban-rg-bg": o(r, "--hb-bg-root", s),
+    "--huanban-rg-surface": c,
+    "--huanban-rg-card": s,
+    "--huanban-rg-text": b,
+    "--huanban-rg-text-secondary": g,
+    "--huanban-rg-text-muted": n,
+    "--huanban-rg-border": m,
+    "--huanban-rg-border-soft": w,
+    "--huanban-rg-primary": d,
+    "--huanban-rg-danger": p,
+    "--huanban-rg-success": l,
+    "--huanban-rg-warning": f,
+    "--huanban-rg-row-bg": s,
+    "--huanban-rg-row-hover": o(r, "--hb-bg-hover", c),
+    "--huanban-rg-input-bg": o(r, "--hb-bg-input", s),
+    "--huanban-rg-icon-bg": d,
+    "--huanban-rg-shadow": y,
+    "--huanban-rg-radius": E
+  };
+}
+function X(e) {
+  const t = u(e), a = h[t];
+  return {
+    name: t,
+    label: (a == null ? void 0 : a.labelEn) || t,
+    isDark: v.has(t),
+    variables: C(t)
+  };
+}
+Object.assign(h, {
   colorful: {
     label: "彩色",
     labelEn: "Colorful",
-    vars: e({
+    vars: _({
       root: "#f8fafc",
       toolbar: "#ffffff",
       sidebar: "#ffffff",
@@ -422,7 +646,7 @@ Object.assign(i, {
   "ant-blue": {
     label: "蚂蚁蓝",
     labelEn: "Ant Blue",
-    vars: e({
+    vars: _({
       root: "#f0f7ff",
       toolbar: "#ffffff",
       sidebar: "#f7fbff",
@@ -456,7 +680,7 @@ Object.assign(i, {
   material: {
     label: "Material",
     labelEn: "Material",
-    vars: e({
+    vars: _({
       root: "#f8fbff",
       toolbar: "#ffffff",
       sidebar: "#ffffff",
@@ -490,7 +714,7 @@ Object.assign(i, {
   tailwind: {
     label: "Tailwind",
     labelEn: "Tailwind",
-    vars: e({
+    vars: _({
       root: "#f8fafc",
       toolbar: "#ffffff",
       sidebar: "#ffffff",
@@ -524,7 +748,7 @@ Object.assign(i, {
   github: {
     label: "GitHub",
     labelEn: "GitHub",
-    vars: e({
+    vars: _({
       root: "#f6f8fa",
       toolbar: "#ffffff",
       sidebar: "#ffffff",
@@ -558,7 +782,7 @@ Object.assign(i, {
   vscode: {
     label: "VS Code",
     labelEn: "VS Code",
-    vars: e({
+    vars: _({
       root: "#1e1e1e",
       toolbar: "#252526",
       sidebar: "#252526",
@@ -592,7 +816,7 @@ Object.assign(i, {
   apple: {
     label: "苹果",
     labelEn: "Apple",
-    vars: e({
+    vars: _({
       root: "#f5f5f7",
       toolbar: "#ffffff",
       sidebar: "#fbfbfd",
@@ -624,7 +848,7 @@ Object.assign(i, {
     })
   }
 });
-const u = {
+const F = {
   light: "default",
   classic: "default",
   blue: "tech",
@@ -638,43 +862,43 @@ const u = {
   mac: "apple",
   macos: "apple"
 };
-function w(r) {
-  const o = String(r || "").trim().toLowerCase();
-  return o ? Object.prototype.hasOwnProperty.call(i, o) ? o : u[o] || "default" : "default";
-}
-function m() {
-  let r = "";
-  for (const [o, t] of Object.entries(i)) {
-    const a = o === "default" ? '.huanban_rulego_editor_root, .huanban_rulego_editor_root[data-theme="default"]' : `.huanban_rulego_editor_root[data-theme="${o}"]`, l = Object.entries({ ...g, ...t.vars }).map(([b, p]) => `  ${b}: ${p};`).join(`
+function u(e) {
+  const t = String(e || "").trim().toLowerCase();
+  return t ? Object.prototype.hasOwnProperty.call(h, t) ? t : F[t] || "default" : "default";
+}
+function Y() {
+  let e = "";
+  for (const t of Object.keys(h)) {
+    const a = t === "default" ? '.huanban_rulego_editor_root, .huanban_rulego_editor_root[data-theme="default"]' : `.huanban_rulego_editor_root[data-theme="${t}"]`, r = Object.entries(C(t)).map(([i, d]) => `  ${i}: ${d};`).join(`
 `);
-    r += `${a} {
-${l}
+    e += `${a} {
+${r}
 }
 
 `;
   }
-  return r;
+  return e;
 }
-function k(r) {
-  const o = r.toLowerCase().includes("en");
-  return Object.entries(i).map(([t, a]) => ({
-    id: t,
-    label: o ? a.labelEn : a.label
+function V(e) {
+  const t = e.toLowerCase().includes("en");
+  return Object.entries(h).map(([a, r]) => ({
+    id: a,
+    label: t ? r.labelEn : r.label
   }));
 }
-let d = !1;
-function z() {
-  if (d) return;
-  d = !0;
-  const r = document.createElement("style");
-  r.id = "huanban_rulego_editor_styles", r.textContent = `
+let z = !1;
+function N() {
+  if (z) return;
+  z = !0;
+  const e = document.createElement("style");
+  e.id = "huanban_rulego_editor_styles", e.textContent = `
 /* ========== LogicFlow 内置样式 ========== */
-${s}
-${h}
+${L}
+${T}
 
 /* ========== 主题 CSS 变量 ========== */
-${x}
-${m()}
+${D}
+${Y()}
 
 
 /* ========== 编辑器根容器 ========== */
@@ -971,12 +1195,15 @@ ${m()}
 /* Node-RED 节点块 */
 .huanban_rulego_editor_node_block {
   cursor: move; margin: 6px auto; height: 25px;
-  border-radius: 5px; border: 1px solid #999;
+  border-radius: var(--hb-node-radius, 5px); border: 1px solid var(--hb-node-border, var(--hb-border-color, #999));
   width: 90%; position: relative; user-select: none;
-  transition: box-shadow 0.15s;
+  box-shadow: var(--hb-shadow-sm, 0 1px 4px rgba(0,0,0,0.08));
+  transition: box-shadow var(--hb-duration, 160ms) var(--hb-ease-out, ease-out), transform var(--hb-duration-fast, 100ms) var(--hb-ease-out, ease-out), border-color var(--hb-duration, 160ms) var(--hb-ease-out, ease-out);
 }
 .huanban_rulego_editor_node_block:hover {
-  box-shadow: 0 1px 4px rgba(0,0,0,0.15);
+  box-shadow: var(--hb-shadow-md, 0 4px 12px rgba(0,0,0,0.12));
+  border-color: var(--hb-color-primary, #409eff);
+  transform: translateY(-1px);
 }
 .huanban_rulego_editor_node_block:focus-visible {
   outline: 2px solid var(--hb-color-primary, #409eff);
@@ -992,9 +1219,9 @@ ${m()}
 
 .huanban_rulego_editor_node_icon_area {
   position: absolute; top: 0; bottom: 0; left: 0; width: 30px;
-  border-right: 1px solid rgba(0,0,0,0.05);
-  background-color: rgba(0,0,0,0.05);
-  border-radius: 5px 0 0 5px;
+  border-right: 1px solid var(--hb-node-icon-divider, rgba(0,0,0,0.05));
+  background-color: var(--hb-node-icon-bg, rgba(0,0,0,0.05));
+  border-radius: var(--hb-node-radius, 5px) 0 0 var(--hb-node-radius, 5px);
   display: flex; align-items: center; justify-content: center;
 }
 /* 分类标题和组件图标 */
@@ -1018,11 +1245,17 @@ ${m()}
 /* 端口小方块 */
 .huanban_rulego_editor_port {
   position: absolute; top: 8px; left: -5px;
-  background: #d9d9d9; border-radius: 3px;
-  width: 10px; height: 10px; border: 1px solid #999;
+  background: var(--hb-port-fill, #d9d9d9); border-radius: var(--hb-port-radius, 3px);
+  width: 10px; height: 10px; border: 1px solid var(--hb-port-stroke, #999);
   box-sizing: border-box;
+  transition: background var(--hb-duration-fast, 100ms) ease, border-color var(--hb-duration-fast, 100ms) ease, transform var(--hb-duration-fast, 100ms) ease;
 }
 .huanban_rulego_editor_port_output { left: auto; right: -6px; }
+.huanban_rulego_editor_port:hover {
+  background: var(--hb-port-hover-fill, var(--hb-color-primary, #409eff));
+  border-color: var(--hb-port-hover-stroke, var(--hb-color-primary, #409eff));
+  transform: scale(1.2);
+}
 
 /* ========== 画布 ========== */
 .huanban_rulego_editor_canvas {
@@ -1337,11 +1570,14 @@ ${m()}
 
 /* ========== Node-RED 风格画布样式 ========== */
 .custom-anchor {
-  stroke: #999; stroke-width: 1; fill: #d9d9d9;
+  stroke: var(--hb-port-stroke, #999); stroke-width: 1.25; fill: var(--hb-port-fill, #d9d9d9);
   cursor: crosshair; rx: 3; ry: 3;
+  transition: fill var(--hb-duration-fast, 100ms) ease, stroke var(--hb-duration-fast, 100ms) ease, transform var(--hb-duration-fast, 100ms) ease;
 }
 .custom-anchor:hover {
-  fill: #ff7f0e; stroke: #ff7f0e;
+  fill: var(--hb-port-hover-fill, var(--hb-color-primary, #ff7f0e));
+  stroke: var(--hb-port-hover-stroke, var(--hb-color-primary, #ff7f0e));
+  transform: scale(1.15);
 }
 .node-red-start {
   cursor: pointer; pointer-events: all;
@@ -8478,7 +8714,7 @@ ${m()}
 
 /* ========================================================================
    现代主题 (data-theme="modern") — 节点 & 画布视觉增强
-   参考 RuleChainEditor.vue 的节点设计风格:
+   设计重点:
    - 节点更大圆角 (10px)
    - 选中蓝色发光 (#3b82f6 glow)
    - 端口从方块变为圆形, hover 放大变蓝
@@ -8827,15 +9063,18 @@ ${m()}
     grid-template-columns: minmax(0, 1fr);
   }
 }
-`, document.head.appendChild(r);
+`, document.head.appendChild(e);
 }
 export {
-  n as E,
-  i as T,
-  x as a,
-  f as b,
-  _ as c,
-  k as g,
-  z as i,
-  w as n
+  k as E,
+  h as T,
+  V as a,
+  X as b,
+  R as c,
+  D as d,
+  O as e,
+  C as f,
+  q as g,
+  N as i,
+  u as n
 };