@will-ui/vue 1.0.0

package/dist/util/colors.js

@@ -0,0 +1,320 @@
+//#region util/colors.ts
+var DEFAULT_COLOR = {
+	r: 0,
+	g: 0,
+	b: 0,
+	a: 1
+};
+function clamp(n, min, max) {
+	return Math.max(min, Math.min(max, n));
+}
+function parseAlphaToken(raw, fallback = 1) {
+	if (raw == null || raw === "") return fallback;
+	const t = raw.trim();
+	if (t.endsWith("%")) return clamp(parseFloat(t) / 100, 0, 1);
+	return clamp(parseFloat(t), 0, 1);
+}
+/**
+* 将任意颜色字符串解析为 RGBA 对象。
+* 支持 hex3/4/6/8、rgb/rgba、hsl/hsla（含现代空格分隔写法）、浏览器可识别色名。
+*/
+function parseColor(color) {
+	if (!color || typeof color !== "string") return { ...DEFAULT_COLOR };
+	const trimmed = color.trim();
+	const rgbModern = trimmed.match(/^rgba?\(\s*([\d.]+%?)\s*[, ]\s*([\d.]+%?)\s*[, ]\s*([\d.]+%?)(?:\s*[,/]\s*([\d.]+%?))?\s*\)$/i);
+	if (rgbModern) {
+		const toByte = (v) => {
+			if (v.endsWith("%")) return Math.round(clamp(parseFloat(v) / 100, 0, 1) * 255);
+			return Math.round(clamp(parseFloat(v), 0, 255));
+		};
+		return {
+			r: toByte(rgbModern[1]),
+			g: toByte(rgbModern[2]),
+			b: toByte(rgbModern[3]),
+			a: parseAlphaToken(rgbModern[4], 1)
+		};
+	}
+	const hslModern = trimmed.match(/^hsla?\(\s*([\d.]+)(deg|rad|turn)?\s*[, ]\s*([\d.]+)%\s*[, ]\s*([\d.]+)%(?:\s*[,/]\s*([\d.]+%?))?\s*\)$/i);
+	if (hslModern) {
+		let h = parseFloat(hslModern[1]);
+		const unit = (hslModern[2] || "deg").toLowerCase();
+		if (unit === "rad") h = h * 180 / Math.PI;
+		else if (unit === "turn") h = h * 360;
+		h = (h % 360 + 360) % 360;
+		return hslaToRgba({
+			h: Math.round(h),
+			s: clamp(parseFloat(hslModern[3]), 0, 100),
+			l: clamp(parseFloat(hslModern[4]), 0, 100),
+			a: parseAlphaToken(hslModern[5], 1)
+		});
+	}
+	const hexRaw = trimmed.startsWith("#") ? trimmed.slice(1) : trimmed;
+	if (/^[0-9a-f]+$/i.test(hexRaw)) {
+		if (hexRaw.length === 3) return {
+			r: parseInt(hexRaw[0] + hexRaw[0], 16),
+			g: parseInt(hexRaw[1] + hexRaw[1], 16),
+			b: parseInt(hexRaw[2] + hexRaw[2], 16),
+			a: 1
+		};
+		if (hexRaw.length === 4) return {
+			r: parseInt(hexRaw[0] + hexRaw[0], 16),
+			g: parseInt(hexRaw[1] + hexRaw[1], 16),
+			b: parseInt(hexRaw[2] + hexRaw[2], 16),
+			a: parseInt(hexRaw[3] + hexRaw[3], 16) / 255
+		};
+		if (hexRaw.length === 6) return {
+			r: parseInt(hexRaw.substring(0, 2), 16),
+			g: parseInt(hexRaw.substring(2, 4), 16),
+			b: parseInt(hexRaw.substring(4, 6), 16),
+			a: 1
+		};
+		if (hexRaw.length === 8) return {
+			r: parseInt(hexRaw.substring(0, 2), 16),
+			g: parseInt(hexRaw.substring(2, 4), 16),
+			b: parseInt(hexRaw.substring(4, 6), 16),
+			a: parseInt(hexRaw.substring(6, 8), 16) / 255
+		};
+	}
+	if (typeof document !== "undefined") try {
+		const ctx = document.createElement("canvas").getContext("2d");
+		if (ctx) {
+			ctx.fillStyle = "#000";
+			ctx.fillStyle = trimmed;
+			const computedColor = ctx.fillStyle;
+			if (computedColor.startsWith("#")) return parseColor(computedColor);
+			const rgbMatch = computedColor.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?\s*\)/);
+			if (rgbMatch) return {
+				r: parseInt(rgbMatch[1], 10),
+				g: parseInt(rgbMatch[2], 10),
+				b: parseInt(rgbMatch[3], 10),
+				a: rgbMatch[4] != null ? clamp(parseFloat(rgbMatch[4]), 0, 1) : 1
+			};
+		}
+	} catch {}
+	return { ...DEFAULT_COLOR };
+}
+/** 根据输入字符串猜测格式族（用于 format=auto） */
+function detectColorFormat(input) {
+	if (!input || typeof input !== "string") return "hex";
+	const s = input.trim().toLowerCase();
+	if (s.startsWith("hsla")) return "hsla";
+	if (s.startsWith("hsl")) return "hsl";
+	if (s.startsWith("rgba")) return "rgba";
+	if (s.startsWith("rgb")) return "rgb";
+	const hex = s.startsWith("#") ? s.slice(1) : s;
+	if (/^[0-9a-f]{8}$/.test(hex) || /^[0-9a-f]{4}$/.test(hex)) return "hexa";
+	if (/^[0-9a-f]{3}$/.test(hex) || /^[0-9a-f]{6}$/.test(hex)) return "hex";
+	return "hex";
+}
+function isSameRgba(a, b, eps = .004) {
+	return a.r === b.r && a.g === b.g && a.b === b.b && Math.abs(a.a - b.a) <= eps;
+}
+/**
+* RGBA 转 HSLA（s/l 为 0–100）
+*/
+function rgbaToHsla(rgba) {
+	const r = rgba.r / 255;
+	const g = rgba.g / 255;
+	const b = rgba.b / 255;
+	const max = Math.max(r, g, b);
+	const min = Math.min(r, g, b);
+	let h = 0;
+	let s = 0;
+	const l = (max + min) / 2;
+	if (max !== min) {
+		const d = max - min;
+		s = l > .5 ? d / (2 - max - min) : d / (max + min);
+		switch (max) {
+			case r:
+				h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
+				break;
+			case g:
+				h = ((b - r) / d + 2) / 6;
+				break;
+			case b: h = ((r - g) / d + 4) / 6;
+		}
+	}
+	return {
+		h: Math.round(h * 360),
+		s: Math.round(s * 100),
+		l: Math.round(l * 100),
+		a: rgba.a
+	};
+}
+/**
+* HSLA 转 RGBA（s/l 为 0–100）
+*/
+function hslaToRgba(hsla) {
+	const h = hsla.h / 360;
+	const s = hsla.s / 100;
+	const l = hsla.l / 100;
+	let r;
+	let g;
+	let b;
+	if (s === 0) r = g = b = l;
+	else {
+		const hue2rgb = (p, q, t) => {
+			let tt = t;
+			if (tt < 0) tt += 1;
+			if (tt > 1) tt -= 1;
+			if (tt < 1 / 6) return p + (q - p) * 6 * tt;
+			if (tt < 1 / 2) return q;
+			if (tt < 2 / 3) return p + (q - p) * (2 / 3 - tt) * 6;
+			return p;
+		};
+		const q = l < .5 ? l * (1 + s) : l + s - l * s;
+		const p = 2 * l - q;
+		r = hue2rgb(p, q, h + 1 / 3);
+		g = hue2rgb(p, q, h);
+		b = hue2rgb(p, q, h - 1 / 3);
+	}
+	return {
+		r: Math.round(r * 255),
+		g: Math.round(g * 255),
+		b: Math.round(b * 255),
+		a: hsla.a
+	};
+}
+/**
+* RGBA 转 HSVA（s/v 为 0–100）
+* 饱和面板（白→透明 / 透明→黑）对应 HSV，而非 HSL
+*
+* @param prevHue 无彩色（黑/灰，s=0 或 v=0）时 RGB 不含色相；传入可保留面板色相，避免跳回红（h=0）
+*/
+function rgbaToHsva(rgba, prevHue) {
+	const r = rgba.r / 255;
+	const g = rgba.g / 255;
+	const b = rgba.b / 255;
+	const max = Math.max(r, g, b);
+	const d = max - Math.min(r, g, b);
+	let h = 0;
+	const s = max === 0 ? 0 : d / max;
+	const v = max;
+	if (d !== 0) switch (max) {
+		case r:
+			h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
+			break;
+		case g:
+			h = ((b - r) / d + 2) / 6;
+			break;
+		case b: h = ((r - g) / d + 4) / 6;
+	}
+	const hsva = {
+		h: Math.round(h * 360),
+		s: Math.round(s * 100),
+		v: Math.round(v * 100),
+		a: rgba.a
+	};
+	if ((hsva.s === 0 || hsva.v === 0) && prevHue != null && Number.isFinite(prevHue)) hsva.h = (Math.round(prevHue) % 360 + 360) % 360;
+	return hsva;
+}
+/**
+* HSVA 转 RGBA（s/v 为 0–100）
+*/
+function hsvaToRgba(hsva) {
+	const h = (hsva.h % 360 + 360) % 360 / 360;
+	const s = clamp(hsva.s, 0, 100) / 100;
+	const v = clamp(hsva.v, 0, 100) / 100;
+	const i = Math.floor(h * 6);
+	const f = h * 6 - i;
+	const p = v * (1 - s);
+	const q = v * (1 - f * s);
+	const t = v * (1 - (1 - f) * s);
+	let r = 0;
+	let g = 0;
+	let b = 0;
+	switch (i % 6) {
+		case 0:
+			r = v;
+			g = t;
+			b = p;
+			break;
+		case 1:
+			r = q;
+			g = v;
+			b = p;
+			break;
+		case 2:
+			r = p;
+			g = v;
+			b = t;
+			break;
+		case 3:
+			r = p;
+			g = q;
+			b = v;
+			break;
+		case 4:
+			r = t;
+			g = p;
+			b = v;
+			break;
+		case 5:
+			r = v;
+			g = p;
+			b = q;
+	}
+	return {
+		r: Math.round(r * 255),
+		g: Math.round(g * 255),
+		b: Math.round(b * 255),
+		a: hsva.a
+	};
+}
+/**
+* RGBA 转 Hex；includeAlpha 为 true 时始终输出 8 位
+*/
+function rgbaToHex(rgba, includeAlpha = false) {
+	const toHex = (n) => Math.round(clamp(n, 0, 255)).toString(16).padStart(2, "0");
+	let hex = "#" + toHex(rgba.r) + toHex(rgba.g) + toHex(rgba.b);
+	if (includeAlpha) hex += toHex(Math.round(clamp(rgba.a, 0, 1) * 255));
+	return hex;
+}
+/**
+* RGBA 转 RGB/RGBA 字符串
+*/
+function rgbaToRgbaString(rgba, forceAlpha = false) {
+	if (!forceAlpha && rgba.a >= 1) return `rgb(${rgba.r}, ${rgba.g}, ${rgba.b})`;
+	const a = Math.round(rgba.a * 1e3) / 1e3 === rgba.a ? String(rgba.a) : rgba.a.toFixed(3).replace(/\.?0+$/, "");
+	return `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${a})`;
+}
+/**
+* RGBA 转 HSL/HSLA 字符串
+*/
+function rgbaToHslaString(rgba, forceAlpha = false) {
+	const hsla = rgbaToHsla(rgba);
+	if (!forceAlpha && hsla.a >= 1) return `hsl(${hsla.h}, ${hsla.s}%, ${hsla.l}%)`;
+	const a = Math.round(hsla.a * 1e3) / 1e3 === hsla.a ? String(hsla.a) : hsla.a.toFixed(3).replace(/\.?0+$/, "");
+	return `hsla(${hsla.h}, ${hsla.s}%, ${hsla.l}%, ${a})`;
+}
+/**
+* 按指定格式输出颜色字符串。
+* - hex：a<1 时升为 hexa
+* - rgb/hsl：a<1 时升为 rgba/hsla，避免丢透明度
+* - auto：根据 opts.source 或 detected 格式回写
+*/
+function formatColor(rgba, format = "hex", opts) {
+	let fmt = format === "auto" ? opts?.detected || (opts?.source ? detectColorFormat(opts.source) : "hex") : format;
+	if (fmt === "hex" && rgba.a < 1) fmt = "hexa";
+	if (fmt === "rgb" && rgba.a < 1) fmt = "rgba";
+	if (fmt === "hsl" && rgba.a < 1) fmt = "hsla";
+	switch (fmt) {
+		case "hexa": return rgbaToHex(rgba, true);
+		case "hex": return rgbaToHex(rgba, false);
+		case "rgba": return rgbaToRgbaString(rgba, true);
+		case "rgb": return rgbaToRgbaString(rgba, false);
+		case "hsla": return rgbaToHslaString(rgba, true);
+		case "hsl": return rgbaToHslaString(rgba, false);
+		default: return rgbaToHex(rgba, false);
+	}
+}
+/**
+* 判断颜色是否是深色
+*/
+function isDarkColor(rgba) {
+	return (rgba.r * 299 + rgba.g * 587 + rgba.b * 114) / 1e3 < 128;
+}
+//#endregion
+export { detectColorFormat, formatColor, hslaToRgba, hsvaToRgba, isDarkColor, isSameRgba, parseColor, rgbaToHex, rgbaToHsla, rgbaToHslaString, rgbaToHsva, rgbaToRgbaString };
+
+//# sourceMappingURL=colors.js.map

