smart-admin-web 10.15.0 → 10.20.1

package/dist/theme/accentTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accentTokens.js","sources":["../../src/theme/accentTokens.ts"],"sourcesContent":["import { chartPalette, derivePrimary, fieldOf, mix, readable, rgba, shift, FIELD } from './mix'\n\n/**\n * 强调色 → 一整套随强调色变化的令牌。\n *\n * 两个消费者共用这一份结果,不各算一遍:\n *   - `useTheme.applyAccentVars` 把 `css` 逐项写到 `<html>` 的 style 上(裸 CSS 与页面 scoped 里的 var(--sel-bg) 等换色);\n *   - `naive-theme.ts` 取 `signal` / `acc` / `onAcc` / `hover` / `pressed` / `linkFg` / `activeFg` / `ring` 喂 Naive overrides。\n * 两边各算一份的话,改一处忘另一处就是裸 CSS 与 Naive 组件的强调色不同步,而没有任何东西会报错。\n */\nexport interface AccentDerived {\n  /** 原始强调色(信号色 = 强调色:图标、聚焦环、数据线、菜单选中底)。 */\n  signal: string\n  /** 实心控件底色 = `solid(signal)`,明暗同值。 */\n  acc: string\n  /** 压在 `acc` 上的字色。 */\n  onAcc: string\n  hover: string\n  pressed: string\n  /** 强调色当「选中文字 / 侧栏图标」用的可读版:浅色压暗到对白底 ≥ 4.5:1,深色往白提亮 35%。 */\n  activeFg: string\n  /** 文字按钮 / 行内操作按钮 / 链接的字色。 */\n  linkFg: string\n  /** 聚焦环 `0 0 0 3px rgba(signal, α)`。 */\n  ring: string\n  /** 要写到 `<html>` 的 CSS 变量(名 → 值)。 */\n  css: Record<string, string>\n}\n\n/** 应用内环境光四团的不透明度(深色底更吃得住颜色,但噪点和玻璃叠上去会再提一档,所以比浅色略收)。 */\nconst AMBIENT_OP = {\n  light: [0.2, 0.15, 0.13, 0.14],\n  dark: [0.17, 0.13, 0.11, 0.12],\n} as const\n\n/** 登录页色场四团的不透明度:比应用内浓得多,还会漂。 */\nconst DESK_OP = {\n  light: [0.55, 0.45, 0.5, 0.34],\n  dark: [0.85, 0.7, 0.6, 0.55],\n} as const\n\nexport function deriveAccentTokens(accent: string, dark: boolean): AccentDerived {\n  const signal = accent\n  const p = derivePrimary(accent, dark)\n  const acc = p.primary\n\n  // 深色:往白提亮 35%;浅色:压暗到可读。activeFg(侧栏 / 选中)与 linkFg(文字按钮)当前取值相同,\n  // 保留两个出口,以后要分化时不用动调用方。\n  const activeFg = dark ? mix(signal, '#FFFFFF', 0.35) : readable(signal)\n  const linkFg = dark ? mix(signal, '#FFFFFF', 0.35) : readable(signal)\n  const ring = `0 0 0 3px ${rgba(signal, dark ? 0.35 : 0.22)}`\n\n  const field = fieldOf(signal)\n  const ambientOp = dark ? AMBIENT_OP.dark : AMBIENT_OP.light\n  const deskOp = dark ? DESK_OP.dark : DESK_OP.light\n\n  const css: Record<string, string> = {\n    '--accent': signal,\n    '--signal': signal,\n    '--signal-glow': rgba(signal, dark ? 0.55 : 0.35),\n    '--acc-solid': acc,\n    '--on-acc': p.on,\n    '--acc-hover': p.hover,\n    '--acc-pressed': p.pressed,\n    // 选中态令牌:模块卡片 / 表格选中行等「当前项」统一用,颜色跟信号色走\n    '--sel-bg': rgba(signal, dark ? 0.14 : 0.06),\n    '--sel-ring': rgba(signal, dark ? 0.6 : 0.5),\n    '--sel-halo': rgba(signal, dark ? 0.16 : 0.1),\n    '--sel-fg': activeFg,\n    // 页签 / 列表当前项\n    '--tab-active-bg': rgba(signal, dark ? 0.18 : 0.08),\n    '--tab-active-fg': activeFg,\n    '--tab-active-ring': rgba(signal, dark ? 0.35 : 0.22),\n    // 顶部页签激活态。深色三项是固定的蓝(rgba(59,155,255,.2) / #FFF / rgba(130,190,255,.65)),不随强调色走;\n    // 浅色三项随强调色。\n    '--tab-on-bg': dark ? 'rgba(59, 155, 255, 0.2)' : rgba(signal, 0.1),\n    '--tab-on-fg': dark ? '#ffffff' : readable(signal),\n    '--tab-on-ring': dark ? 'rgba(130, 190, 255, 0.65)' : rgba(signal, 0.5),\n    // 登录页主按钮渐变 / 标语高亮的第二色:走强调色本色位移,石墨时不退回蓝(见 fieldSrc)\n    '--login-accent-2': shift(signal, FIELD[1][0], FIELD[1][1], FIELD[1][2]),\n  }\n  field.forEach((c, i) => {\n    css[`--ambient-${i + 1}`] = rgba(c, ambientOp[i]!)\n    css[`--desk-${i + 1}`] = rgba(c, deskOp[i]!)\n  })\n  // 图表数据色(折线 / 柱 / 饼的系列色,工作台统计卡的图标色也用它):强调色的邻近色相,不复用状态语义色\n  chartPalette(signal, dark).forEach((c, i) => {\n    css[`--chart-${i + 1}`] = c\n  })\n\n  return {\n    signal,\n    acc,\n    onAcc: p.on,\n    hover: p.hover,\n    pressed: p.pressed,\n    activeFg,\n    linkFg,\n    ring,\n    css,\n  }\n}\n"],"names":["AMBIENT_OP","DESK_OP","deriveAccentTokens","accent","dark","signal","p","derivePrimary","acc","activeFg","mix","readable","linkFg","ring","rgba","field","fieldOf","ambientOp","deskOp","css","shift","FIELD","c","i","chartPalette"],"mappings":";AA8BA,MAAMA,IAAa;AAAA,EACjB,OAAO,CAAC,KAAK,MAAM,MAAM,IAAI;AAAA,EAC7B,MAAM,CAAC,MAAM,MAAM,MAAM,IAAI;AAC/B,GAGMC,IAAU;AAAA,EACd,OAAO,CAAC,MAAM,MAAM,KAAK,IAAI;AAAA,EAC7B,MAAM,CAAC,MAAM,KAAK,KAAK,IAAI;AAC7B;AAEO,SAASC,EAAmBC,GAAgBC,GAA8B;AAC/E,QAAMC,IAASF,GACTG,IAAIC,EAAcJ,GAAQC,CAAI,GAC9BI,IAAMF,EAAE,SAIRG,IAAWL,IAAOM,EAAIL,GAAQ,WAAW,IAAI,IAAIM,EAASN,CAAM,GAChEO,IAASR,IAAOM,EAAIL,GAAQ,WAAW,IAAI,IAAIM,EAASN,CAAM,GAC9DQ,IAAO,aAAaC,EAAKT,GAAQD,IAAO,OAAO,IAAI,CAAC,IAEpDW,IAAQC,EAAQX,CAAM,GACtBY,IAAYb,IAAOJ,EAAW,OAAOA,EAAW,OAChDkB,IAASd,IAAOH,EAAQ,OAAOA,EAAQ,OAEvCkB,IAA8B;AAAA,IAClC,YAAYd;AAAA,IACZ,YAAYA;AAAA,IACZ,iBAAiBS,EAAKT,GAAQD,IAAO,OAAO,IAAI;AAAA,IAChD,eAAeI;AAAA,IACf,YAAYF,EAAE;AAAA,IACd,eAAeA,EAAE;AAAA,IACjB,iBAAiBA,EAAE;AAAA;AAAA,IAEnB,YAAYQ,EAAKT,GAAQD,IAAO,OAAO,IAAI;AAAA,IAC3C,cAAcU,EAAKT,GAAQD,IAAO,MAAM,GAAG;AAAA,IAC3C,cAAcU,EAAKT,GAAQD,IAAO,OAAO,GAAG;AAAA,IAC5C,YAAYK;AAAA;AAAA,IAEZ,mBAAmBK,EAAKT,GAAQD,IAAO,OAAO,IAAI;AAAA,IAClD,mBAAmBK;AAAA,IACnB,qBAAqBK,EAAKT,GAAQD,IAAO,OAAO,IAAI;AAAA;AAAA;AAAA,IAGpD,eAAeA,IAAO,4BAA4BU,EAAKT,GAAQ,GAAG;AAAA,IAClE,eAAeD,IAAO,YAAYO,EAASN,CAAM;AAAA,IACjD,iBAAiBD,IAAO,8BAA8BU,EAAKT,GAAQ,GAAG;AAAA;AAAA,IAEtE,oBAAoBe,EAAMf,GAAQgB,EAAM,CAAC,EAAE,CAAC,GAAGA,EAAM,CAAC,EAAE,CAAC,GAAGA,EAAM,CAAC,EAAE,CAAC,CAAC;AAAA,EAAA;AAEzE,SAAAN,EAAM,QAAQ,CAACO,GAAGC,MAAM;AACtB,IAAAJ,EAAI,aAAaI,IAAI,CAAC,EAAE,IAAIT,EAAKQ,GAAGL,EAAUM,CAAC,CAAE,GACjDJ,EAAI,UAAUI,IAAI,CAAC,EAAE,IAAIT,EAAKQ,GAAGJ,EAAOK,CAAC,CAAE;AAAA,EAC7C,CAAC,GAEDC,EAAanB,GAAQD,CAAI,EAAE,QAAQ,CAACkB,GAAGC,MAAM;AAC3C,IAAAJ,EAAI,WAAWI,IAAI,CAAC,EAAE,IAAID;AAAA,EAC5B,CAAC,GAEM;AAAA,IACL,QAAAjB;AAAA,IACA,KAAAG;AAAA,IACA,OAAOF,EAAE;AAAA,IACT,OAAOA,EAAE;AAAA,IACT,SAASA,EAAE;AAAA,IACX,UAAAG;AAAA,IACA,QAAAG;AAAA,IACA,MAAAC;AAAA,IACA,KAAAM;AAAA,EAAA;AAEJ;"}

package/dist/theme/accents.d.ts

@@ -1,2 +1,22 @@
-export declare const ACCENTS: readonly ["#14B8A6", "#646CFF", "#7C5CFF", "#0EA5E9", "#EC4899", "#F97316"];
+/**
+ * 6 个强调色候选,全部取自 macOS 系统色:
+ * 蓝 #0A84FF(默认)、靛蓝 #5856D6、紫 #AF52DE、深青 #30B0C7、墨绿 #30D158、石墨 #8E8E93。
+ *
+ * **取值标准是原值亮度落在 0.14–0.36**,不是看色相好不好看:这一段 `solid()` 之后色相不跑偏,
+ * 而且六个色的主按钮一律深底白字。亮度 > 0.5 的色(薄荷 #63E6E2、亮青 #64D2FF、黄 #FFD60A)
+ * 会走 `solid()`「保留原色配深字」的分支,换个强调色主按钮的字色就从白翻成黑,所以一个都不收。
+ * 加新候选色前先算 `solid()` 的结果,别只看原始色相。
+ *
+ * 浅色 / 深色共用同一个值。品牌 Logo 的固定靛蓝不在这里(Logo 不随用户换色)。
+ */
+export declare const ACCENTS: readonly ["#0A84FF", "#5856D6", "#AF52DE", "#30B0C7", "#30D158", "#8E8E93"];
 export type Accent = (typeof ACCENTS)[number];
+export interface AccentMeta {
+    color: Accent;
+    /** 语言包键(settings.accentName.<key>);深青 / 墨绿压暗幅度大,色块里看到的不是 macOS 系统设置里那两个亮色,所以不叫青色 / 绿色。 */
+    key: 'blue' | 'indigo' | 'purple' | 'teal' | 'green' | 'graphite';
+    /** 色块预览用的颜色 = `solid(color)`:和开关 / 主按钮等实心控件同一套压暗规则,预览才和实际效果对得上。 */
+    dot: string;
+}
+/** 外观面板的色块清单(顺序同 ACCENTS)。`dot` 在定义时预计算。 */
+export declare const ACCENT_META: readonly AccentMeta[];

package/dist/theme/accents.js

@@ -1,5 +1,14 @@
-const C = ["#14B8A6", "#646CFF", "#7C5CFF", "#0EA5E9", "#EC4899", "#F97316"];
+import { solid as t } from "./mix.js";
+const o = ["#0A84FF", "#5856D6", "#AF52DE", "#30B0C7", "#30D158", "#8E8E93"], p = [
+  ["#0A84FF", "blue"],
+  ["#5856D6", "indigo"],
+  ["#AF52DE", "purple"],
+  ["#30B0C7", "teal"],
+  ["#30D158", "green"],
+  ["#8E8E93", "graphite"]
+].map(([E, e]) => ({ color: E, key: e, dot: t(E) }));
 export {
-  C as ACCENTS
+  o as ACCENTS,
+  p as ACCENT_META
 };
 //# sourceMappingURL=accents.js.map

package/dist/theme/accents.js.map

@@ -1 +1 @@
-{"version":3,"file":"accents.js","sources":["../../src/theme/accents.ts"],"sourcesContent":["// 6 主色候选(design_handoff §可配置项)。默认 = 第一个青绿 #14B8A6;\n// 靛蓝 #646CFF 保留为可选手项(品牌 Logo 固定品牌色、不随用户换的 accent 变)。\nexport const ACCENTS = ['#14B8A6', '#646CFF', '#7C5CFF', '#0EA5E9', '#EC4899', '#F97316'] as const\n\nexport type Accent = (typeof ACCENTS)[number]\n"],"names":["ACCENTS"],"mappings":"AAEO,MAAMA,IAAU,CAAC,WAAW,WAAW,WAAW,WAAW,WAAW,SAAS;"}
+{"version":3,"file":"accents.js","sources":["../../src/theme/accents.ts"],"sourcesContent":["import { solid } from './mix'\n\n/**\n * 6 个强调色候选,全部取自 macOS 系统色:\n * 蓝 #0A84FF(默认)、靛蓝 #5856D6、紫 #AF52DE、深青 #30B0C7、墨绿 #30D158、石墨 #8E8E93。\n *\n * **取值标准是原值亮度落在 0.14–0.36**,不是看色相好不好看:这一段 `solid()` 之后色相不跑偏,\n * 而且六个色的主按钮一律深底白字。亮度 > 0.5 的色(薄荷 #63E6E2、亮青 #64D2FF、黄 #FFD60A)\n * 会走 `solid()`「保留原色配深字」的分支,换个强调色主按钮的字色就从白翻成黑,所以一个都不收。\n * 加新候选色前先算 `solid()` 的结果,别只看原始色相。\n *\n * 浅色 / 深色共用同一个值。品牌 Logo 的固定靛蓝不在这里(Logo 不随用户换色)。\n */\nexport const ACCENTS = ['#0A84FF', '#5856D6', '#AF52DE', '#30B0C7', '#30D158', '#8E8E93'] as const\n\nexport type Accent = (typeof ACCENTS)[number]\n\nexport interface AccentMeta {\n  color: Accent\n  /** 语言包键(settings.accentName.<key>);深青 / 墨绿压暗幅度大,色块里看到的不是 macOS 系统设置里那两个亮色,所以不叫青色 / 绿色。 */\n  key: 'blue' | 'indigo' | 'purple' | 'teal' | 'green' | 'graphite'\n  /** 色块预览用的颜色 = `solid(color)`:和开关 / 主按钮等实心控件同一套压暗规则,预览才和实际效果对得上。 */\n  dot: string\n}\n\n/** 外观面板的色块清单(顺序同 ACCENTS)。`dot` 在定义时预计算。 */\nexport const ACCENT_META: readonly AccentMeta[] = (\n  [\n    ['#0A84FF', 'blue'],\n    ['#5856D6', 'indigo'],\n    ['#AF52DE', 'purple'],\n    ['#30B0C7', 'teal'],\n    ['#30D158', 'green'],\n    ['#8E8E93', 'graphite'],\n  ] as const\n).map(([color, key]) => ({ color, key, dot: solid(color) }))\n"],"names":["ACCENTS","ACCENT_META","color","key","solid"],"mappings":";AAaO,MAAMA,IAAU,CAAC,WAAW,WAAW,WAAW,WAAW,WAAW,SAAS,GAa3EC,IACX;AAAA,EACE,CAAC,WAAW,MAAM;AAAA,EAClB,CAAC,WAAW,QAAQ;AAAA,EACpB,CAAC,WAAW,QAAQ;AAAA,EACpB,CAAC,WAAW,MAAM;AAAA,EAClB,CAAC,WAAW,OAAO;AAAA,EACnB,CAAC,WAAW,UAAU;AACxB,EACA,IAAI,CAAC,CAACC,GAAOC,CAAG,OAAO,EAAE,OAAAD,GAAO,KAAAC,GAAK,KAAKC,EAAMF,CAAK,IAAI;"}

package/dist/theme/mix.d.ts

@@ -1,26 +1,77 @@
 /** 在 a、b 之间按 t∈[0,1] 线性插值(sRGB 分量)。t=0→a,t=1→b。 */
 export declare function mix(a: string, b: string, t: number): string;
+/** WCAG 相对亮度(0 黑 … 1 白)。 */
+export declare function luminance(hex: string): number;
+/** WCAG 对比度(1…21)。 */
+export declare function contrast(a: string, b: string): number;
+/**
+ * 把强调色当文字用时的可读版:在 bg 上逐步混黑,直到对比度 ≥ 4.5:1,色相不变。
+ * 浅色下的链接 / 选中文字 / 侧栏图标用它;深色背景上不要用(混黑只会更糟),深色走「往白提亮」。
+ */
+export declare function readable(c: string, bg?: string): string;
+/**
+ * 实心控件(主按钮、勾选框、开关、进度条)的底色:亮度 > 0.5 的亮色直接用(配深字),
+ * 其余压暗到白字 ≥ 4.5:1。**浅色 / 深色用同一个值**,切换外观模式时强调色不变。
+ * 6 个候选色的亮度都落在 0.14–0.36,所以实际都走「压暗」这一支、主按钮一律深底白字。
+ */
+export declare function solid(c: string): string;
 export interface PrimaryRamp {
+    /** 实心主色(= `solid(accent)`,明暗同值)。 */
     primary: string;
     hover: string;
     pressed: string;
-    /** 浅底(选中背景 / 标签底)。 */
+    /** 浅底(选中背景 / 标签底)的**实色**版;裸 CSS 里的选中底改用半透明的 `--sel-bg`,这里保留给调用方自取。 */
     light: string;
+    /** 压在 `primary` 上的字色:深底白字,极端情况(亮度 > 0.5)配近黑。 */
+    on: string;
 }
 /**
- * accent → 主色四态(DESIGN.md)。暗色先把 accent 提亮一档,再派生 hover/pressed/light。
+ * accent → 主色四态 + 字色。规则:
+ *   primary = solid(accent);hover 往白提 10%(亮色底改往黑压 8%);pressed 往黑压 12%。
+ * 浅色 / 深色同一个值,深色下不对 accent 另做提亮。
  *
- * 派生只在这一处:`naive-theme.ts`(取前三态,喂 Naive overrides)与 `useTheme.ts` 的 `applyPrimaryVars`
- * (取四态,写 CSS 变量)都调它。两边各算一份的话,改一处忘另一处 = 裸 CSS 与 Naive 组件主色不同步,
- * **而没有任何东西会报错**。
+ * 派生只在这一处:`naive-theme.ts`(喂 Naive overrides)与 `accentTokens.ts`(写 CSS 变量)都调它。
+ * 两边各算一份的话,改一处忘另一处 = 裸 CSS 与 Naive 组件主色不同步,**而没有任何东西会报错**。
  *
  * `darkContainer` 只在暗色下参与 `light`(浅底要往容器色靠,否则在暗底上白得刺眼);亮色下忽略。
- * 调用方通常传当前的 `--color-bg-container`。只要前三态的调用方(Naive)不关心 `light`,多算一次 mix 而已。
  */
 export declare function derivePrimary(accent: string, dark: boolean, darkContainer?: string): PrimaryRamp;
-/** accent → rgba(...,alpha),用于发光 / 渐变。 */
+/** accent → rgba(...,alpha),用于发光 / 渐变 / 选中淡底。 */
 export declare function rgba(hex: string, alpha: number): string;
 /** 英雄主按钮渐变(仅登录页 / 欢迎横幅 / 头像)。 */
 export declare function btnGrad(accent: string): string;
 /** 英雄按钮发光阴影。 */
 export declare function glowSh(accent: string): string;
+/** hex → [色相 0–360, 饱和度 0–1, 明度 0–1]。 */
+export declare function hexToHsl(hex: string): [number, number, number];
+export declare function hslToHex(h: number, s: number, l: number): string;
+/** 邻近色位移:色相窄幅旋转 + 提亮 + 轻微降饱和。色场四团光和应用内环境光都用它从强调色推导。 */
+export declare function shift(c: string, dh: number, dl: number, ds: number): string;
+/**
+ * 色场四团光相对强调色的位移量 [Δ色相, Δ明度, Δ饱和]。这四组数按默认蓝下的目标色反解得到,
+ * 所以默认蓝的观感是定稿的(与目标色逐团差 1–2 个 RGB 单位),换成别的强调色才会有区别。
+ * 按色相位移、而不是 mix 向写死的颜色(如 #8B5CF6 / #22D3EE),是为了紫色等强调色不会塌成一片同色(混向固定色时四团里三团同色)。
+ */
+export declare const FIELD: ReadonlyArray<readonly [number, number, number]>;
+/**
+ * 色场的取色源:近中性的强调色(石墨,饱和度 2%)旋转色相没有意义,转出来还是灰,整屏会变成一块死灰,
+ * 退回默认蓝——这也正是 macOS 的行为:石墨只把控件去色,桌面壁纸照旧有颜色。
+ * 注意只有色场退回,`--login-accent-2`(登录页主按钮渐变、标语高亮)仍走石墨本色,不然会冒出一个蓝按钮。
+ */
+export declare function fieldSrc(c: string): string;
+/** accent → 色场四个色(登录页 `--desk-1..4` 与应用内 `--ambient-1..4` 同源,各自再乘自己的不透明度)。 */
+export declare function fieldOf(c: string): string[];
+/**
+ * 数据色相对强调色的 [色相偏移(度), 饱和度偏移]。顺序 = 系列顺序:第 1 个就是强调色本色,
+ * 第 2、3 个往两侧拉开最大(折线只有两个系列时要一眼分得开),后面依次外扩。
+ * 偏移控制在 ±115° 内,落在蓝 → 青 / 靛 → 紫 / 绿这一带,不会出现红 / 橙:
+ * 红橙是状态语义色(危险 / 警告),拿来画「权限点」「在线会话」会让人以为出了问题。
+ * 实心主色饱和度很高(默认蓝约 0.9),原样转色相会得到荧光品红 / 荧光绿,和柔和的玻璃界面打架,
+ * 所以偏得越远降得越多。
+ */
+export declare const CHART_STEPS: ReadonlyArray<readonly [number, number]>;
+/**
+ * accent → 6 个图表数据色。和色场同源:石墨(近中性)的强调色转色相没有意义,退回默认蓝(见 fieldSrc)。
+ * 基准色取实心主色(明暗同值),再逐个压到对卡片底 ≥ 3:1;`darkCard` 是暗色卡片底色(`--bg-card`)。
+ */
+export declare function chartPalette(accent: string, dark: boolean, darkCard?: string): string[];

package/dist/theme/mix.js

@@ -1,43 +1,128 @@
-function s(r) {
-  return Math.max(0, Math.min(255, Math.round(r)));
+function M(n) {
+  return Math.max(0, Math.min(255, Math.round(n)));
 }
-function F(r) {
-  let t = r.replace("#", "").trim();
-  t.length === 3 && (t = t.split("").map((n) => n + n).join(""));
-  const e = Number.parseInt(t, 16);
-  return [e >> 16 & 255, e >> 8 & 255, e & 255];
+function F(n) {
+  let r = n.replace("#", "").trim();
+  r.length === 3 && (r = r.split("").map((t) => t + t).join(""));
+  const o = Number.parseInt(r, 16);
+  return [o >> 16 & 255, o >> 8 & 255, o & 255];
 }
-function b(r, t, e) {
-  return "#" + [r, t, e].map((n) => s(n).toString(16).padStart(2, "0")).join("");
+function b(n, r, o) {
+  return "#" + [n, r, o].map((t) => M(t).toString(16).padStart(2, "0")).join("");
 }
-function o(r, t, e) {
-  const [n, i, a] = F(r), [u, p, g] = F(t);
-  return b(n + (u - n) * e, i + (p - i) * e, a + (g - a) * e);
+function u(n, r, o) {
+  const [t, e, c] = F(n), [s, a, i] = F(r);
+  return b(t + (s - t) * o, e + (a - e) * o, c + (i - c) * o);
 }
-function f(r, t, e = "#1F2229") {
-  const n = (t ? o(r, "#FFFFFF", 0.18) : r).toLowerCase();
+function m(n) {
+  const [r, o, t] = F(n).map((e) => {
+    const c = e / 255;
+    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+  });
+  return 0.2126 * r + 0.7152 * o + 0.0722 * t;
+}
+function p(n, r) {
+  const o = m(n), t = m(r);
+  return (Math.max(o, t) + 0.05) / (Math.min(o, t) + 0.05);
+}
+function d(n, r = "#FFFFFF") {
+  let o = 0, t = n;
+  for (; p(t, r) < 4.5 && o < 1; )
+    o += 0.02, t = u(n, "#000000", o);
+  return t;
+}
+function C(n) {
+  return m(n) > 0.5 ? n : d(n);
+}
+function $(n, r, o = "#1F2229") {
+  const t = C(n).toLowerCase(), e = m(t) > 0.5;
   return {
-    primary: n,
-    hover: o(n, "#FFFFFF", 0.16),
-    pressed: o(n, "#000000", 0.18),
-    light: t ? o(n, e, 0.82) : o(n, "#FFFFFF", 0.9)
+    primary: t,
+    hover: e ? u(t, "#000000", 0.08) : u(t, "#FFFFFF", 0.1),
+    pressed: u(t, "#000000", 0.12),
+    light: r ? u(t, o, 0.82) : u(t, "#FFFFFF", 0.9),
+    on: e ? "#0a0a0b" : "#ffffff"
   };
 }
-function m(r, t) {
-  const [e, n, i] = F(r);
-  return `rgba(${e}, ${n}, ${i}, ${t})`;
+function S(n, r) {
+  const [o, t, e] = F(n);
+  return `rgba(${o}, ${t}, ${e}, ${r})`;
+}
+function _(n) {
+  return `linear-gradient(135deg, ${n} 0%, ${u(n, "#8B5CF6", 0.55)} 55%, ${u(n, "#EC4899", 0.62)} 100%)`;
+}
+function w(n) {
+  return `0 6px 20px ${S(n, 0.42)}`;
+}
+function h(n) {
+  const [r, o, t] = F(n).map((g) => g / 255), e = Math.max(r, o, t), c = Math.min(r, o, t), s = e - c, a = (e + c) / 2;
+  let i = 0, f = 0;
+  return s && (f = a > 0.5 ? s / (2 - e - c) : s / (e + c), i = (e === r ? (o - t) / s + (o < t ? 6 : 0) : e === o ? (t - r) / s + 2 : (r - o) / s + 4) * 60), [i, f, a];
+}
+function T(n, r, o) {
+  const t = (n % 360 + 360) % 360, e = Math.max(0, Math.min(1, r)), c = Math.max(0, Math.min(1, o)), s = (1 - Math.abs(2 * c - 1)) * e, a = s * (1 - Math.abs(t / 60 % 2 - 1)), i = c - s / 2, f = t < 60 ? [s, a, 0] : t < 120 ? [a, s, 0] : t < 180 ? [0, s, a] : t < 240 ? [0, a, s] : t < 300 ? [a, 0, s] : [s, 0, a];
+  return b((f[0] + i) * 255, (f[1] + i) * 255, (f[2] + i) * 255);
+}
+function l(n, r, o, t) {
+  const [e, c, s] = h(n);
+  return T(e + r, c + t, s + o);
+}
+const A = [
+  [0, 0, 0],
+  [17, 0.12, -0.05],
+  [-11, 0.01, -0.07],
+  [35, 0.16, -0.08]
+], H = "#0A84FF";
+function x(n) {
+  return h(n)[1] < 0.12 ? H : n;
+}
+function B(n) {
+  const r = x(n);
+  return A.map(([o, t, e]) => l(r, o, t, e));
+}
+const y = [
+  [0, 0],
+  [48, -0.16],
+  [-38, -0.14],
+  [96, -0.46],
+  [-76, -0.3],
+  [-112, -0.36]
+];
+function L(n) {
+  const r = (n % 360 + 360) % 360;
+  return r >= 345 || r <= 45;
 }
-function c(r) {
-  return `linear-gradient(135deg, ${r} 0%, ${o(r, "#8B5CF6", 0.55)} 55%, ${o(r, "#EC4899", 0.62)} 100%)`;
+const E = 3;
+function I(n, r, o, t) {
+  let e = n;
+  for (let c = 0; c < 24 && p(e, r) < o; c++)
+    e = l(e, 0, t ? 0.02 : -0.02, 0);
+  return e;
 }
-function h(r) {
-  return `0 6px 20px ${m(r, 0.42)}`;
+function N(n, r, o = "#1b2842") {
+  const t = $(x(n), r).primary, e = r ? o : "#FFFFFF", c = h(t)[0];
+  return y.map(([s, a]) => {
+    const i = L(c + s) ? -s : s;
+    return I(l(t, i, 0, a), e, E, r);
+  });
 }
 export {
-  c as btnGrad,
-  f as derivePrimary,
-  h as glowSh,
-  o as mix,
-  m as rgba
+  y as CHART_STEPS,
+  A as FIELD,
+  _ as btnGrad,
+  N as chartPalette,
+  p as contrast,
+  $ as derivePrimary,
+  B as fieldOf,
+  x as fieldSrc,
+  w as glowSh,
+  h as hexToHsl,
+  T as hslToHex,
+  m as luminance,
+  u as mix,
+  d as readable,
+  S as rgba,
+  l as shift,
+  C as solid
 };
 //# sourceMappingURL=mix.js.map

package/dist/theme/mix.js.map

@@ -1 +1 @@
-{"version":3,"file":"mix.js","sources":["../../src/theme/mix.ts"],"sourcesContent":["// 颜色派生规则(DESIGN.md 权威实现)。纯函数,无框架依赖。\n\nfunction clampByte(n: number): number {\n  return Math.max(0, Math.min(255, Math.round(n)))\n}\n\nfunction parseHex(hex: string): [number, number, number] {\n  let h = hex.replace('#', '').trim()\n  if (h.length === 3)\n    h = h\n      .split('')\n      .map(c => c + c)\n      .join('')\n  const n = Number.parseInt(h, 16)\n  return [(n >> 16) & 255, (n >> 8) & 255, n & 255]\n}\n\nfunction toHex(r: number, g: number, b: number): string {\n  return '#' + [r, g, b].map(v => clampByte(v).toString(16).padStart(2, '0')).join('')\n}\n\n/** 在 a、b 之间按 t∈[0,1] 线性插值(sRGB 分量)。t=0→a,t=1→b。 */\nexport function mix(a: string, b: string, t: number): string {\n  const [ar, ag, ab] = parseHex(a)\n  const [br, bg, bb] = parseHex(b)\n  return toHex(ar + (br - ar) * t, ag + (bg - ag) * t, ab + (bb - ab) * t)\n}\n\nexport interface PrimaryRamp {\n  primary: string\n  hover: string\n  pressed: string\n  /** 浅底(选中背景 / 标签底)。 */\n  light: string\n}\n\n/**\n * accent → 主色四态(DESIGN.md)。暗色先把 accent 提亮一档,再派生 hover/pressed/light。\n *\n * 派生只在这一处:`naive-theme.ts`(取前三态,喂 Naive overrides)与 `useTheme.ts` 的 `applyPrimaryVars`\n * (取四态,写 CSS 变量)都调它。两边各算一份的话,改一处忘另一处 = 裸 CSS 与 Naive 组件主色不同步,\n * **而没有任何东西会报错**。\n *\n * `darkContainer` 只在暗色下参与 `light`(浅底要往容器色靠,否则在暗底上白得刺眼);亮色下忽略。\n * 调用方通常传当前的 `--color-bg-container`。只要前三态的调用方(Naive)不关心 `light`,多算一次 mix 而已。\n */\nexport function derivePrimary(\n  accent: string,\n  dark: boolean,\n  darkContainer = '#1F2229',\n): PrimaryRamp {\n  // 亮色下 primary 就是 accent 本身(不派生),但**要统一转小写**:其余三个都经 `toHex` 出小写,\n  // 而 accent 通常是色板里的大写字面量。不归一的话输出的大小写会随主题变化,任何拿 `===` 直接比的\n  // 地方就会得到一个**只在亮色下失败**的不一致。CSS 不区分大小写,归一无副作用\n  // (已核实:全仓唯一的 accent `===` 比较在 SettingsDrawer 色板选中态,两边都是原始 accent,不经此函数)。\n  const primary = (dark ? mix(accent, '#FFFFFF', 0.18) : accent).toLowerCase()\n  return {\n    primary,\n    hover: mix(primary, '#FFFFFF', 0.16),\n    pressed: mix(primary, '#000000', 0.18),\n    light: dark ? mix(primary, darkContainer, 0.82) : mix(primary, '#FFFFFF', 0.9),\n  }\n}\n\n/** accent → rgba(...,alpha),用于发光 / 渐变。 */\nexport function rgba(hex: string, alpha: number): string {\n  const [r, g, b] = parseHex(hex)\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`\n}\n\n/** 英雄主按钮渐变(仅登录页 / 欢迎横幅 / 头像)。 */\nexport function btnGrad(accent: string): string {\n  return `linear-gradient(135deg, ${accent} 0%, ${mix(accent, '#8B5CF6', 0.55)} 55%, ${mix(accent, '#EC4899', 0.62)} 100%)`\n}\n\n/** 英雄按钮发光阴影。 */\nexport function glowSh(accent: string): string {\n  return `0 6px 20px ${rgba(accent, 0.42)}`\n}\n"],"names":["clampByte","n","parseHex","hex","h","c","toHex","g","b","v","mix","a","t","ar","ag","ab","br","bg","bb","derivePrimary","accent","dark","darkContainer","primary","rgba","alpha","r","btnGrad","glowSh"],"mappings":"AAEA,SAASA,EAAUC,GAAmB;AACpC,SAAO,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,KAAK,MAAMA,CAAC,CAAC,CAAC;AACjD;AAEA,SAASC,EAASC,GAAuC;AACvD,MAAIC,IAAID,EAAI,QAAQ,KAAK,EAAE,EAAE,KAAA;AAC7B,EAAIC,EAAE,WAAW,MACfA,IAAIA,EACD,MAAM,EAAE,EACR,IAAI,OAAKC,IAAIA,CAAC,EACd,KAAK,EAAE;AACZ,QAAMJ,IAAI,OAAO,SAASG,GAAG,EAAE;AAC/B,SAAO,CAAEH,KAAK,KAAM,KAAMA,KAAK,IAAK,KAAKA,IAAI,GAAG;AAClD;AAEA,SAASK,EAAM,GAAWC,GAAWC,GAAmB;AACtD,SAAO,MAAM,CAAC,GAAGD,GAAGC,CAAC,EAAE,IAAI,OAAKR,EAAUS,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE;AACrF;AAGO,SAASC,EAAIC,GAAWH,GAAWI,GAAmB;AAC3D,QAAM,CAACC,GAAIC,GAAIC,CAAE,IAAIb,EAASS,CAAC,GACzB,CAACK,GAAIC,GAAIC,CAAE,IAAIhB,EAASM,CAAC;AAC/B,SAAOF,EAAMO,KAAMG,IAAKH,KAAMD,GAAGE,KAAMG,IAAKH,KAAMF,GAAGG,KAAMG,IAAKH,KAAMH,CAAC;AACzE;AAoBO,SAASO,EACdC,GACAC,GACAC,IAAgB,WACH;AAKb,QAAMC,KAAWF,IAAOX,EAAIU,GAAQ,WAAW,IAAI,IAAIA,GAAQ,YAAA;AAC/D,SAAO;AAAA,IACL,SAAAG;AAAA,IACA,OAAOb,EAAIa,GAAS,WAAW,IAAI;AAAA,IACnC,SAASb,EAAIa,GAAS,WAAW,IAAI;AAAA,IACrC,OAAOF,IAAOX,EAAIa,GAASD,GAAe,IAAI,IAAIZ,EAAIa,GAAS,WAAW,GAAG;AAAA,EAAA;AAEjF;AAGO,SAASC,EAAKrB,GAAasB,GAAuB;AACvD,QAAM,CAACC,GAAGnB,GAAGC,CAAC,IAAIN,EAASC,CAAG;AAC9B,SAAO,QAAQuB,CAAC,KAAKnB,CAAC,KAAKC,CAAC,KAAKiB,CAAK;AACxC;AAGO,SAASE,EAAQP,GAAwB;AAC9C,SAAO,2BAA2BA,CAAM,QAAQV,EAAIU,GAAQ,WAAW,IAAI,CAAC,SAASV,EAAIU,GAAQ,WAAW,IAAI,CAAC;AACnH;AAGO,SAASQ,EAAOR,GAAwB;AAC7C,SAAO,cAAcI,EAAKJ,GAAQ,IAAI,CAAC;AACzC;"}
+{"version":3,"file":"mix.js","sources":["../../src/theme/mix.ts"],"sourcesContent":["// 颜色派生规则(DESIGN.md 所述规则的唯一实现)。纯函数,无框架依赖。\n// 改规则时同步改 DESIGN.md,mix.spec.ts 钉着 solid() / fieldOf() 的几组既定输出。\n\nfunction clampByte(n: number): number {\n  return Math.max(0, Math.min(255, Math.round(n)))\n}\n\nfunction parseHex(hex: string): [number, number, number] {\n  let h = hex.replace('#', '').trim()\n  if (h.length === 3)\n    h = h\n      .split('')\n      .map(c => c + c)\n      .join('')\n  const n = Number.parseInt(h, 16)\n  return [(n >> 16) & 255, (n >> 8) & 255, n & 255]\n}\n\nfunction toHex(r: number, g: number, b: number): string {\n  return '#' + [r, g, b].map(v => clampByte(v).toString(16).padStart(2, '0')).join('')\n}\n\n/** 在 a、b 之间按 t∈[0,1] 线性插值(sRGB 分量)。t=0→a,t=1→b。 */\nexport function mix(a: string, b: string, t: number): string {\n  const [ar, ag, ab] = parseHex(a)\n  const [br, bg, bb] = parseHex(b)\n  return toHex(ar + (br - ar) * t, ag + (bg - ag) * t, ab + (bb - ab) * t)\n}\n\n/** WCAG 相对亮度(0 黑 … 1 白)。 */\nexport function luminance(hex: string): number {\n  const [r, g, b] = parseHex(hex).map(v => {\n    const c = v / 255\n    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4\n  }) as [number, number, number]\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b\n}\n\n/** WCAG 对比度(1…21)。 */\nexport function contrast(a: string, b: string): number {\n  const x = luminance(a)\n  const y = luminance(b)\n  return (Math.max(x, y) + 0.05) / (Math.min(x, y) + 0.05)\n}\n\n/**\n * 把强调色当文字用时的可读版:在 bg 上逐步混黑,直到对比度 ≥ 4.5:1,色相不变。\n * 浅色下的链接 / 选中文字 / 侧栏图标用它;深色背景上不要用(混黑只会更糟),深色走「往白提亮」。\n */\nexport function readable(c: string, bg = '#FFFFFF'): string {\n  let t = 0\n  let r = c\n  while (contrast(r, bg) < 4.5 && t < 1) {\n    t += 0.02\n    r = mix(c, '#000000', t)\n  }\n  return r\n}\n\n/**\n * 实心控件(主按钮、勾选框、开关、进度条)的底色:亮度 > 0.5 的亮色直接用(配深字),\n * 其余压暗到白字 ≥ 4.5:1。**浅色 / 深色用同一个值**,切换外观模式时强调色不变。\n * 6 个候选色的亮度都落在 0.14–0.36,所以实际都走「压暗」这一支、主按钮一律深底白字。\n */\nexport function solid(c: string): string {\n  return luminance(c) > 0.5 ? c : readable(c)\n}\n\nexport interface PrimaryRamp {\n  /** 实心主色(= `solid(accent)`,明暗同值)。 */\n  primary: string\n  hover: string\n  pressed: string\n  /** 浅底(选中背景 / 标签底)的**实色**版;裸 CSS 里的选中底改用半透明的 `--sel-bg`,这里保留给调用方自取。 */\n  light: string\n  /** 压在 `primary` 上的字色:深底白字,极端情况(亮度 > 0.5)配近黑。 */\n  on: string\n}\n\n/**\n * accent → 主色四态 + 字色。规则:\n *   primary = solid(accent);hover 往白提 10%(亮色底改往黑压 8%);pressed 往黑压 12%。\n * 浅色 / 深色同一个值,深色下不对 accent 另做提亮。\n *\n * 派生只在这一处:`naive-theme.ts`(喂 Naive overrides)与 `accentTokens.ts`(写 CSS 变量)都调它。\n * 两边各算一份的话,改一处忘另一处 = 裸 CSS 与 Naive 组件主色不同步,**而没有任何东西会报错**。\n *\n * `darkContainer` 只在暗色下参与 `light`(浅底要往容器色靠,否则在暗底上白得刺眼);亮色下忽略。\n */\nexport function derivePrimary(\n  accent: string,\n  dark: boolean,\n  darkContainer = '#1F2229',\n): PrimaryRamp {\n  // 统一转小写:solid() 在亮色分支里原样返回入参,而色板里的 accent 是大写字面量,\n  // 其余三态都经 `toHex` 出小写。不归一的话输出的大小写会随强调色变化,\n  // 任何拿 `===` 直接比的地方就会得到一个只在某些强调色下失败的不一致。CSS 不区分大小写,归一无副作用。\n  const primary = solid(accent).toLowerCase()\n  const bright = luminance(primary) > 0.5\n  return {\n    primary,\n    hover: bright ? mix(primary, '#000000', 0.08) : mix(primary, '#FFFFFF', 0.1),\n    pressed: mix(primary, '#000000', 0.12),\n    light: dark ? mix(primary, darkContainer, 0.82) : mix(primary, '#FFFFFF', 0.9),\n    on: bright ? '#0a0a0b' : '#ffffff',\n  }\n}\n\n/** accent → rgba(...,alpha),用于发光 / 渐变 / 选中淡底。 */\nexport function rgba(hex: string, alpha: number): string {\n  const [r, g, b] = parseHex(hex)\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`\n}\n\n/** 英雄主按钮渐变(仅登录页 / 欢迎横幅 / 头像)。 */\nexport function btnGrad(accent: string): string {\n  return `linear-gradient(135deg, ${accent} 0%, ${mix(accent, '#8B5CF6', 0.55)} 55%, ${mix(accent, '#EC4899', 0.62)} 100%)`\n}\n\n/** 英雄按钮发光阴影。 */\nexport function glowSh(accent: string): string {\n  return `0 6px 20px ${rgba(accent, 0.42)}`\n}\n\n/* ─── HSL 与色场:色场推导要按色相走,混向一个写死的颜色做不到 ─── */\n\n/** hex → [色相 0–360, 饱和度 0–1, 明度 0–1]。 */\nexport function hexToHsl(hex: string): [number, number, number] {\n  const [r, g, b] = parseHex(hex).map(v => v / 255) as [number, number, number]\n  const mx = Math.max(r, g, b)\n  const mn = Math.min(r, g, b)\n  const d = mx - mn\n  const l = (mx + mn) / 2\n  let h = 0\n  let s = 0\n  if (d) {\n    s = l > 0.5 ? d / (2 - mx - mn) : d / (mx + mn)\n    h =\n      (mx === r ? (g - b) / d + (g < b ? 6 : 0) : mx === g ? (b - r) / d + 2 : (r - g) / d + 4) * 60\n  }\n  return [h, s, l]\n}\n\nexport function hslToHex(h: number, s: number, l: number): string {\n  const hh = ((h % 360) + 360) % 360\n  const ss = Math.max(0, Math.min(1, s))\n  const ll = Math.max(0, Math.min(1, l))\n  const c = (1 - Math.abs(2 * ll - 1)) * ss\n  const x = c * (1 - Math.abs(((hh / 60) % 2) - 1))\n  const m = ll - c / 2\n  const t =\n    hh < 60\n      ? [c, x, 0]\n      : hh < 120\n        ? [x, c, 0]\n        : hh < 180\n          ? [0, c, x]\n          : hh < 240\n            ? [0, x, c]\n            : hh < 300\n              ? [x, 0, c]\n              : [c, 0, x]\n  return toHex((t[0]! + m) * 255, (t[1]! + m) * 255, (t[2]! + m) * 255)\n}\n\n/** 邻近色位移:色相窄幅旋转 + 提亮 + 轻微降饱和。色场四团光和应用内环境光都用它从强调色推导。 */\nexport function shift(c: string, dh: number, dl: number, ds: number): string {\n  const [h, s, l] = hexToHsl(c)\n  return hslToHex(h + dh, s + ds, l + dl)\n}\n\n/**\n * 色场四团光相对强调色的位移量 [Δ色相, Δ明度, Δ饱和]。这四组数按默认蓝下的目标色反解得到,\n * 所以默认蓝的观感是定稿的(与目标色逐团差 1–2 个 RGB 单位),换成别的强调色才会有区别。\n * 按色相位移、而不是 mix 向写死的颜色(如 #8B5CF6 / #22D3EE),是为了紫色等强调色不会塌成一片同色(混向固定色时四团里三团同色)。\n */\nexport const FIELD: ReadonlyArray<readonly [number, number, number]> = [\n  [0, 0, 0],\n  [17, 0.12, -0.05],\n  [-11, 0.01, -0.07],\n  [35, 0.16, -0.08],\n]\n\n/** 色场的默认取色源(默认强调色蓝)。 */\nconst FIELD_FALLBACK = '#0A84FF'\n\n/**\n * 色场的取色源:近中性的强调色(石墨,饱和度 2%)旋转色相没有意义,转出来还是灰,整屏会变成一块死灰,\n * 退回默认蓝——这也正是 macOS 的行为:石墨只把控件去色,桌面壁纸照旧有颜色。\n * 注意只有色场退回,`--login-accent-2`(登录页主按钮渐变、标语高亮)仍走石墨本色,不然会冒出一个蓝按钮。\n */\nexport function fieldSrc(c: string): string {\n  return hexToHsl(c)[1] < 0.12 ? FIELD_FALLBACK : c\n}\n\n/** accent → 色场四个色(登录页 `--desk-1..4` 与应用内 `--ambient-1..4` 同源,各自再乘自己的不透明度)。 */\nexport function fieldOf(c: string): string[] {\n  const src = fieldSrc(c)\n  return FIELD.map(([dh, dl, ds]) => shift(src, dh, dl, ds))\n}\n\n/* ─── 图表数据色:由强调色推导的一组邻近色相 ─── */\n\n/**\n * 数据色相对强调色的 [色相偏移(度), 饱和度偏移]。顺序 = 系列顺序:第 1 个就是强调色本色,\n * 第 2、3 个往两侧拉开最大(折线只有两个系列时要一眼分得开),后面依次外扩。\n * 偏移控制在 ±115° 内,落在蓝 → 青 / 靛 → 紫 / 绿这一带,不会出现红 / 橙:\n * 红橙是状态语义色(危险 / 警告),拿来画「权限点」「在线会话」会让人以为出了问题。\n * 实心主色饱和度很高(默认蓝约 0.9),原样转色相会得到荧光品红 / 荧光绿,和柔和的玻璃界面打架,\n * 所以偏得越远降得越多。\n */\nexport const CHART_STEPS: ReadonlyArray<readonly [number, number]> = [\n  [0, 0],\n  [48, -0.16],\n  [-38, -0.14],\n  [96, -0.46],\n  [-76, -0.3],\n  [-112, -0.36],\n]\n\n/** 色相落在红 / 橙一带(345°–45°):状态语义色的地盘,数据色要避开。 */\nfunction inWarmZone(h: number): boolean {\n  const x = ((h % 360) + 360) % 360\n  return x >= 345 || x <= 45\n}\n\n/** 图形对象(折线、色块)与相邻底色的对比度下限,WCAG 1.4.11。 */\nconst CHART_MIN_CONTRAST = 3\n\n/** 把 c 的明度往「离底色更远」的方向推,直到对底色对比度 ≥ min(最多推 24 步,够用且保证终止)。 */\nfunction ensureContrast(c: string, bg: string, min: number, lighten: boolean): string {\n  let out = c\n  for (let i = 0; i < 24 && contrast(out, bg) < min; i++)\n    out = shift(out, 0, lighten ? 0.02 : -0.02, 0)\n  return out\n}\n\n/**\n * accent → 6 个图表数据色。和色场同源:石墨(近中性)的强调色转色相没有意义,退回默认蓝(见 fieldSrc)。\n * 基准色取实心主色(明暗同值),再逐个压到对卡片底 ≥ 3:1;`darkCard` 是暗色卡片底色(`--bg-card`)。\n */\nexport function chartPalette(accent: string, dark: boolean, darkCard = '#1b2842'): string[] {\n  const base = derivePrimary(fieldSrc(accent), dark).primary\n  const bg = dark ? darkCard : '#FFFFFF'\n  const h0 = hexToHsl(base)[0]\n  return CHART_STEPS.map(([dh, ds]) => {\n    // 固定偏移在个别强调色下会转进红橙区(墨绿 −112° → 橙棕,靛蓝 +96° → 粉红):落进去就反向取\n    const d = inWarmZone(h0 + dh) ? -dh : dh\n    return ensureContrast(shift(base, d, 0, ds), bg, CHART_MIN_CONTRAST, dark)\n  })\n}\n"],"names":["clampByte","parseHex","hex","h","c","n","toHex","r","g","b","v","mix","a","t","ar","ag","ab","br","bg","bb","luminance","contrast","x","y","readable","solid","derivePrimary","accent","dark","darkContainer","primary","bright","rgba","alpha","btnGrad","glowSh","hexToHsl","mx","mn","d","l","s","hslToHex","hh","ss","ll","m","shift","dh","dl","ds","FIELD","FIELD_FALLBACK","fieldSrc","fieldOf","src","CHART_STEPS","inWarmZone","CHART_MIN_CONTRAST","ensureContrast","min","lighten","out","i","chartPalette","darkCard","base","h0"],"mappings":"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"}

package/dist/theme/naive-theme.d.ts

@@ -1,7 +1,10 @@
 import { GlobalThemeOverrides } from 'naive-ui';
 /**
- * tokens.css → Naive UI GlobalThemeOverrides(DESIGN.md 映射表)。
- * 主色由 accent 按派生规则算;其余颜色/度量从当前 CSS 变量读取。
+ * tokens.css → Naive UI GlobalThemeOverrides(映射关系见 DESIGN.md 映射表)。
+ * 强调色相关的值由 accent 按 `accentTokens.ts` 算;其余颜色 / 度量从当前 CSS 变量读取。
+ *
+ * 度量(中文界面 14px 偏小,整体比 Naive 默认大一档):正文 15px、默认控件高 30px(小 24、迷你 20)、Large 42px 只留给登录页与触屏窄档。
+ * 按钮默认款(没写 type 的 NButton,如表格库里的「搜索」「更多」)渲染成与 secondary 同色同无描边,整站只剩一种次按钮。
  */
 export declare function buildThemeOverrides(opts: {
     dark: boolean;