dishui 0.0.48 → 0.0.49

package/dist/components/pro/Flow/utils/themeColor.d.ts

@@ -3,15 +3,16 @@
  * `var(--color-base-100)` that may use `oklch(...)`) into a concrete sRGB color
  * for the WebGL canvas.
  *
- * PixiJS needs a numeric/hex color and cannot read CSS variables. We resolve in
- * two steps:
- *   1. A hidden probe element inherits the themed scope; setting its `color` to
- *      the requested value and reading `getComputedStyle().color` resolves the
- *      CSS variable. Note modern browsers return this in the value's ORIGINAL
- *      color space (e.g. `oklch(...)`), NOT `rgb(...)`.
- *   2. Rasterize that resolved string onto a 1x1 canvas and read the pixel back,
- *      which always yields concrete sRGB bytes regardless of the source color
- *      space. This is what keeps the Flow canvas in sync with any DishUI theme.
+ * PixiJS needs a numeric/hex color and cannot read CSS variables. Resolution:
+ *   1. A hidden probe element inherits the themed scope. Its `color` is set to
+ *      `color-mix(in srgb, <value> 100%, transparent)`, which forces the
+ *      browser to convert the color into the sRGB space at computed-value
+ *      time. `getComputedStyle` then serializes it as a plain `rgb(...)` or
+ *      `color(srgb ...)` string.
+ *   2. That string is parsed directly (no canvas). Canvas rasterization is
+ *      only a last resort: some engines silently reject CSS Color 4 functions
+ *      (`oklch()`, `lab()`, `color()`) in `fillStyle`, which previously turned
+ *      every probed theme color black.
  */
 /** Resolve a CSS color to a 0xRRGGBB number (for PixiJS). */
 export declare function cssColorToNumber(host: HTMLElement | null, cssValue: string, fallback: number): number;

package/dist/components/pro/Flow/utils/themeColor.js