package/dist/util/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","names":[],"sources":["../../util/colors.ts"],"sourcesContent":["export interface RgbaColor {\r\n  r: number\r\n  g: number\r\n  b: number\r\n  a: number\r\n}\r\n\r\nexport interface HslaColor {\r\n  h: number\r\n  /** 0–100 */\r\n  s: number\r\n  /** 0–100 */\r\n  l: number\r\n  a: number\r\n}\r\n\r\nexport interface HsvaColor {\r\n  h: number\r\n  /** 0–100 */\r\n  s: number\r\n  /** 0–100 */\r\n  v: number\r\n  a: number\r\n}\r\n\r\n/** 输出 / 检测用的颜色格式（auto 仅用于 format prop） */\r\nexport type ColorFormat =\r\n  | 'hex'\r\n  | 'hexa'\r\n  | 'rgb'\r\n  | 'rgba'\r\n  | 'hsl'\r\n  | 'hsla'\r\n  | 'auto'\r\n\r\nexport type ResolvedColorFormat = Exclude<ColorFormat, 'auto'>\r\n\r\nconst DEFAULT_COLOR: RgbaColor = { r: 0, g: 0, b: 0, a: 1 }\r\n\r\nfunction clamp(n: number, min: number, max: number) {\r\n  return Math.max(min, Math.min(max, n))\r\n}\r\n\r\nfunction parseAlphaToken(raw: string | undefined, fallback = 1): number {\r\n  if (raw == null || raw === '') return fallback\r\n  const t = raw.trim()\r\n  if (t.endsWith('%')) {\r\n    return clamp(parseFloat(t) / 100, 0, 1)\r\n  }\r\n  return clamp(parseFloat(t), 0, 1)\r\n}\r\n\r\n/**\r\n * 将任意颜色字符串解析为 RGBA 对象。\r\n * 支持 hex3/4/6/8、rgb/rgba、hsl/hsla（含现代空格分隔写法）、浏览器可识别色名。\r\n */\r\nexport function parseColor(color: string): RgbaColor {\r\n  if (!color || typeof color !== 'string') return { ...DEFAULT_COLOR }\r\n\r\n  const trimmed = color.trim()\r\n\r\n  // 现代 / 传统 RGB(A)：rgb(255, 0, 0) | rgb(255 0 0 / 0.5)\r\n  const rgbModern = trimmed.match(\r\n    /^rgba?\\(\\s*([\\d.]+%?)\\s*[, ]\\s*([\\d.]+%?)\\s*[, ]\\s*([\\d.]+%?)(?:\\s*[,/]\\s*([\\d.]+%?))?\\s*\\)$/i,\r\n  )\r\n  if (rgbModern) {\r\n    const toByte = (v: string) => {\r\n      if (v.endsWith('%')) return Math.round(clamp(parseFloat(v) / 100, 0, 1) * 255)\r\n      return Math.round(clamp(parseFloat(v), 0, 255))\r\n    }\r\n    return {\r\n      r: toByte(rgbModern[1]),\r\n      g: toByte(rgbModern[2]),\r\n      b: toByte(rgbModern[3]),\r\n      a: parseAlphaToken(rgbModern[4], 1),\r\n    }\r\n  }\r\n\r\n  // 现代 / 传统 HSL(A)：hsl(120, 50%, 50%) | hsl(120deg 50% 50% / 80%)\r\n  const hslModern = trimmed.match(\r\n    /^hsla?\\(\\s*([\\d.]+)(deg|rad|turn)?\\s*[, ]\\s*([\\d.]+)%\\s*[, ]\\s*([\\d.]+)%(?:\\s*[,/]\\s*([\\d.]+%?))?\\s*\\)$/i,\r\n  )\r\n  if (hslModern) {\r\n    let h = parseFloat(hslModern[1])\r\n    const unit = (hslModern[2] || 'deg').toLowerCase()\r\n    if (unit === 'rad') h = (h * 180) / Math.PI\r\n    else if (unit === 'turn') h = h * 360\r\n    h = ((h % 360) + 360) % 360\r\n    const hsla: HslaColor = {\r\n      h: Math.round(h),\r\n      s: clamp(parseFloat(hslModern[3]), 0, 100),\r\n      l: clamp(parseFloat(hslModern[4]), 0, 100),\r\n      a: parseAlphaToken(hslModern[5], 1),\r\n    }\r\n    return hslaToRgba(hsla)\r\n  }\r\n\r\n  // Hex\r\n  const hexRaw = trimmed.startsWith('#') ? trimmed.slice(1) : trimmed\r\n  if (/^[0-9a-f]+$/i.test(hexRaw)) {\r\n    if (hexRaw.length === 3) {\r\n      return {\r\n        r: parseInt(hexRaw[0] + hexRaw[0], 16),\r\n        g: parseInt(hexRaw[1] + hexRaw[1], 16),\r\n        b: parseInt(hexRaw[2] + hexRaw[2], 16),\r\n        a: 1,\r\n      }\r\n    }\r\n    if (hexRaw.length === 4) {\r\n      return {\r\n        r: parseInt(hexRaw[0] + hexRaw[0], 16),\r\n        g: parseInt(hexRaw[1] + hexRaw[1], 16),\r\n        b: parseInt(hexRaw[2] + hexRaw[2], 16),\r\n        a: parseInt(hexRaw[3] + hexRaw[3], 16) / 255,\r\n      }\r\n    }\r\n    if (hexRaw.length === 6) {\r\n      return {\r\n        r: parseInt(hexRaw.substring(0, 2), 16),\r\n        g: parseInt(hexRaw.substring(2, 4), 16),\r\n        b: parseInt(hexRaw.substring(4, 6), 16),\r\n        a: 1,\r\n      }\r\n    }\r\n    if (hexRaw.length === 8) {\r\n      return {\r\n        r: parseInt(hexRaw.substring(0, 2), 16),\r\n        g: parseInt(hexRaw.substring(2, 4), 16),\r\n        b: parseInt(hexRaw.substring(4, 6), 16),\r\n        a: parseInt(hexRaw.substring(6, 8), 16) / 255,\r\n      }\r\n    }\r\n  }\r\n\r\n  // 浏览器可识别色名 / 其它 CSS 颜色\r\n  if (typeof document !== 'undefined') {\r\n    try {\r\n      const canvas = document.createElement('canvas')\r\n      const ctx = canvas.getContext('2d')\r\n      if (ctx) {\r\n        ctx.fillStyle = '#000'\r\n        ctx.fillStyle = trimmed\r\n        const computedColor = ctx.fillStyle\r\n        if (computedColor.startsWith('#')) {\r\n          return parseColor(computedColor)\r\n        }\r\n        const rgbMatch = computedColor.match(\r\n          /rgba?\\(\\s*(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)(?:\\s*,\\s*([\\d.]+))?\\s*\\)/,\r\n        )\r\n        if (rgbMatch) {\r\n          return {\r\n            r: parseInt(rgbMatch[1], 10),\r\n            g: parseInt(rgbMatch[2], 10),\r\n            b: parseInt(rgbMatch[3], 10),\r\n            a: rgbMatch[4] != null ? clamp(parseFloat(rgbMatch[4]), 0, 1) : 1,\r\n          }\r\n        }\r\n      }\r\n    } catch {\r\n      // ignore\r\n    }\r\n  }\r\n\r\n  return { ...DEFAULT_COLOR }\r\n}\r\n\r\n/** 根据输入字符串猜测格式族（用于 format=auto） */\r\nexport function detectColorFormat(input: string): ResolvedColorFormat {\r\n  if (!input || typeof input !== 'string') return 'hex'\r\n  const s = input.trim().toLowerCase()\r\n  if (s.startsWith('hsla')) return 'hsla'\r\n  if (s.startsWith('hsl')) return 'hsl'\r\n  if (s.startsWith('rgba')) return 'rgba'\r\n  if (s.startsWith('rgb')) return 'rgb'\r\n  const hex = s.startsWith('#') ? s.slice(1) : s\r\n  if (/^[0-9a-f]{8}$/.test(hex) || /^[0-9a-f]{4}$/.test(hex)) return 'hexa'\r\n  if (/^[0-9a-f]{3}$/.test(hex) || /^[0-9a-f]{6}$/.test(hex)) return 'hex'\r\n  return 'hex'\r\n}\r\n\r\nexport function isSameRgba(a: RgbaColor, b: RgbaColor, eps = 0.004): boolean {\r\n  return (\r\n    a.r === b.r &&\r\n    a.g === b.g &&\r\n    a.b === b.b &&\r\n    Math.abs(a.a - b.a) <= eps\r\n  )\r\n}\r\n\r\n/**\r\n * RGBA 转 HSLA（s/l 为 0–100）\r\n */\r\nexport function rgbaToHsla(rgba: RgbaColor): HslaColor {\r\n  const r = rgba.r / 255\r\n  const g = rgba.g / 255\r\n  const b = rgba.b / 255\r\n\r\n  const max = Math.max(r, g, b)\r\n  const min = Math.min(r, g, b)\r\n  let h = 0\r\n  let s = 0\r\n  const l = (max + min) / 2\r\n\r\n  if (max !== min) {\r\n    const d = max - min\r\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min)\r\n\r\n    switch (max) {\r\n      case r:\r\n        h = ((g - b) / d + (g < b ? 6 : 0)) / 6\r\n        break\r\n      case g:\r\n        h = ((b - r) / d + 2) / 6\r\n        break\r\n      case b:\r\n        h = ((r - g) / d + 4) / 6\r\n        break\r\n    }\r\n  }\r\n\r\n  return {\r\n    h: Math.round(h * 360),\r\n    s: Math.round(s * 100),\r\n    l: Math.round(l * 100),\r\n    a: rgba.a,\r\n  }\r\n}\r\n\r\n/**\r\n * HSLA 转 RGBA（s/l 为 0–100）\r\n */\r\nexport function hslaToRgba(hsla: HslaColor): RgbaColor {\r\n  const h = hsla.h / 360\r\n  const s = hsla.s / 100\r\n  const l = hsla.l / 100\r\n\r\n  let r: number\r\n  let g: number\r\n  let b: number\r\n\r\n  if (s === 0) {\r\n    r = g = b = l\r\n  } else {\r\n    const hue2rgb = (p: number, q: number, t: number) => {\r\n      let tt = t\r\n      if (tt < 0) tt += 1\r\n      if (tt > 1) tt -= 1\r\n      if (tt < 1 / 6) return p + (q - p) * 6 * tt\r\n      if (tt < 1 / 2) return q\r\n      if (tt < 2 / 3) return p + (q - p) * (2 / 3 - tt) * 6\r\n      return p\r\n    }\r\n\r\n    const q = l < 0.5 ? l * (1 + s) : l + s - l * s\r\n    const p = 2 * l - q\r\n    r = hue2rgb(p, q, h + 1 / 3)\r\n    g = hue2rgb(p, q, h)\r\n    b = hue2rgb(p, q, h - 1 / 3)\r\n  }\r\n\r\n  return {\r\n    r: Math.round(r * 255),\r\n    g: Math.round(g * 255),\r\n    b: Math.round(b * 255),\r\n    a: hsla.a,\r\n  }\r\n}\r\n\r\n/**\r\n * RGBA 转 HSVA（s/v 为 0–100）\r\n * 饱和面板（白→透明 / 透明→黑）对应 HSV，而非 HSL\r\n *\r\n * @param prevHue 无彩色（黑/灰，s=0 或 v=0）时 RGB 不含色相；传入可保留面板色相，避免跳回红（h=0）\r\n */\r\nexport function rgbaToHsva(rgba: RgbaColor, prevHue?: number): HsvaColor {\r\n  const r = rgba.r / 255\r\n  const g = rgba.g / 255\r\n  const b = rgba.b / 255\r\n\r\n  const max = Math.max(r, g, b)\r\n  const min = Math.min(r, g, b)\r\n  const d = max - min\r\n  let h = 0\r\n  const s = max === 0 ? 0 : d / max\r\n  const v = max\r\n\r\n  if (d !== 0) {\r\n    switch (max) {\r\n      case r:\r\n        h = ((g - b) / d + (g < b ? 6 : 0)) / 6\r\n        break\r\n      case g:\r\n        h = ((b - r) / d + 2) / 6\r\n        break\r\n      case b:\r\n        h = ((r - g) / d + 4) / 6\r\n        break\r\n    }\r\n  }\r\n\r\n  const hsva: HsvaColor = {\r\n    h: Math.round(h * 360),\r\n    s: Math.round(s * 100),\r\n    v: Math.round(v * 100),\r\n    a: rgba.a,\r\n  }\r\n\r\n  // 黑 / 灰：保留上一色相，供饱和面板底色继续显示\r\n  if ((hsva.s === 0 || hsva.v === 0) && prevHue != null && Number.isFinite(prevHue)) {\r\n    hsva.h = ((Math.round(prevHue) % 360) + 360) % 360\r\n  }\r\n\r\n  return hsva\r\n}\r\n\r\n/**\r\n * HSVA 转 RGBA（s/v 为 0–100）\r\n */\r\nexport function hsvaToRgba(hsva: HsvaColor): RgbaColor {\r\n  const h = (((hsva.h % 360) + 360) % 360) / 360\r\n  const s = clamp(hsva.s, 0, 100) / 100\r\n  const v = clamp(hsva.v, 0, 100) / 100\r\n\r\n  const i = Math.floor(h * 6)\r\n  const f = h * 6 - i\r\n  const p = v * (1 - s)\r\n  const q = v * (1 - f * s)\r\n  const t = v * (1 - (1 - f) * s)\r\n\r\n  let r = 0\r\n  let g = 0\r\n  let b = 0\r\n  switch (i % 6) {\r\n    case 0:\r\n      r = v\r\n      g = t\r\n      b = p\r\n      break\r\n    case 1:\r\n      r = q\r\n      g = v\r\n      b = p\r\n      break\r\n    case 2:\r\n      r = p\r\n      g = v\r\n      b = t\r\n      break\r\n    case 3:\r\n      r = p\r\n      g = q\r\n      b = v\r\n      break\r\n    case 4:\r\n      r = t\r\n      g = p\r\n      b = v\r\n      break\r\n    case 5:\r\n      r = v\r\n      g = p\r\n      b = q\r\n      break\r\n  }\r\n\r\n  return {\r\n    r: Math.round(r * 255),\r\n    g: Math.round(g * 255),\r\n    b: Math.round(b * 255),\r\n    a: hsva.a,\r\n  }\r\n}\r\n\r\n/**\r\n * RGBA 转 Hex；includeAlpha 为 true 时始终输出 8 位\r\n */\r\nexport function rgbaToHex(rgba: RgbaColor, includeAlpha = false): string {\r\n  const toHex = (n: number) =>\r\n    Math.round(clamp(n, 0, 255)).toString(16).padStart(2, '0')\r\n  let hex = '#' + toHex(rgba.r) + toHex(rgba.g) + toHex(rgba.b)\r\n  if (includeAlpha) {\r\n    hex += toHex(Math.round(clamp(rgba.a, 0, 1) * 255))\r\n  }\r\n  return hex\r\n}\r\n\r\n/**\r\n * RGBA 转 RGB/RGBA 字符串\r\n */\r\nexport function rgbaToRgbaString(rgba: RgbaColor, forceAlpha = false): string {\r\n  if (!forceAlpha && rgba.a >= 1) {\r\n    return `rgb(${rgba.r}, ${rgba.g}, ${rgba.b})`\r\n  }\r\n  const a =\r\n    Math.round(rgba.a * 1000) / 1000 === rgba.a\r\n      ? String(rgba.a)\r\n      : rgba.a.toFixed(3).replace(/\\.?0+$/, '')\r\n  return `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${a})`\r\n}\r\n\r\n/**\r\n * RGBA 转 HSL/HSLA 字符串\r\n */\r\nexport function rgbaToHslaString(rgba: RgbaColor, forceAlpha = false): string {\r\n  const hsla = rgbaToHsla(rgba)\r\n  if (!forceAlpha && hsla.a >= 1) {\r\n    return `hsl(${hsla.h}, ${hsla.s}%, ${hsla.l}%)`\r\n  }\r\n  const a =\r\n    Math.round(hsla.a * 1000) / 1000 === hsla.a\r\n      ? String(hsla.a)\r\n      : hsla.a.toFixed(3).replace(/\\.?0+$/, '')\r\n  return `hsla(${hsla.h}, ${hsla.s}%, ${hsla.l}%, ${a})`\r\n}\r\n\r\n/**\r\n * 按指定格式输出颜色字符串。\r\n * - hex：a<1 时升为 hexa\r\n * - rgb/hsl：a<1 时升为 rgba/hsla，避免丢透明度\r\n * - auto：根据 opts.source 或 detected 格式回写\r\n */\r\nexport function formatColor(\r\n  rgba: RgbaColor,\r\n  format: ColorFormat = 'hex',\r\n  opts?: { source?: string; detected?: ResolvedColorFormat },\r\n): string {\r\n  let fmt: ResolvedColorFormat =\r\n    format === 'auto'\r\n      ? opts?.detected ||\r\n        (opts?.source ? detectColorFormat(opts.source) : 'hex')\r\n      : format\r\n\r\n  // 无 alpha 的格式在半透明时自动升级\r\n  if (fmt === 'hex' && rgba.a < 1) fmt = 'hexa'\r\n  if (fmt === 'rgb' && rgba.a < 1) fmt = 'rgba'\r\n  if (fmt === 'hsl' && rgba.a < 1) fmt = 'hsla'\r\n\r\n  switch (fmt) {\r\n    case 'hexa':\r\n      return rgbaToHex(rgba, true)\r\n    case 'hex':\r\n      return rgbaToHex(rgba, false)\r\n    case 'rgba':\r\n      return rgbaToRgbaString(rgba, true)\r\n    case 'rgb':\r\n      return rgbaToRgbaString(rgba, false)\r\n    case 'hsla':\r\n      return rgbaToHslaString(rgba, true)\r\n    case 'hsl':\r\n      return rgbaToHslaString(rgba, false)\r\n    default:\r\n      return rgbaToHex(rgba, false)\r\n  }\r\n}\r\n\r\n/**\r\n * 判断颜色是否是深色\r\n */\r\nexport function isDarkColor(rgba: RgbaColor): boolean {\r\n  const brightness = (rgba.r * 299 + rgba.g * 587 + rgba.b * 114) / 1000\r\n  return brightness < 128\r\n}\r\n"],"mappings":"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"}

package/dist/util/cssVars.d.ts

@@ -0,0 +1,62 @@
+/** 设计令牌覆盖：key 可为 `--w-btn-size` 或 `w-btn-size` */
+export type CssVars = Record<string, string | number | undefined | null>;
+export declare function normalizeCssVarName(name: string): string;
+/** 把 cssVars 转成可挂到 DOM 的 style 对象（Vue / 内联） */
+export declare function toCssVarsStyle(vars?: CssVars | null): Record<string, string> | undefined;
+/** 实例数字 size → 对应 CSS 变量（单位 px） */
+export declare function sizeToCssVars(varName: string, size?: number | null): CssVars | undefined;
+/** 组件尺度 token：`--w-{comp}-size` */
+export declare function compSizeVarName(comp: string): string;
+/** 实例 size 专用：`--w-prop-{comp}-size`（不覆盖主题 `--w-{comp}-size`） */
+export declare function propSizeVarName(comp: string): string;
+/** 实例 size → `--w-prop-{comp}-size` */
+export declare function propSizeToCssVars(comp: string, size?: number | null): CssVars | undefined;
+/**
+ * 有效尺度：prop > 组件 token > 全局 --w-size
+ * @example effectiveSizeVar('date-picker')
+ *   → 'var(--w-prop-date-picker-size, var(--w-date-picker-size, var(--w-size)))'
+ */
+export declare function effectiveSizeVar(comp: string): string;
+/**
+ * Teleport / Portal 后弹层脱离 Form、UIProvider 树，从 trigger 同步三级上下文：
+ * - 已生效的 size / color / bg / text-color（computed 继承值）
+ * - trigger 至 Form 根之间内联写入的相关变量（含 var() 桥接）
+ */
+export declare function collectTriggerSizeContext(trigger: HTMLElement | null | undefined): CssVars;
+/** 组件主色 token：`--w-{comp}-color` */
+export declare function compColorVarName(comp: string): string;
+/** 实例主色：`--w-prop-{comp}-color`（不覆盖主题 `--w-{comp}-color`） */
+export declare function propColorVarName(comp: string): string;
+/** 实例主色 → `--w-prop-{comp}-color` */
+export declare function propColorToCssVars(comp: string, color?: string | null): CssVars | undefined;
+/**
+ * 有效主色：prop > 组件 token > 全局 --w-color
+ * @example effectiveColorVar('btn')
+ *   → 'var(--w-prop-btn-color, var(--w-btn-color, var(--w-color)))'
+ */
+export declare function effectiveColorVar(comp: string): string;
+/** 组件背景 token：`--w-{comp}-bg-color` */
+export declare function compBgVarName(comp: string): string;
+/** 实例背景：`--w-prop-{comp}-bg-color` */
+export declare function propBgVarName(comp: string): string;
+/** 实例背景 → `--w-prop-{comp}-bg-color`（无 prop，供 cssVars 写入） */
+export declare function propBgToCssVars(comp: string, bg?: string | null): CssVars | undefined;
+/**
+ * 有效背景：prop > 组件 token > 全局 --w-bg-color
+ * @example effectiveBgVar('layer')
+ *   → 'var(--w-prop-layer-bg-color, var(--w-layer-bg-color, var(--w-bg-color)))'
+ */
+export declare function effectiveBgVar(comp: string): string;
+/** 组件文本色 token：`--w-{comp}-text-color` */
+export declare function compTextVarName(comp: string): string;
+/** 实例文本色：`--w-prop-{comp}-text-color` */
+export declare function propTextVarName(comp: string): string;
+/** 实例文本色 → `--w-prop-{comp}-text-color`（无 prop，供 cssVars 写入） */
+export declare function propTextToCssVars(comp: string, text?: string | null): CssVars | undefined;
+/**
+ * 有效文本色：prop > 组件 token > 全局 --w-text-color
+ * @example effectiveTextVar('sheet')
+ *   → 'var(--w-prop-sheet-text-color, var(--w-sheet-text-color, var(--w-text-color)))'
+ */
+export declare function effectiveTextVar(comp: string): string;
+export declare function mergeStyle(...parts: Array<Record<string, any> | string | undefined | null>): Record<string, any> | undefined;

package/dist/util/cssVars.js

@@ -0,0 +1,170 @@
+//#region util/cssVars.ts
+function normalizeCssVarName(name) {
+	return name.startsWith("--") ? name : `--${name}`;
+}
+/** 把 cssVars 转成可挂到 DOM 的 style 对象（Vue / 内联） */
+function toCssVarsStyle(vars) {
+	if (!vars) return void 0;
+	const style = {};
+	for (const [key, value] of Object.entries(vars)) {
+		if (value === void 0 || value === null || value === "") continue;
+		style[normalizeCssVarName(key)] = String(value);
+	}
+	return Object.keys(style).length ? style : void 0;
+}
+/** 实例数字 size → 对应 CSS 变量（单位 px） */
+function sizeToCssVars(varName, size) {
+	if (size == null || !Number.isFinite(size)) return void 0;
+	return { [normalizeCssVarName(varName)]: `${size}px` };
+}
+/** 组件尺度 token：`--w-{comp}-size` */
+function compSizeVarName(comp) {
+	return `--w-${comp.replace(/^--w-/, "").replace(/-size$/, "")}-size`;
+}
+/** 实例 size 专用：`--w-prop-{comp}-size`（不覆盖主题 `--w-{comp}-size`） */
+function propSizeVarName(comp) {
+	return `--w-prop-${comp.replace(/^--w-prop-/, "").replace(/^--w-/, "").replace(/-size$/, "")}-size`;
+}
+/** 实例 size → `--w-prop-{comp}-size` */
+function propSizeToCssVars(comp, size) {
+	return sizeToCssVars(propSizeVarName(comp), size);
+}
+/**
+* 有效尺度：prop > 组件 token > 全局 --w-size
+* @example effectiveSizeVar('date-picker')
+*   → 'var(--w-prop-date-picker-size, var(--w-date-picker-size, var(--w-size)))'
+*/
+function effectiveSizeVar(comp) {
+	return `var(${propSizeVarName(comp)}, var(${compSizeVarName(comp)}, var(--w-size)))`;
+}
+/**
+* Portal 后从 trigger 同步的三级核：全局 --w-size/color/bg/text-color，
+* 以及 --w-{comp}-* / --w-prop-{comp}-*。不同步 form-item / layer 派生 token
+*（那些由组件根用 --__* 重绑，写成 inline 会盖住重绑）。
+*/
+function isPortalThemeVar(name) {
+	if (name === "--w-size" || name === "--w-color" || name === "--w-bg-color" || name === "--w-text-color") return true;
+	if (!name.startsWith("--w-")) return false;
+	if (name.startsWith("--w-form-item") || name.startsWith("--w-layer")) return false;
+	return /-(?:size|color|bg-color|text-color)$/.test(name);
+}
+/**
+* Teleport / Portal 后弹层脱离 Form、UIProvider 树，从 trigger 同步三级上下文：
+* - 已生效的 size / color / bg / text-color（computed 继承值）
+* - trigger 至 Form 根之间内联写入的相关变量（含 var() 桥接）
+*/
+function collectTriggerSizeContext(trigger) {
+	if (!trigger) return {};
+	const vars = {};
+	const computed = getComputedStyle(trigger);
+	for (let i = 0; i < computed.length; i++) {
+		const name = computed[i];
+		if (!isPortalThemeVar(name)) continue;
+		const val = computed.getPropertyValue(name).trim();
+		if (val) vars[name] = val;
+	}
+	let node = trigger;
+	while (node) {
+		const { style } = node;
+		for (let i = 0; i < style.length; i++) {
+			const name = style[i];
+			if (!name.startsWith("--w-")) continue;
+			if (!isPortalThemeVar(name) && !name.includes("size")) continue;
+			const val = style.getPropertyValue(name).trim();
+			if (val) vars[name] = val;
+		}
+		if (node.classList.contains("w-form") || node.classList.contains("w-form-inline")) break;
+		node = node.parentElement;
+	}
+	return vars;
+}
+/** 组件主色 token：`--w-{comp}-color` */
+function compColorVarName(comp) {
+	return `--w-${comp.replace(/^--w-/, "").replace(/-color$/, "")}-color`;
+}
+/** 实例主色：`--w-prop-{comp}-color`（不覆盖主题 `--w-{comp}-color`） */
+function propColorVarName(comp) {
+	return `--w-prop-${comp.replace(/^--w-prop-/, "").replace(/^--w-/, "").replace(/-color$/, "")}-color`;
+}
+/** 实例主色 → `--w-prop-{comp}-color` */
+function propColorToCssVars(comp, color) {
+	if (color == null || color === "") return void 0;
+	return { [propColorVarName(comp)]: color };
+}
+/**
+* 有效主色：prop > 组件 token > 全局 --w-color
+* @example effectiveColorVar('btn')
+*   → 'var(--w-prop-btn-color, var(--w-btn-color, var(--w-color)))'
+*/
+function effectiveColorVar(comp) {
+	return `var(${propColorVarName(comp)}, var(${compColorVarName(comp)}, var(--w-color)))`;
+}
+/** 组件背景 token：`--w-{comp}-bg-color` */
+function compBgVarName(comp) {
+	return `--w-${comp.replace(/^--w-/, "").replace(/-bg-color$/, "").replace(/-bg$/, "")}-bg-color`;
+}
+/** 实例背景：`--w-prop-{comp}-bg-color` */
+function propBgVarName(comp) {
+	return `--w-prop-${comp.replace(/^--w-prop-/, "").replace(/^--w-/, "").replace(/-bg-color$/, "").replace(/-bg$/, "")}-bg-color`;
+}
+/**
+* 有效背景：prop > 组件 token > 全局 --w-bg-color
+* @example effectiveBgVar('layer')
+*   → 'var(--w-prop-layer-bg-color, var(--w-layer-bg-color, var(--w-bg-color)))'
+*/
+function effectiveBgVar(comp) {
+	return `var(${propBgVarName(comp)}, var(${compBgVarName(comp)}, var(--w-bg-color)))`;
+}
+/** 组件文本色 token：`--w-{comp}-text-color` */
+function compTextVarName(comp) {
+	return `--w-${comp.replace(/^--w-/, "").replace(/-text-color$/, "").replace(/-text$/, "")}-text-color`;
+}
+/** 实例文本色：`--w-prop-{comp}-text-color` */
+function propTextVarName(comp) {
+	return `--w-prop-${comp.replace(/^--w-prop-/, "").replace(/^--w-/, "").replace(/-text-color$/, "").replace(/-text$/, "")}-text-color`;
+}
+/**
+* 有效文本色：prop > 组件 token > 全局 --w-text-color
+* @example effectiveTextVar('sheet')
+*   → 'var(--w-prop-sheet-text-color, var(--w-sheet-text-color, var(--w-text-color)))'
+*/
+function effectiveTextVar(comp) {
+	return `var(${propTextVarName(comp)}, var(${compTextVarName(comp)}, var(--w-text-color)))`;
+}
+/**
+* 将 `style="width: 320px"` 这类 CSS 文本转为 Vue style 对象。
+* 禁止对字符串直接 Object.assign（会变成 {0:'w',1:'i',…}，挂载时崩溃）。
+*/
+function cssTextToStyleObject(cssText) {
+	const out = {};
+	for (const decl of cssText.split(";")) {
+		const i = decl.indexOf(":");
+		if (i <= 0) continue;
+		const prop = decl.slice(0, i).trim();
+		const value = decl.slice(i + 1).trim();
+		if (!prop || !value) continue;
+		const camel = prop.replace(/-([a-z])/gi, (_, c) => c.toUpperCase());
+		out[camel] = value;
+	}
+	return out;
+}
+function mergeStyle(...parts) {
+	const out = {};
+	let has = false;
+	for (const part of parts) {
+		if (part == null || part === "") continue;
+		if (typeof part === "string") {
+			Object.assign(out, cssTextToStyleObject(part));
+			has = true;
+			continue;
+		}
+		if (typeof part !== "object" || Array.isArray(part)) continue;
+		Object.assign(out, part);
+		has = true;
+	}
+	return has ? out : void 0;
+}
+//#endregion
+export { collectTriggerSizeContext, compBgVarName, compColorVarName, compSizeVarName, compTextVarName, effectiveBgVar, effectiveColorVar, effectiveSizeVar, effectiveTextVar, mergeStyle, normalizeCssVarName, propBgVarName, propColorToCssVars, propColorVarName, propSizeToCssVars, propSizeVarName, propTextVarName, sizeToCssVars, toCssVarsStyle };
+
+//# sourceMappingURL=cssVars.js.map

package/dist/util/cssVars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssVars.js","names":[],"sources":["../../util/cssVars.ts"],"sourcesContent":["/** 设计令牌覆盖：key 可为 `--w-btn-size` 或 `w-btn-size` */\r\nexport type CssVars = Record<string, string | number | undefined | null>\r\n\r\nexport function normalizeCssVarName(name: string): string {\r\n  return name.startsWith('--') ? name : `--${name}`\r\n}\r\n\r\n/** 把 cssVars 转成可挂到 DOM 的 style 对象（Vue / 内联） */\r\nexport function toCssVarsStyle(\r\n  vars?: CssVars | null,\r\n): Record<string, string> | undefined {\r\n  if (!vars) return undefined\r\n  const style: Record<string, string> = {}\r\n  for (const [key, value] of Object.entries(vars)) {\r\n    if (value === undefined || value === null || value === '') continue\r\n    style[normalizeCssVarName(key)] = String(value)\r\n  }\r\n  return Object.keys(style).length ? style : undefined\r\n}\r\n\r\n/** 实例数字 size → 对应 CSS 变量（单位 px） */\r\nexport function sizeToCssVars(\r\n  varName: string,\r\n  size?: number | null,\r\n): CssVars | undefined {\r\n  if (size == null || !Number.isFinite(size)) return undefined\r\n  return { [normalizeCssVarName(varName)]: `${size}px` }\r\n}\r\n\r\n/** 组件尺度 token：`--w-{comp}-size` */\r\nexport function compSizeVarName(comp: string): string {\r\n  const base = comp.replace(/^--w-/, '').replace(/-size$/, '')\r\n  return `--w-${base}-size`\r\n}\r\n\r\n/** 实例 size 专用：`--w-prop-{comp}-size`（不覆盖主题 `--w-{comp}-size`） */\r\nexport function propSizeVarName(comp: string): string {\r\n  const base = comp\r\n    .replace(/^--w-prop-/, '')\r\n    .replace(/^--w-/, '')\r\n    .replace(/-size$/, '')\r\n  return `--w-prop-${base}-size`\r\n}\r\n\r\n/** 实例 size → `--w-prop-{comp}-size` */\r\nexport function propSizeToCssVars(\r\n  comp: string,\r\n  size?: number | null,\r\n): CssVars | undefined {\r\n  return sizeToCssVars(propSizeVarName(comp), size)\r\n}\r\n\r\n/**\r\n * 有效尺度：prop > 组件 token > 全局 --w-size\r\n * @example effectiveSizeVar('date-picker')\r\n *   → 'var(--w-prop-date-picker-size, var(--w-date-picker-size, var(--w-size)))'\r\n */\r\nexport function effectiveSizeVar(comp: string): string {\r\n  return `var(${propSizeVarName(comp)}, var(${compSizeVarName(comp)}, var(--w-size)))`\r\n}\r\n\r\n/**\r\n * Portal 后从 trigger 同步的三级核：全局 --w-size/color/bg/text-color，\r\n * 以及 --w-{comp}-* / --w-prop-{comp}-*。不同步 form-item / layer 派生 token\r\n *（那些由组件根用 --__* 重绑，写成 inline 会盖住重绑）。\r\n */\r\nfunction isPortalThemeVar(name: string): boolean {\r\n  if (\r\n    name === '--w-size' ||\r\n    name === '--w-color' ||\r\n    name === '--w-bg-color' ||\r\n    name === '--w-text-color'\r\n  ) {\r\n    return true\r\n  }\r\n  if (!name.startsWith('--w-')) return false\r\n  if (name.startsWith('--w-form-item') || name.startsWith('--w-layer')) {\r\n    return false\r\n  }\r\n  return /-(?:size|color|bg-color|text-color)$/.test(name)\r\n}\r\n\r\n/**\r\n * Teleport / Portal 后弹层脱离 Form、UIProvider 树，从 trigger 同步三级上下文：\r\n * - 已生效的 size / color / bg / text-color（computed 继承值）\r\n * - trigger 至 Form 根之间内联写入的相关变量（含 var() 桥接）\r\n */\r\nexport function collectTriggerSizeContext(\r\n  trigger: HTMLElement | null | undefined,\r\n): CssVars {\r\n  if (!trigger) return {}\r\n  const vars: CssVars = {}\r\n  const computed = getComputedStyle(trigger)\r\n\r\n  for (let i = 0; i < computed.length; i++) {\r\n    const name = computed[i]\r\n    if (!isPortalThemeVar(name)) continue\r\n    const val = computed.getPropertyValue(name).trim()\r\n    if (val) vars[name] = val\r\n  }\r\n\r\n  let node: HTMLElement | null = trigger\r\n  while (node) {\r\n    const { style } = node\r\n    for (let i = 0; i < style.length; i++) {\r\n      const name = style[i]\r\n      if (!name.startsWith('--w-')) continue\r\n      if (!isPortalThemeVar(name) && !name.includes('size')) continue\r\n      const val = style.getPropertyValue(name).trim()\r\n      if (val) vars[name] = val\r\n    }\r\n    if (\r\n      node.classList.contains('w-form') ||\r\n      node.classList.contains('w-form-inline')\r\n    ) {\r\n      break\r\n    }\r\n    node = node.parentElement\r\n  }\r\n  return vars\r\n}\r\n\r\n/** 组件主色 token：`--w-{comp}-color` */\r\nexport function compColorVarName(comp: string): string {\r\n  const base = comp.replace(/^--w-/, '').replace(/-color$/, '')\r\n  return `--w-${base}-color`\r\n}\r\n\r\n/** 实例主色：`--w-prop-{comp}-color`（不覆盖主题 `--w-{comp}-color`） */\r\nexport function propColorVarName(comp: string): string {\r\n  const base = comp\r\n    .replace(/^--w-prop-/, '')\r\n    .replace(/^--w-/, '')\r\n    .replace(/-color$/, '')\r\n  return `--w-prop-${base}-color`\r\n}\r\n\r\n/** 实例主色 → `--w-prop-{comp}-color` */\r\nexport function propColorToCssVars(\r\n  comp: string,\r\n  color?: string | null,\r\n): CssVars | undefined {\r\n  if (color == null || color === '') return undefined\r\n  return { [propColorVarName(comp)]: color }\r\n}\r\n\r\n/**\r\n * 有效主色：prop > 组件 token > 全局 --w-color\r\n * @example effectiveColorVar('btn')\r\n *   → 'var(--w-prop-btn-color, var(--w-btn-color, var(--w-color)))'\r\n */\r\nexport function effectiveColorVar(comp: string): string {\r\n  return `var(${propColorVarName(comp)}, var(${compColorVarName(comp)}, var(--w-color)))`\r\n}\r\n\r\n/** 组件背景 token：`--w-{comp}-bg-color` */\r\nexport function compBgVarName(comp: string): string {\r\n  const base = comp\r\n    .replace(/^--w-/, '')\r\n    .replace(/-bg-color$/, '')\r\n    .replace(/-bg$/, '')\r\n  return `--w-${base}-bg-color`\r\n}\r\n\r\n/** 实例背景：`--w-prop-{comp}-bg-color` */\r\nexport function propBgVarName(comp: string): string {\r\n  const base = comp\r\n    .replace(/^--w-prop-/, '')\r\n    .replace(/^--w-/, '')\r\n    .replace(/-bg-color$/, '')\r\n    .replace(/-bg$/, '')\r\n  return `--w-prop-${base}-bg-color`\r\n}\r\n\r\n/** 实例背景 → `--w-prop-{comp}-bg-color`（无 prop，供 cssVars 写入） */\r\nexport function propBgToCssVars(\r\n  comp: string,\r\n  bg?: string | null,\r\n): CssVars | undefined {\r\n  if (bg == null || bg === '') return undefined\r\n  return { [propBgVarName(comp)]: bg }\r\n}\r\n\r\n/**\r\n * 有效背景：prop > 组件 token > 全局 --w-bg-color\r\n * @example effectiveBgVar('layer')\r\n *   → 'var(--w-prop-layer-bg-color, var(--w-layer-bg-color, var(--w-bg-color)))'\r\n */\r\nexport function effectiveBgVar(comp: string): string {\r\n  return `var(${propBgVarName(comp)}, var(${compBgVarName(comp)}, var(--w-bg-color)))`\r\n}\r\n\r\n/** 组件文本色 token：`--w-{comp}-text-color` */\r\nexport function compTextVarName(comp: string): string {\r\n  const base = comp\r\n    .replace(/^--w-/, '')\r\n    .replace(/-text-color$/, '')\r\n    .replace(/-text$/, '')\r\n  return `--w-${base}-text-color`\r\n}\r\n\r\n/** 实例文本色：`--w-prop-{comp}-text-color` */\r\nexport function propTextVarName(comp: string): string {\r\n  const base = comp\r\n    .replace(/^--w-prop-/, '')\r\n    .replace(/^--w-/, '')\r\n    .replace(/-text-color$/, '')\r\n    .replace(/-text$/, '')\r\n  return `--w-prop-${base}-text-color`\r\n}\r\n\r\n/** 实例文本色 → `--w-prop-{comp}-text-color`（无 prop，供 cssVars 写入） */\r\nexport function propTextToCssVars(\r\n  comp: string,\r\n  text?: string | null,\r\n): CssVars | undefined {\r\n  if (text == null || text === '') return undefined\r\n  return { [propTextVarName(comp)]: text }\r\n}\r\n\r\n/**\r\n * 有效文本色：prop > 组件 token > 全局 --w-text-color\r\n * @example effectiveTextVar('sheet')\r\n *   → 'var(--w-prop-sheet-text-color, var(--w-sheet-text-color, var(--w-text-color)))'\r\n */\r\nexport function effectiveTextVar(comp: string): string {\r\n  return `var(${propTextVarName(comp)}, var(${compTextVarName(comp)}, var(--w-text-color)))`\r\n}\r\n\r\n/**\r\n * 将 `style=\"width: 320px\"` 这类 CSS 文本转为 Vue style 对象。\r\n * 禁止对字符串直接 Object.assign（会变成 {0:'w',1:'i',…}，挂载时崩溃）。\r\n */\r\nfunction cssTextToStyleObject(cssText: string): Record<string, string> {\r\n  const out: Record<string, string> = {}\r\n  for (const decl of cssText.split(';')) {\r\n    const i = decl.indexOf(':')\r\n    if (i <= 0) continue\r\n    const prop = decl.slice(0, i).trim()\r\n    const value = decl.slice(i + 1).trim()\r\n    if (!prop || !value) continue\r\n    const camel = prop.replace(/-([a-z])/gi, (_, c: string) => c.toUpperCase())\r\n    out[camel] = value\r\n  }\r\n  return out\r\n}\r\n\r\nexport function mergeStyle(\r\n  ...parts: Array<Record<string, any> | string | undefined | null>\r\n): Record<string, any> | undefined {\r\n  const out: Record<string, any> = {}\r\n  let has = false\r\n  for (const part of parts) {\r\n    if (part == null || part === '') continue\r\n    if (typeof part === 'string') {\r\n      Object.assign(out, cssTextToStyleObject(part))\r\n      has = true\r\n      continue\r\n    }\r\n    if (typeof part !== 'object' || Array.isArray(part)) continue\r\n    Object.assign(out, part)\r\n    has = true\r\n  }\r\n  return has ? out : undefined\r\n}\r\n"],"mappings":"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"}