@@ -1,12 +1,12 @@
-var o = null;
-function m() {
-  if (o) return o;
+var l = null;
+function d() {
+  if (l) return l;
   if (typeof document > "u") return null;
   const e = document.createElement("canvas");
-  return e.width = 1, e.height = 1, o = e.getContext("2d", { willReadFrequently: !0 }), o;
+  return e.width = 1, e.height = 1, l = e.getContext("2d", { willReadFrequently: !0 }), l;
 }
 function v(e) {
-  const r = m();
+  const r = d();
   if (!r) return null;
   try {
     r.clearRect(0, 0, 1, 1), r.fillStyle = "#000000", r.fillStyle = e, r.fillRect(0, 0, 1, 1);
@@ -20,34 +20,56 @@ function v(e) {
     return null;
   }
 }
-function c(e, r) {
+function o(e) {
+  return Math.max(0, Math.min(255, Math.round(e)));
+}
+function h(e) {
+  const r = /^rgba?\(\s*([\d.eE+-]+)[\s,]+([\d.eE+-]+)[\s,]+([\d.eE+-]+)/.exec(e);
+  if (r) return [
+    o(+r[1]),
+    o(+r[2]),
+    o(+r[3])
+  ];
+  const t = /^color\(\s*srgb\s+([\d.eE+-]+)\s+([\d.eE+-]+)\s+([\d.eE+-]+)/i.exec(e);
+  return t ? [
+    o(+t[1] * 255),
+    o(+t[2] * 255),
+    o(+t[3] * 255)
+  ] : null;
+}
+var p = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("color", "color-mix(in srgb, red, blue)");
+function i(e, r) {
   if (typeof document > "u") return null;
   try {
     const t = document.createElement("span");
-    t.style.position = "absolute", t.style.width = "0", t.style.height = "0", t.style.overflow = "hidden", t.style.pointerEvents = "none", t.style.color = r, (e ?? document.body).appendChild(t);
-    const n = getComputedStyle(t).color;
-    return t.remove(), v(n);
+    t.style.position = "absolute", t.style.width = "0", t.style.height = "0", t.style.overflow = "hidden", t.style.pointerEvents = "none", (e ?? document.body).appendChild(t);
+    const n = /^var\(\s*(--[\w-]+)\s*\)$/.exec(r);
+    if (n && !getComputedStyle(t).getPropertyValue(n[1]).trim())
+      return t.remove(), null;
+    t.style.color = p ? `color-mix(in srgb, ${r} 100%, transparent)` : r;
+    const a = getComputedStyle(t).color;
+    return t.remove(), h(a) ?? v(a);
   } catch {
     return null;
   }
 }
-function s(e, r, t) {
-  const n = c(e, r);
+function u(e, r, t) {
+  const n = i(e, r);
   return n ? n[0] << 16 | n[1] << 8 | n[2] : t;
 }
-function a(e, r, t) {
-  const n = c(e, r);
-  return n ? "#" + n.map((b) => b.toString(16).padStart(2, "0")).join("") : t;
+function s(e, r, t) {
+  const n = i(e, r);
+  return n ? "#" + n.map((a) => a.toString(16).padStart(2, "0")).join("") : t;
 }
-function h(e) {
+function g(e) {
   return {
-    background: s(e, "var(--color-base-200)", 16316922),
-    gridDot: s(e, "var(--color-base-content)", 13751771),
-    nodeFill: a(e, "var(--color-base-100)", "#ffffff"),
-    nodeText: a(e, "var(--color-base-content)", "#111827")
+    background: u(e, "var(--color-base-200)", 16316922),
+    gridDot: u(e, "var(--color-base-content)", 13751771),
+    nodeFill: s(e, "var(--color-base-100)", "#ffffff"),
+    nodeText: s(e, "var(--color-base-content)", "#111827")
   };
 }
-var d = "theme:", l = [
+var y = "theme:", c = [
   {
     token: "theme:base-100",
     cssVar: "var(--color-base-100)",
@@ -108,16 +130,16 @@ var d = "theme:", l = [
     cssVar: "var(--color-error)",
     label: "Error"
   }
-], u = new Map(l.map((e) => [e.token, e.cssVar])), p = new Map(l.map((e) => [e.token, e.label])), y = {
+], f = new Map(c.map((e) => [e.token, e.cssVar])), C = new Map(c.map((e) => [e.token, e.label])), S = {
   fill: "theme:base-100",
   stroke: "theme:base-content",
   text: "theme:base-content",
   line: "theme:base-content"
 };
-function g(e) {
-  return u.get(e);
+function E(e) {
+  return f.get(e);
 }
-var C = [
+var T = [
   {
     value: "#000000",
     label: "黑"
@@ -159,32 +181,32 @@ var C = [
     label: "粉"
   }
 ];
-function i(e) {
+function b(e) {
   return typeof e == "string" && e.startsWith("theme:");
 }
-var f = /* @__PURE__ */ new Map();
-function T(e) {
-  for (const { token: r, cssVar: t } of l) f.set(r, a(e, t, "#000000"));
+var m = /* @__PURE__ */ new Map();
+function k(e) {
+  for (const { token: r, cssVar: t } of c) m.set(r, s(e, t, "#000000"));
 }
-function k(e, r = "#000000") {
-  return e ? i(e) ? f.get(e) ?? r : e : r;
+function O(e, r = "#000000") {
+  return e ? b(e) ? m.get(e) ?? r : e : r;
 }
-function E(e, r = "#000000") {
-  return e ? i(e) ? u.get(e) ?? r : e : r;
+function V(e, r = "#000000") {
+  return e ? b(e) ? f.get(e) ?? r : e : r;
 }
 export {
-  C as COMMON_COLORS,
-  d as THEME_COLOR_PREFIX,
-  l as THEME_COLOR_TOKENS,
-  y as THEME_SYNC_TOKEN,
-  a as cssColorToHexString,
-  s as cssColorToNumber,
-  i as isThemeToken,
-  T as refreshThemePalette,
-  h as resolveFlowThemeColors,
-  k as resolveThemeColor,
-  E as resolveThemeColorCss,
-  g as themeTokenCssVar
+  T as COMMON_COLORS,
+  y as THEME_COLOR_PREFIX,
+  c as THEME_COLOR_TOKENS,
+  S as THEME_SYNC_TOKEN,
+  s as cssColorToHexString,
+  u as cssColorToNumber,
+  b as isThemeToken,
+  k as refreshThemePalette,
+  g as resolveFlowThemeColors,
+  O as resolveThemeColor,
+  V as resolveThemeColorCss,
+  E as themeTokenCssVar
 };
 
 //# sourceMappingURL=themeColor.js.map

package/dist/components/pro/Flow/utils/themeColor.js.map

@@ -1 +1 @@
-{"version":3,"file":"themeColor.js","names":[],"sources":["../../../../../src/components/pro/Flow/utils/themeColor.ts"],"sourcesContent":["/**\n * Resolve a CSS color value (including theme custom properties like\n * `var(--color-base-100)` that may use `oklch(...)`) into a concrete sRGB color\n * for the WebGL canvas.\n *\n * PixiJS needs a numeric/hex color and cannot read CSS variables. We resolve in\n * two steps:\n *   1. A hidden probe element inherits the themed scope; setting its `color` to\n *      the requested value and reading `getComputedStyle().color` resolves the\n *      CSS variable. Note modern browsers return this in the value's ORIGINAL\n *      color space (e.g. `oklch(...)`), NOT `rgb(...)`.\n *   2. Rasterize that resolved string onto a 1x1 canvas and read the pixel back,\n *      which always yields concrete sRGB bytes regardless of the source color\n *      space. This is what keeps the Flow canvas in sync with any DishUI theme.\n */\n\nlet _rasterCtx: CanvasRenderingContext2D | null = null;\nfunction getRasterCtx(): CanvasRenderingContext2D | null {\n  if (_rasterCtx) return _rasterCtx;\n  if (typeof document === 'undefined') return null;\n  const canvas = document.createElement('canvas');\n  canvas.width = 1;\n  canvas.height = 1;\n  _rasterCtx = canvas.getContext('2d', { willReadFrequently: true });\n  return _rasterCtx;\n}\n\n/** Rasterize any CSS color string to concrete sRGB bytes. */\nfunction rasterizeColor(cssColor: string): [number, number, number] | null {\n  const ctx = getRasterCtx();\n  if (!ctx) return null;\n  try {\n    ctx.clearRect(0, 0, 1, 1);\n    ctx.fillStyle = '#000000';\n    ctx.fillStyle = cssColor; // ignored if the browser can't parse it\n    ctx.fillRect(0, 0, 1, 1);\n    const { data } = ctx.getImageData(0, 0, 1, 1);\n    return [data[0], data[1], data[2]];\n  } catch {\n    return null;\n  }\n}\n\nfunction parseRgb(host: HTMLElement | null, cssValue: string): [number, number, number] | null {\n  if (typeof document === 'undefined') return null;\n  try {\n    const probe = document.createElement('span');\n    // Keep out of layout without `display:none` so `color` still resolves.\n    probe.style.position = 'absolute';\n    probe.style.width = '0';\n    probe.style.height = '0';\n    probe.style.overflow = 'hidden';\n    probe.style.pointerEvents = 'none';\n    probe.style.color = cssValue;\n    (host ?? document.body).appendChild(probe);\n    const resolved = getComputedStyle(probe).color;\n    probe.remove();\n    // `resolved` may be `oklch(...)`, `color(...)`, `rgb(...)`, etc. Rasterize\n    // it to get concrete sRGB bytes rather than guessing at the components.\n    return rasterizeColor(resolved);\n  } catch {\n    return null;\n  }\n}\n\n/** Resolve a CSS color to a 0xRRGGBB number (for PixiJS). */\nexport function cssColorToNumber(host: HTMLElement | null, cssValue: string, fallback: number): number {\n  const rgb = parseRgb(host, cssValue);\n  if (!rgb) return fallback;\n  return (rgb[0] << 16) | (rgb[1] << 8) | rgb[2];\n}\n\n/** Resolve a CSS color to a `#rrggbb` string (for persisted node data). */\nexport function cssColorToHexString(host: HTMLElement | null, cssValue: string, fallback: string): string {\n  const rgb = parseRgb(host, cssValue);\n  if (!rgb) return fallback;\n  return '#' + rgb.map((c) => c.toString(16).padStart(2, '0')).join('');\n}\n\n/**\n * The colors the Flow canvas derives from the active theme:\n * - `background`: the canvas backdrop, follows the theme's muted background.\n * - `gridDot`: grid dots, derived from the theme foreground color.\n * - `nodeFill`: default fill for new shapes, follows the theme base background.\n */\nexport interface FlowThemeColors {\n  background: number;\n  gridDot: number;\n  nodeFill: string;\n  nodeText: string;\n}\n\nexport function resolveFlowThemeColors(host: HTMLElement | null): FlowThemeColors {\n  return {\n    background: cssColorToNumber(host, 'var(--color-base-200)', 0xf8f9fa),\n    gridDot: cssColorToNumber(host, 'var(--color-base-content)', 0xd1d5db),\n    nodeFill: cssColorToHexString(host, 'var(--color-base-100)', '#ffffff'),\n    nodeText: cssColorToHexString(host, 'var(--color-base-content)', '#111827'),\n  };\n}\n\n/* ============================================================================\n * Theme color tokens\n *\n * Node/edge colors may be stored either as a literal color (`#rrggbb`,\n * `transparent`, …) or as a THEME TOKEN of the form `theme:<name>` (e.g.\n * `theme:base-100`). Theme tokens are resolved to the live theme color at\n * render time, so shapes that use them re-color automatically whenever the\n * DishUI theme changes. These tokens are the default colors for new shapes.\n * ========================================================================== */\n\nexport const THEME_COLOR_PREFIX = 'theme:';\n\n/** A selectable theme color, shown as a swatch in the inspector. */\nexport interface ThemeColorToken {\n  /** Stored value, e.g. `theme:base-100`. */\n  token: string;\n  /** CSS custom property backing the token. */\n  cssVar: string;\n  /** Short label for the inspector tooltip. */\n  label: string;\n}\n\n/** The theme colors offered as presets/defaults for Flow color fields. */\nexport const THEME_COLOR_TOKENS: ThemeColorToken[] = [\n  { token: 'theme:base-100', cssVar: 'var(--color-base-100)', label: 'Base 100' },\n  { token: 'theme:base-200', cssVar: 'var(--color-base-200)', label: 'Base 200' },\n  { token: 'theme:base-300', cssVar: 'var(--color-base-300)', label: 'Base 300' },\n  { token: 'theme:base-content', cssVar: 'var(--color-base-content)', label: 'Base Content' },\n  { token: 'theme:primary', cssVar: 'var(--color-primary)', label: 'Primary' },\n  { token: 'theme:secondary', cssVar: 'var(--color-secondary)', label: 'Secondary' },\n  { token: 'theme:accent', cssVar: 'var(--color-accent)', label: 'Accent' },\n  { token: 'theme:neutral', cssVar: 'var(--color-neutral)', label: 'Neutral' },\n  { token: 'theme:info', cssVar: 'var(--color-info)', label: 'Info' },\n  { token: 'theme:success', cssVar: 'var(--color-success)', label: 'Success' },\n  { token: 'theme:warning', cssVar: 'var(--color-warning)', label: 'Warning' },\n  { token: 'theme:error', cssVar: 'var(--color-error)', label: 'Error' },\n];\n\nconst TOKEN_TO_CSSVAR = new Map(THEME_COLOR_TOKENS.map((t) => [t.token, t.cssVar]));\nconst TOKEN_TO_LABEL = new Map(THEME_COLOR_TOKENS.map((t) => [t.token, t.label]));\n\n/**\n * The \"follow theme\" default token for each color field type. Each field syncs\n * to a theme role so shapes stay legible against the canvas:\n *  - `fill`   -> theme background  (base-100)\n *  - `stroke` -> theme font color  (base-content) — a visible outline\n *  - `text`   -> theme font color  (base-content)\n *  - `line`   -> theme font color  (base-content) — lines/edges\n */\nexport type ThemeColorFieldKind = 'fill' | 'stroke' | 'text' | 'line';\n\nexport const THEME_SYNC_TOKEN: Record<ThemeColorFieldKind, string> = {\n  fill: 'theme:base-100',\n  stroke: 'theme:base-content',\n  text: 'theme:base-content',\n  line: 'theme:base-content',\n};\n\n/** The CSS var backing a given theme token (for live-updating DOM swatches). */\nexport function themeTokenCssVar(token: string): string | undefined {\n  return TOKEN_TO_CSSVAR.get(token);\n}\n\n/** Human label for a theme token (for tooltips). */\nexport function themeTokenLabel(token: string): string | undefined {\n  return TOKEN_TO_LABEL.get(token);\n}\n\n/**\n * Common named colors offered after the theme-sync swatch: a compact rainbow\n * plus black/white. Order follows 黑白赤橙黄绿青蓝紫粉 (black, white, red,\n * orange, yellow, green, cyan, blue, purple, pink).\n */\nexport interface NamedColor {\n  value: string;\n  /** Chinese label shown on hover. */\n  label: string;\n}\n\nexport const COMMON_COLORS: NamedColor[] = [\n  { value: '#000000', label: '黑' },\n  { value: '#ffffff', label: '白' },\n  { value: '#ef4444', label: '赤' },\n  { value: '#f97316', label: '橙' },\n  { value: '#eab308', label: '黄' },\n  { value: '#22c55e', label: '绿' },\n  { value: '#06b6d4', label: '青' },\n  { value: '#3b82f6', label: '蓝' },\n  { value: '#8b5cf6', label: '紫' },\n  { value: '#ec4899', label: '粉' },\n];\n\n/** True when `value` is a `theme:*` token. */\nexport function isThemeToken(value: string | undefined | null): value is string {\n  return typeof value === 'string' && value.startsWith(THEME_COLOR_PREFIX);\n}\n\n// Module-level cache of the currently resolved token -> `#rrggbb` mapping. The\n// render loop resolves tokens against this cache (cheap, synchronous) instead\n// of probing the DOM every frame. `refreshThemePalette` rebuilds it whenever\n// the theme changes.\nconst _palette = new Map<string, string>();\n\n/**\n * Re-resolve every theme token against the given host's themed scope and cache\n * the results. Call on init and whenever the active theme changes.\n */\nexport function refreshThemePalette(host: HTMLElement | null): void {\n  for (const { token, cssVar } of THEME_COLOR_TOKENS) {\n    _palette.set(token, cssColorToHexString(host, cssVar, '#000000'));\n  }\n}\n\n/**\n * Resolve a stored color value to a concrete `#rrggbb`/literal color. Theme\n * tokens are looked up in the cached palette; anything else is returned as-is.\n */\nexport function resolveThemeColor(value: string | undefined | null, fallback = '#000000'): string {\n  if (!value) return fallback;\n  if (isThemeToken(value)) return _palette.get(value) ?? fallback;\n  return value;\n}\n\n/**\n * Resolve a stored color to a value usable directly in the DOM. Theme tokens\n * map to their CSS variable so the browser tracks theme changes natively.\n */\nexport function resolveThemeColorCss(value: string | undefined | null, fallback = '#000000'): string {\n  if (!value) return fallback;\n  if (isThemeToken(value)) return TOKEN_TO_CSSVAR.get(value) ?? fallback;\n  return value;\n}\n"],"mappings":"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"}
+{"version":3,"file":"themeColor.js","names":[],"sources":["../../../../../src/components/pro/Flow/utils/themeColor.ts"],"sourcesContent":["/**\n * Resolve a CSS color value (including theme custom properties like\n * `var(--color-base-100)` that may use `oklch(...)`) into a concrete sRGB color\n * for the WebGL canvas.\n *\n * PixiJS needs a numeric/hex color and cannot read CSS variables. Resolution:\n *   1. A hidden probe element inherits the themed scope. Its `color` is set to\n *      `color-mix(in srgb, <value> 100%, transparent)`, which forces the\n *      browser to convert the color into the sRGB space at computed-value\n *      time. `getComputedStyle` then serializes it as a plain `rgb(...)` or\n *      `color(srgb ...)` string.\n *   2. That string is parsed directly (no canvas). Canvas rasterization is\n *      only a last resort: some engines silently reject CSS Color 4 functions\n *      (`oklch()`, `lab()`, `color()`) in `fillStyle`, which previously turned\n *      every probed theme color black.\n */\n\nlet _rasterCtx: CanvasRenderingContext2D | null = null;\nfunction getRasterCtx(): CanvasRenderingContext2D | null {\n  if (_rasterCtx) return _rasterCtx;\n  if (typeof document === 'undefined') return null;\n  const canvas = document.createElement('canvas');\n  canvas.width = 1;\n  canvas.height = 1;\n  _rasterCtx = canvas.getContext('2d', { willReadFrequently: true });\n  return _rasterCtx;\n}\n\n/** Rasterize any CSS color string to concrete sRGB bytes. */\nfunction rasterizeColor(cssColor: string): [number, number, number] | null {\n  const ctx = getRasterCtx();\n  if (!ctx) return null;\n  try {\n    ctx.clearRect(0, 0, 1, 1);\n    ctx.fillStyle = '#000000';\n    ctx.fillStyle = cssColor; // ignored if the browser can't parse it\n    ctx.fillRect(0, 0, 1, 1);\n    const { data } = ctx.getImageData(0, 0, 1, 1);\n    return [data[0], data[1], data[2]];\n  } catch {\n    return null;\n  }\n}\n\nfunction byte(v: number): number {\n  return Math.max(0, Math.min(255, Math.round(v)));\n}\n\n/**\n * Parse the sRGB strings a browser serializes a computed color to when the\n * color was forced into the sRGB space: `rgb(...)` / `rgba(...)` (0-255\n * channels) or `color(srgb r g b / a)` (0-1 float channels).\n */\nfunction parseSrgbString(value: string): [number, number, number] | null {\n  const rgb = /^rgba?\\(\\s*([\\d.eE+-]+)[\\s,]+([\\d.eE+-]+)[\\s,]+([\\d.eE+-]+)/.exec(value);\n  if (rgb) return [byte(+rgb[1]), byte(+rgb[2]), byte(+rgb[3])];\n  const fn = /^color\\(\\s*srgb\\s+([\\d.eE+-]+)\\s+([\\d.eE+-]+)\\s+([\\d.eE+-]+)/i.exec(value);\n  if (fn) return [byte(+fn[1] * 255), byte(+fn[2] * 255), byte(+fn[3] * 255)];\n  return null;\n}\n\n/** Whether the browser computes color-mix() (used to force sRGB output). */\nconst SUPPORTS_COLOR_MIX =\n  typeof CSS !== 'undefined' &&\n  typeof CSS.supports === 'function' &&\n  CSS.supports('color', 'color-mix(in srgb, red, blue)');\n\nfunction parseRgb(host: HTMLElement | null, cssValue: string): [number, number, number] | null {\n  if (typeof document === 'undefined') return null;\n  try {\n    const probe = document.createElement('span');\n    // Keep out of layout without `display:none` so `color` still resolves.\n    probe.style.position = 'absolute';\n    probe.style.width = '0';\n    probe.style.height = '0';\n    probe.style.overflow = 'hidden';\n    probe.style.pointerEvents = 'none';\n    (host ?? document.body).appendChild(probe);\n    // Bail out when the requested custom property is undefined in this scope:\n    // var() would invalidate the declaration and the probe would report its\n    // inherited text color instead of the theme color.\n    const varMatch = /^var\\(\\s*(--[\\w-]+)\\s*\\)$/.exec(cssValue);\n    if (varMatch && !getComputedStyle(probe).getPropertyValue(varMatch[1]).trim()) {\n      probe.remove();\n      return null;\n    }\n    // Force the resolved color into the sRGB space at computed-value time, so\n    // the serialized result is a plain rgb()/color(srgb) string we can parse\n    // ourselves. Do NOT rasterize oklch()/lab() via canvas fillStyle here:\n    // some engines (e.g. WebKit) silently reject CSS Color 4 functions in\n    // canvas, which used to turn every probed theme color black.\n    probe.style.color = SUPPORTS_COLOR_MIX\n      ? `color-mix(in srgb, ${cssValue} 100%, transparent)`\n      : cssValue;\n    const resolved = getComputedStyle(probe).color;\n    probe.remove();\n    return parseSrgbString(resolved) ?? rasterizeColor(resolved);\n  } catch {\n    return null;\n  }\n}\n\n/** Resolve a CSS color to a 0xRRGGBB number (for PixiJS). */\nexport function cssColorToNumber(host: HTMLElement | null, cssValue: string, fallback: number): number {\n  const rgb = parseRgb(host, cssValue);\n  if (!rgb) return fallback;\n  return (rgb[0] << 16) | (rgb[1] << 8) | rgb[2];\n}\n\n/** Resolve a CSS color to a `#rrggbb` string (for persisted node data). */\nexport function cssColorToHexString(host: HTMLElement | null, cssValue: string, fallback: string): string {\n  const rgb = parseRgb(host, cssValue);\n  if (!rgb) return fallback;\n  return '#' + rgb.map((c) => c.toString(16).padStart(2, '0')).join('');\n}\n\n/**\n * The colors the Flow canvas derives from the active theme:\n * - `background`: the canvas backdrop, follows the theme's muted background.\n * - `gridDot`: grid dots, derived from the theme foreground color.\n * - `nodeFill`: default fill for new shapes, follows the theme base background.\n */\nexport interface FlowThemeColors {\n  background: number;\n  gridDot: number;\n  nodeFill: string;\n  nodeText: string;\n}\n\nexport function resolveFlowThemeColors(host: HTMLElement | null): FlowThemeColors {\n  return {\n    background: cssColorToNumber(host, 'var(--color-base-200)', 0xf8f9fa),\n    gridDot: cssColorToNumber(host, 'var(--color-base-content)', 0xd1d5db),\n    nodeFill: cssColorToHexString(host, 'var(--color-base-100)', '#ffffff'),\n    nodeText: cssColorToHexString(host, 'var(--color-base-content)', '#111827'),\n  };\n}\n\n/* ============================================================================\n * Theme color tokens\n *\n * Node/edge colors may be stored either as a literal color (`#rrggbb`,\n * `transparent`, …) or as a THEME TOKEN of the form `theme:<name>` (e.g.\n * `theme:base-100`). Theme tokens are resolved to the live theme color at\n * render time, so shapes that use them re-color automatically whenever the\n * DishUI theme changes. These tokens are the default colors for new shapes.\n * ========================================================================== */\n\nexport const THEME_COLOR_PREFIX = 'theme:';\n\n/** A selectable theme color, shown as a swatch in the inspector. */\nexport interface ThemeColorToken {\n  /** Stored value, e.g. `theme:base-100`. */\n  token: string;\n  /** CSS custom property backing the token. */\n  cssVar: string;\n  /** Short label for the inspector tooltip. */\n  label: string;\n}\n\n/** The theme colors offered as presets/defaults for Flow color fields. */\nexport const THEME_COLOR_TOKENS: ThemeColorToken[] = [\n  { token: 'theme:base-100', cssVar: 'var(--color-base-100)', label: 'Base 100' },\n  { token: 'theme:base-200', cssVar: 'var(--color-base-200)', label: 'Base 200' },\n  { token: 'theme:base-300', cssVar: 'var(--color-base-300)', label: 'Base 300' },\n  { token: 'theme:base-content', cssVar: 'var(--color-base-content)', label: 'Base Content' },\n  { token: 'theme:primary', cssVar: 'var(--color-primary)', label: 'Primary' },\n  { token: 'theme:secondary', cssVar: 'var(--color-secondary)', label: 'Secondary' },\n  { token: 'theme:accent', cssVar: 'var(--color-accent)', label: 'Accent' },\n  { token: 'theme:neutral', cssVar: 'var(--color-neutral)', label: 'Neutral' },\n  { token: 'theme:info', cssVar: 'var(--color-info)', label: 'Info' },\n  { token: 'theme:success', cssVar: 'var(--color-success)', label: 'Success' },\n  { token: 'theme:warning', cssVar: 'var(--color-warning)', label: 'Warning' },\n  { token: 'theme:error', cssVar: 'var(--color-error)', label: 'Error' },\n];\n\nconst TOKEN_TO_CSSVAR = new Map(THEME_COLOR_TOKENS.map((t) => [t.token, t.cssVar]));\nconst TOKEN_TO_LABEL = new Map(THEME_COLOR_TOKENS.map((t) => [t.token, t.label]));\n\n/**\n * The \"follow theme\" default token for each color field type. Each field syncs\n * to a theme role so shapes stay legible against the canvas:\n *  - `fill`   -> theme background  (base-100)\n *  - `stroke` -> theme font color  (base-content) — a visible outline\n *  - `text`   -> theme font color  (base-content)\n *  - `line`   -> theme font color  (base-content) — lines/edges\n */\nexport type ThemeColorFieldKind = 'fill' | 'stroke' | 'text' | 'line';\n\nexport const THEME_SYNC_TOKEN: Record<ThemeColorFieldKind, string> = {\n  fill: 'theme:base-100',\n  stroke: 'theme:base-content',\n  text: 'theme:base-content',\n  line: 'theme:base-content',\n};\n\n/** The CSS var backing a given theme token (for live-updating DOM swatches). */\nexport function themeTokenCssVar(token: string): string | undefined {\n  return TOKEN_TO_CSSVAR.get(token);\n}\n\n/** Human label for a theme token (for tooltips). */\nexport function themeTokenLabel(token: string): string | undefined {\n  return TOKEN_TO_LABEL.get(token);\n}\n\n/**\n * Common named colors offered after the theme-sync swatch: a compact rainbow\n * plus black/white. Order follows 黑白赤橙黄绿青蓝紫粉 (black, white, red,\n * orange, yellow, green, cyan, blue, purple, pink).\n */\nexport interface NamedColor {\n  value: string;\n  /** Chinese label shown on hover. */\n  label: string;\n}\n\nexport const COMMON_COLORS: NamedColor[] = [\n  { value: '#000000', label: '黑' },\n  { value: '#ffffff', label: '白' },\n  { value: '#ef4444', label: '赤' },\n  { value: '#f97316', label: '橙' },\n  { value: '#eab308', label: '黄' },\n  { value: '#22c55e', label: '绿' },\n  { value: '#06b6d4', label: '青' },\n  { value: '#3b82f6', label: '蓝' },\n  { value: '#8b5cf6', label: '紫' },\n  { value: '#ec4899', label: '粉' },\n];\n\n/** True when `value` is a `theme:*` token. */\nexport function isThemeToken(value: string | undefined | null): value is string {\n  return typeof value === 'string' && value.startsWith(THEME_COLOR_PREFIX);\n}\n\n// Module-level cache of the currently resolved token -> `#rrggbb` mapping. The\n// render loop resolves tokens against this cache (cheap, synchronous) instead\n// of probing the DOM every frame. `refreshThemePalette` rebuilds it whenever\n// the theme changes.\nconst _palette = new Map<string, string>();\n\n/**\n * Re-resolve every theme token against the given host's themed scope and cache\n * the results. Call on init and whenever the active theme changes.\n */\nexport function refreshThemePalette(host: HTMLElement | null): void {\n  for (const { token, cssVar } of THEME_COLOR_TOKENS) {\n    _palette.set(token, cssColorToHexString(host, cssVar, '#000000'));\n  }\n}\n\n/**\n * Resolve a stored color value to a concrete `#rrggbb`/literal color. Theme\n * tokens are looked up in the cached palette; anything else is returned as-is.\n */\nexport function resolveThemeColor(value: string | undefined | null, fallback = '#000000'): string {\n  if (!value) return fallback;\n  if (isThemeToken(value)) return _palette.get(value) ?? fallback;\n  return value;\n}\n\n/**\n * Resolve a stored color to a value usable directly in the DOM. Theme tokens\n * map to their CSS variable so the browser tracks theme changes natively.\n */\nexport function resolveThemeColorCss(value: string | undefined | null, fallback = '#000000'): string {\n  if (!value) return fallback;\n  if (isThemeToken(value)) return TOKEN_TO_CSSVAR.get(value) ?? fallback;\n  return value;\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dishui",
-  "version": "0.0.48",
+  "version": "0.0.49",
   "description": "New Components UI Framework with AI Powered",
   "type": "module",
   "main": "dist/index.js",