@will-ui/vue 1.0.0

package/dist/components/lcdFont/LcdFont.d.ts

@@ -0,0 +1,126 @@
+import { PropType } from 'vue';
+import { CssVars } from '../../util';
+export type { LcdFontGlobalConfig } from './config';
+export { LCD_FONT_FALLBACK } from './config';
+export type { FormatLcdOptions, LcdGroupSize } from './format';
+export { formatLcdValue } from './format';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** 展示数值，支持千/万位分组、小数与负数 */
+    value: {
+        type: PropType<number | string>;
+        required: true;
+    };
+    /** 数字高度（px）→ `--w-prop-lcd-font-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /**
+     * 段粗细 → `--w-prop-lcd-font-weight`；`'1'`/`'1px'` 为 1px，`'2em'` 为 2em
+     * 优先级高于 font-weight
+     */
+    weight: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量 */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+    /** 整数部分分组位数：3 或 4 */
+    groupSize: {
+        type: PropType<3 | 4>;
+        default: any;
+    };
+    /** 小数位数；未传时尽量保留 value 原有小数位 */
+    precision: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 分组分隔符 */
+    separator: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 正数是否显示 + */
+    showSign: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    /** 是否渲染未点亮段的暗色底 */
+    dimInactive: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    /** 是否随容器宽度自适应缩放 */
+    autoSize: {
+        type: BooleanConstructor;
+        default: any;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 展示数值，支持千/万位分组、小数与负数 */
+    value: {
+        type: PropType<number | string>;
+        required: true;
+    };
+    /** 数字高度（px）→ `--w-prop-lcd-font-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /**
+     * 段粗细 → `--w-prop-lcd-font-weight`；`'1'`/`'1px'` 为 1px，`'2em'` 为 2em
+     * 优先级高于 font-weight
+     */
+    weight: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量 */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+    /** 整数部分分组位数：3 或 4 */
+    groupSize: {
+        type: PropType<3 | 4>;
+        default: any;
+    };
+    /** 小数位数；未传时尽量保留 value 原有小数位 */
+    precision: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 分组分隔符 */
+    separator: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 正数是否显示 + */
+    showSign: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    /** 是否渲染未点亮段的暗色底 */
+    dimInactive: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    /** 是否随容器宽度自适应缩放 */
+    autoSize: {
+        type: BooleanConstructor;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    size: number;
+    cssVars: CssVars;
+    weight: string;
+    separator: string;
+    groupSize: 3 | 4;
+    showSign: boolean;
+    dimInactive: boolean;
+    autoSize: boolean;
+    precision: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/lcdFont/LcdFont.js

@@ -0,0 +1,232 @@
+import useComponentConfig from "../../use/useComponentConfig.js";
+import { propSizeToCssVars, toCssVarsStyle } from "../../util/cssVars.js";
+import { LCD_FONT_FALLBACK, computeLcdSegmentScale, normalizeLcdWeight } from "./config.js";
+import { formatLcdValue } from "./format.js";
+import { ALL_SEGMENTS, SEGMENT_AXIS, SEGMENT_RECTS, buildCommaPath, buildDotPath, buildSegmentPath, getActiveSegments, getCharKind, scaleSegmentRect } from "./segments.js";
+import { computed, createVNode, defineComponent, mergeProps, nextTick, onMounted, onUnmounted, ref, watch } from "vue";
+//#region components/lcdFont/LcdFont.tsx
+var PLUS_H_RECT = {
+	x: 1.2,
+	y: 8.35,
+	width: 7.6,
+	height: 1.3,
+	rx: .35
+};
+var PLUS_V_RECT = {
+	x: 4.35,
+	y: 5.2,
+	width: 1.3,
+	height: 7.6,
+	rx: .35
+};
+function measureFontSizePx(el) {
+	if (!el) return void 0;
+	const fs = parseFloat(getComputedStyle(el).fontSize);
+	return fs > 0 ? fs : void 0;
+}
+function resolveBoldSegmentScale(el) {
+	if (!el) return 1;
+	const style = getComputedStyle(el);
+	const fw = parseInt(style.fontWeight, 10);
+	if (!Number.isFinite(fw) || fw < 600) return 1;
+	const raw = style.getPropertyValue("--w-lcd-font-bold-segment-scale").trim();
+	const bold = parseFloat(raw);
+	return Number.isFinite(bold) && bold > 0 ? bold : 1.12;
+}
+function resolveSegmentScale(el, weightCss, propSize, measuredFontSize) {
+	if (weightCss) {
+		const fontSize = propSize ?? measuredFontSize;
+		if (fontSize != null) {
+			const scale = computeLcdSegmentScale(weightCss, fontSize);
+			if (scale != null) return scale;
+		}
+		return 1;
+	}
+	return resolveBoldSegmentScale(el);
+}
+function renderDigit(char, key, segmentScale) {
+	const kind = getCharKind(char);
+	if (kind === "space") return createVNode("span", {
+		"key": key,
+		"class": "w-lcd-font-space",
+		"aria-hidden": "true"
+	}, null);
+	if (kind === "dot") return createVNode("svg", {
+		"key": key,
+		"class": "w-lcd-font-digit w-lcd-font-digit--dot",
+		"viewBox": "0 0 4 18",
+		"preserveAspectRatio": "xMidYMax meet",
+		"aria-hidden": "true"
+	}, [createVNode("path", {
+		"class": "w-lcd-font-dot-shape",
+		"d": buildDotPath(),
+		"fill": "currentColor"
+	}, null)]);
+	if (kind === "comma") return createVNode("svg", {
+		"key": key,
+		"class": "w-lcd-font-digit w-lcd-font-digit--comma",
+		"viewBox": "0 0 5 18",
+		"preserveAspectRatio": "xMidYMax meet",
+		"aria-hidden": "true"
+	}, [createVNode("path", {
+		"class": "w-lcd-font-comma-shape",
+		"d": buildCommaPath(),
+		"fill": "currentColor"
+	}, null)]);
+	if (kind === "plus") {
+		const hRect = scaleSegmentRect(PLUS_H_RECT, "h", segmentScale);
+		const vRect = scaleSegmentRect(PLUS_V_RECT, "v", segmentScale);
+		return createVNode("svg", {
+			"key": key,
+			"class": "w-lcd-font-digit w-lcd-font-digit--plus",
+			"viewBox": "0 0 10 18",
+			"preserveAspectRatio": "xMidYMid meet",
+			"aria-hidden": "true"
+		}, [createVNode("path", {
+			"class": "w-lcd-font-plus-bar",
+			"d": buildSegmentPath(hRect, "h"),
+			"fill": "currentColor"
+		}, null), createVNode("path", {
+			"class": "w-lcd-font-plus-bar",
+			"d": buildSegmentPath(vRect, "v"),
+			"fill": "currentColor"
+		}, null)]);
+	}
+	const active = getActiveSegments(char, kind);
+	return createVNode("svg", {
+		"key": key,
+		"class": ["w-lcd-font-digit", kind === "minus" ? "w-lcd-font-digit--minus" : void 0],
+		"viewBox": "0 0 10 18",
+		"preserveAspectRatio": "xMidYMid meet",
+		"aria-hidden": "true"
+	}, [ALL_SEGMENTS.map((id) => {
+		const axis = SEGMENT_AXIS[id];
+		const rect = scaleSegmentRect(SEGMENT_RECTS[id], axis, segmentScale);
+		const isOn = active.includes(id);
+		return createVNode("path", {
+			"key": id,
+			"d": buildSegmentPath(rect, axis),
+			"fill": "currentColor",
+			"class": [
+				"w-lcd-font-segment",
+				`w-lcd-font-segment--${axis}`,
+				isOn ? "w-lcd-font-segment--on" : "w-lcd-font-segment--off"
+			]
+		}, null);
+	})]);
+}
+var LcdFont_default = /* @__PURE__ */ defineComponent({
+	name: "LcdFont",
+	inheritAttrs: false,
+	props: {
+		/** 展示数值，支持千/万位分组、小数与负数 */
+		value: {
+			type: [Number, String],
+			required: true
+		},
+		/** 数字高度（px）→ `--w-prop-lcd-font-size` */
+		size: {
+			type: Number,
+			default: void 0
+		},
+		/**
+		* 段粗细 → `--w-prop-lcd-font-weight`；`'1'`/`'1px'` 为 1px，`'2em'` 为 2em
+		* 优先级高于 font-weight
+		*/
+		weight: {
+			type: String,
+			default: void 0
+		},
+		/** 实例 CSS 变量 */
+		cssVars: {
+			type: Object,
+			default: void 0
+		},
+		/** 整数部分分组位数：3 或 4 */
+		groupSize: {
+			type: Number,
+			default: void 0
+		},
+		/** 小数位数；未传时尽量保留 value 原有小数位 */
+		precision: {
+			type: Number,
+			default: void 0
+		},
+		/** 分组分隔符 */
+		separator: {
+			type: String,
+			default: void 0
+		},
+		/** 正数是否显示 + */
+		showSign: {
+			type: Boolean,
+			default: void 0
+		},
+		/** 是否渲染未点亮段的暗色底 */
+		dimInactive: {
+			type: Boolean,
+			default: void 0
+		},
+		/** 是否随容器宽度自适应缩放 */
+		autoSize: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	setup(props, { attrs }) {
+		const cfg = useComponentConfig("LcdFont", props, LCD_FONT_FALLBACK);
+		const displayText = computed(() => formatLcdValue(props.value, {
+			groupSize: cfg.value.groupSize,
+			precision: props.precision,
+			separator: cfg.value.separator,
+			showSign: cfg.value.showSign
+		}));
+		const chars = computed(() => displayText.value.split(""));
+		const dimInactive = computed(() => cfg.value.dimInactive !== false);
+		const weightCss = computed(() => normalizeLcdWeight(cfg.value.weight));
+		const rootRef = ref();
+		const measuredFontSize = ref();
+		let resizeObserver;
+		function syncMeasuredFontSize() {
+			measuredFontSize.value = measureFontSizePx(rootRef.value);
+		}
+		const segmentScale = computed(() => resolveSegmentScale(rootRef.value, weightCss.value, cfg.value.size, measuredFontSize.value));
+		onMounted(() => {
+			syncMeasuredFontSize();
+			const el = rootRef.value;
+			if (!el) return;
+			resizeObserver = new ResizeObserver(() => syncMeasuredFontSize());
+			resizeObserver.observe(el);
+		});
+		onUnmounted(() => {
+			resizeObserver?.disconnect();
+		});
+		watch([
+			weightCss,
+			() => cfg.value.size,
+			dimInactive,
+			() => attrs.class
+		], () => nextTick(syncMeasuredFontSize));
+		return () => {
+			const rootProps = mergeProps({
+				class: ["w-lcd-font", {
+					"w-lcd-font--auto": cfg.value.autoSize,
+					"w-lcd-font--dim": dimInactive.value,
+					"w-lcd-font--weight": !!weightCss.value
+				}],
+				style: toCssVarsStyle({
+					...propSizeToCssVars("lcd-font", cfg.value.size),
+					...weightCss.value ? { "--w-prop-lcd-font-weight": weightCss.value } : void 0,
+					...props.cssVars
+				}),
+				role: "img",
+				"aria-label": displayText.value
+			}, attrs);
+			return createVNode("span", mergeProps(rootProps, { "ref": rootRef }), [chars.value.map((char, index) => renderDigit(char, `${index}-${char}`, segmentScale.value))]);
+		};
+	}
+});
+//#endregion
+export { LCD_FONT_FALLBACK, LcdFont_default as default };
+
+//# sourceMappingURL=LcdFont.js.map

package/dist/components/lcdFont/LcdFont.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LcdFont.js","names":["computed","defineComponent","mergeProps","nextTick","onMounted","onUnmounted","ref","watch","createVNode","_createVNode","_mergeProps","useComponentConfig","propSizeToCssVars","toCssVarsStyle","LCD_FONT_FALLBACK","computeLcdSegmentScale","normalizeLcdWeight","formatLcdValue","ALL_SEGMENTS","SEGMENT_AXIS","SEGMENT_RECTS","buildCommaPath","buildDotPath","buildSegmentPath","getActiveSegments","getCharKind","scaleSegmentRect","PLUS_H_RECT","x","y","width","height","rx","PLUS_V_RECT","measureFontSizePx","el","undefined","fs","parseFloat","getComputedStyle","fontSize","resolveBoldSegmentScale","style","fw","parseInt","fontWeight","Number","isFinite","raw","getPropertyValue","trim","bold","resolveSegmentScale","weightCss","propSize","measuredFontSize","scale","renderDigit","char","key","segmentScale","kind","hRect","vRect","active","digitClass","map","id","axis","rect","isOn","includes","name","inheritAttrs","props","value","type","String","required","size","default","weight","cssVars","Object","groupSize","precision","separator","showSign","Boolean","dimInactive","autoSize","setup","attrs","cfg","displayText","chars","split","rootRef","resizeObserver","syncMeasuredFontSize","ResizeObserver","observe","disconnect","class","rootProps","role","index"],"sources":["../../../components/lcdFont/LcdFont.tsx"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport {\r\n  computed,\r\n  defineComponent,\r\n  mergeProps,\r\n  nextTick,\r\n  onMounted,\r\n  onUnmounted,\r\n  ref,\r\n  watch,\r\n} from 'vue'\r\nimport useComponentConfig from '../../use/useComponentConfig'\r\nimport {\r\n  propSizeToCssVars,\r\n  toCssVarsStyle,\r\n  type CssVars,\r\n} from '../../util'\r\nimport { LCD_FONT_FALLBACK, computeLcdSegmentScale, normalizeLcdWeight } from './config'\r\nimport { formatLcdValue } from './format'\r\nimport {\r\n  ALL_SEGMENTS,\r\n  SEGMENT_AXIS,\r\n  SEGMENT_RECTS,\r\n  buildCommaPath,\r\n  buildDotPath,\r\n  buildSegmentPath,\r\n  getActiveSegments,\r\n  getCharKind,\r\n  scaleSegmentRect,\r\n  type SegmentRect,\r\n} from './segments'\r\n\r\nexport type { LcdFontGlobalConfig } from './config'\r\nexport { LCD_FONT_FALLBACK } from './config'\r\nexport type { FormatLcdOptions, LcdGroupSize } from './format'\r\nexport { formatLcdValue } from './format'\r\n\r\nconst PLUS_H_RECT: SegmentRect = {\r\n  x: 1.2,\r\n  y: 8.35,\r\n  width: 7.6,\r\n  height: 1.3,\r\n  rx: 0.35,\r\n}\r\nconst PLUS_V_RECT: SegmentRect = {\r\n  x: 4.35,\r\n  y: 5.2,\r\n  width: 1.3,\r\n  height: 7.6,\r\n  rx: 0.35,\r\n}\r\n\r\nfunction measureFontSizePx(el: HTMLElement | undefined): number | undefined {\r\n  if (!el) return undefined\r\n  const fs = parseFloat(getComputedStyle(el).fontSize)\r\n  return fs > 0 ? fs : undefined\r\n}\r\n\r\nfunction resolveBoldSegmentScale(el: HTMLElement | undefined): number {\r\n  if (!el) return 1\r\n  const style = getComputedStyle(el)\r\n  const fw = parseInt(style.fontWeight, 10)\r\n  if (!Number.isFinite(fw) || fw < 600) return 1\r\n  const raw = style.getPropertyValue('--w-lcd-font-bold-segment-scale').trim()\r\n  const bold = parseFloat(raw)\r\n  return Number.isFinite(bold) && bold > 0 ? bold : 1.12\r\n}\r\n\r\nfunction resolveSegmentScale(\r\n  el: HTMLElement | undefined,\r\n  weightCss: string | undefined,\r\n  propSize: number | undefined,\r\n  measuredFontSize: number | undefined,\r\n): number {\r\n  if (weightCss) {\r\n    const fontSize = propSize ?? measuredFontSize\r\n    if (fontSize != null) {\r\n      const scale = computeLcdSegmentScale(weightCss, fontSize)\r\n      if (scale != null) return scale\r\n    }\r\n    return 1\r\n  }\r\n  return resolveBoldSegmentScale(el)\r\n}\r\n\r\nfunction renderDigit(char: string, key: string | number, segmentScale: number) {\r\n  const kind = getCharKind(char)\r\n\r\n  if (kind === 'space') {\r\n    return <span key={key} class=\"w-lcd-font-space\" aria-hidden=\"true\" />\r\n  }\r\n\r\n  if (kind === 'dot') {\r\n    return (\r\n      <svg\r\n        key={key}\r\n        class=\"w-lcd-font-digit w-lcd-font-digit--dot\"\r\n        viewBox=\"0 0 4 18\"\r\n        preserveAspectRatio=\"xMidYMax meet\"\r\n        aria-hidden=\"true\">\r\n        <path\r\n          class=\"w-lcd-font-dot-shape\"\r\n          d={buildDotPath()}\r\n          fill=\"currentColor\"\r\n        />\r\n      </svg>\r\n    )\r\n  }\r\n\r\n  if (kind === 'comma') {\r\n    return (\r\n      <svg\r\n        key={key}\r\n        class=\"w-lcd-font-digit w-lcd-font-digit--comma\"\r\n        viewBox=\"0 0 5 18\"\r\n        preserveAspectRatio=\"xMidYMax meet\"\r\n        aria-hidden=\"true\">\r\n        <path\r\n          class=\"w-lcd-font-comma-shape\"\r\n          d={buildCommaPath()}\r\n          fill=\"currentColor\"\r\n        />\r\n      </svg>\r\n    )\r\n  }\r\n\r\n  if (kind === 'plus') {\r\n    const hRect = scaleSegmentRect(PLUS_H_RECT, 'h', segmentScale)\r\n    const vRect = scaleSegmentRect(PLUS_V_RECT, 'v', segmentScale)\r\n    return (\r\n      <svg\r\n        key={key}\r\n        class=\"w-lcd-font-digit w-lcd-font-digit--plus\"\r\n        viewBox=\"0 0 10 18\"\r\n        preserveAspectRatio=\"xMidYMid meet\"\r\n        aria-hidden=\"true\">\r\n        <path\r\n          class=\"w-lcd-font-plus-bar\"\r\n          d={buildSegmentPath(hRect, 'h')}\r\n          fill=\"currentColor\"\r\n        />\r\n        <path\r\n          class=\"w-lcd-font-plus-bar\"\r\n          d={buildSegmentPath(vRect, 'v')}\r\n          fill=\"currentColor\"\r\n        />\r\n      </svg>\r\n    )\r\n  }\r\n\r\n  const active = getActiveSegments(char, kind)\r\n  const digitClass = kind === 'minus' ? 'w-lcd-font-digit--minus' : undefined\r\n\r\n  return (\r\n    <svg\r\n      key={key}\r\n      class={['w-lcd-font-digit', digitClass]}\r\n      viewBox=\"0 0 10 18\"\r\n      preserveAspectRatio=\"xMidYMid meet\"\r\n      aria-hidden=\"true\">\r\n      {ALL_SEGMENTS.map((id) => {\r\n        const axis = SEGMENT_AXIS[id]\r\n        const rect = scaleSegmentRect(SEGMENT_RECTS[id], axis, segmentScale)\r\n        const isOn = active.includes(id)\r\n        return (\r\n          <path\r\n            key={id}\r\n            d={buildSegmentPath(rect, axis)}\r\n            fill=\"currentColor\"\r\n            class={[\r\n              'w-lcd-font-segment',\r\n              `w-lcd-font-segment--${axis}`,\r\n              isOn\r\n                ? 'w-lcd-font-segment--on'\r\n                : 'w-lcd-font-segment--off',\r\n            ]}\r\n          />\r\n        )\r\n      })}\r\n    </svg>\r\n  )\r\n}\r\n\r\nexport default defineComponent({\r\n  name: 'LcdFont',\r\n  inheritAttrs: false,\r\n  props: {\r\n    /** 展示数值，支持千/万位分组、小数与负数 */\r\n    value: {\r\n      type: [Number, String] as PropType<number | string>,\r\n      required: true,\r\n    },\r\n    /** 数字高度（px）→ `--w-prop-lcd-font-size` */\r\n    size: { type: Number, default: undefined },\r\n    /**\r\n     * 段粗细 → `--w-prop-lcd-font-weight`；`'1'`/`'1px'` 为 1px，`'2em'` 为 2em\r\n     * 优先级高于 font-weight\r\n     */\r\n    weight: { type: String, default: undefined },\r\n    /** 实例 CSS 变量 */\r\n    cssVars: { type: Object as PropType<CssVars>, default: undefined },\r\n    /** 整数部分分组位数：3 或 4 */\r\n    groupSize: { type: Number as PropType<3 | 4>, default: undefined },\r\n    /** 小数位数；未传时尽量保留 value 原有小数位 */\r\n    precision: { type: Number, default: undefined },\r\n    /** 分组分隔符 */\r\n    separator: { type: String, default: undefined },\r\n    /** 正数是否显示 + */\r\n    showSign: { type: Boolean, default: undefined },\r\n    /** 是否渲染未点亮段的暗色底 */\r\n    dimInactive: { type: Boolean, default: undefined },\r\n    /** 是否随容器宽度自适应缩放 */\r\n    autoSize: { type: Boolean, default: undefined },\r\n  },\r\n  setup(props, { attrs }) {\r\n    const cfg = useComponentConfig('LcdFont', props, LCD_FONT_FALLBACK)\r\n\r\n    const displayText = computed(() =>\r\n      formatLcdValue(props.value, {\r\n        groupSize: cfg.value.groupSize,\r\n        precision: props.precision,\r\n        separator: cfg.value.separator,\r\n        showSign: cfg.value.showSign,\r\n      }),\r\n    )\r\n\r\n    const chars = computed(() => displayText.value.split(''))\r\n    const dimInactive = computed(() => cfg.value.dimInactive !== false)\r\n    const weightCss = computed(() => normalizeLcdWeight(cfg.value.weight))\r\n\r\n    const rootRef = ref<HTMLElement>()\r\n    const measuredFontSize = ref<number | undefined>()\r\n    let resizeObserver: ResizeObserver | undefined\r\n\r\n    function syncMeasuredFontSize() {\r\n      measuredFontSize.value = measureFontSizePx(rootRef.value)\r\n    }\r\n\r\n    const segmentScale = computed(() =>\r\n      resolveSegmentScale(\r\n        rootRef.value,\r\n        weightCss.value,\r\n        cfg.value.size,\r\n        measuredFontSize.value,\r\n      ),\r\n    )\r\n\r\n    onMounted(() => {\r\n      syncMeasuredFontSize()\r\n      const el = rootRef.value\r\n      if (!el) return\r\n      resizeObserver = new ResizeObserver(() => syncMeasuredFontSize())\r\n      resizeObserver.observe(el)\r\n    })\r\n\r\n    onUnmounted(() => {\r\n      resizeObserver?.disconnect()\r\n    })\r\n\r\n    watch(\r\n      [\r\n        weightCss,\r\n        () => cfg.value.size,\r\n        dimInactive,\r\n        () => attrs.class,\r\n      ],\r\n      () => nextTick(syncMeasuredFontSize),\r\n    )\r\n\r\n    return () => {\r\n      const rootProps = mergeProps(\r\n        {\r\n          class: [\r\n            'w-lcd-font',\r\n            {\r\n              'w-lcd-font--auto': cfg.value.autoSize,\r\n              'w-lcd-font--dim': dimInactive.value,\r\n              'w-lcd-font--weight': !!weightCss.value,\r\n            },\r\n          ],\r\n          style: toCssVarsStyle({\r\n            ...propSizeToCssVars('lcd-font', cfg.value.size),\r\n            ...(weightCss.value\r\n              ? { '--w-prop-lcd-font-weight': weightCss.value }\r\n              : undefined),\r\n            ...props.cssVars,\r\n          }),\r\n          role: 'img',\r\n          'aria-label': displayText.value,\r\n        },\r\n        attrs,\r\n      )\r\n\r\n      return (\r\n        <span {...rootProps} ref={rootRef}>\r\n          {chars.value.map((char, index) =>\r\n            renderDigit(char, `${index}-${char}`, segmentScale.value),\r\n          )}\r\n        </span>\r\n      )\r\n    }\r\n  },\r\n})\r\n"],"mappings":"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"}

package/dist/components/lcdFont/config.d.ts

@@ -0,0 +1,43 @@
+/**
+ * 可通过 `app.use(UI, { components: { LcdFont: {...} } })` 配置的项。
+ * 不宜全局配置：value（实例数据）。
+ */
+export type LcdFontGlobalConfig = Partial<{
+    /** 数字高度（px）→ `--w-prop-lcd-font-size` */
+    size: number;
+    /**
+     * 段粗细 → `--w-prop-lcd-font-weight`；纯数字按 px，可带单位（如 `2em`）
+     * 优先级高于 font-weight
+     */
+    weight: string;
+    /** 整数部分分组位数：3 或 4 */
+    groupSize: 3 | 4;
+    /** 分组分隔符，默认逗号 */
+    separator: string;
+    /** 正数是否显示 + 号 */
+    showSign: boolean;
+    /** 是否渲染未点亮段的暗色底 */
+    dimInactive: boolean;
+    /** 是否随容器宽度自适应缩放 */
+    autoSize: boolean;
+}>;
+export declare const LCD_FONT_FALLBACK: {
+    size: number | undefined;
+    weight: string | undefined;
+    groupSize: 3 | 4;
+    separator: string;
+    showSign: boolean;
+    dimInactive: boolean;
+    autoSize: boolean;
+};
+/** 与 `_var.css` 中 `--w-lcd-font-segment-thickness-ratio` 对齐 */
+export declare const LCD_FONT_SEGMENT_THICKNESS_RATIO = 0.072222;
+/** 纯数字补 `px`；已有单位原样返回 */
+export declare function normalizeLcdWeight(weight?: string | null): string | undefined;
+/** 将 weight 字符串解析为 px（`em` 相对当前字高） */
+export declare function parseLcdWeightPx(weightCss: string, fontSizePx: number): number;
+/**
+ * 由 weight + 字高算出段缩放比，与 CSS `--__segment-scale` 公式一致。
+ * weight / (fontSize × segment-thickness-ratio)
+ */
+export declare function computeLcdSegmentScale(weightCss: string | undefined, fontSizePx: number): number | undefined;

package/dist/components/lcdFont/config.js

@@ -0,0 +1,41 @@
+//#region components/lcdFont/config.ts
+var LCD_FONT_FALLBACK = {
+	size: void 0,
+	weight: void 0,
+	groupSize: 3,
+	separator: ",",
+	showSign: false,
+	dimInactive: true,
+	autoSize: false
+};
+/** 与 `_var.css` 中 `--w-lcd-font-segment-thickness-ratio` 对齐 */
+var LCD_FONT_SEGMENT_THICKNESS_RATIO = .072222;
+/** 纯数字补 `px`；已有单位原样返回 */
+function normalizeLcdWeight(weight) {
+	if (weight == null) return void 0;
+	const trimmed = String(weight).trim();
+	if (!trimmed) return void 0;
+	if (/^-?\d+(\.\d+)?$/.test(trimmed)) return `${trimmed}px`;
+	return trimmed;
+}
+/** 将 weight 字符串解析为 px（`em` 相对当前字高） */
+function parseLcdWeightPx(weightCss, fontSizePx) {
+	if (weightCss.endsWith("em")) return parseFloat(weightCss) * fontSizePx;
+	if (weightCss.endsWith("px")) return parseFloat(weightCss);
+	return parseFloat(weightCss);
+}
+/**
+* 由 weight + 字高算出段缩放比，与 CSS `--__segment-scale` 公式一致。
+* weight / (fontSize × segment-thickness-ratio)
+*/
+function computeLcdSegmentScale(weightCss, fontSizePx) {
+	if (!weightCss || fontSizePx <= 0) return void 0;
+	const weightPx = parseLcdWeightPx(weightCss, fontSizePx);
+	const base = fontSizePx * LCD_FONT_SEGMENT_THICKNESS_RATIO;
+	if (base <= 0) return void 0;
+	return weightPx / base;
+}
+//#endregion
+export { LCD_FONT_FALLBACK, LCD_FONT_SEGMENT_THICKNESS_RATIO, computeLcdSegmentScale, normalizeLcdWeight, parseLcdWeightPx };
+
+//# sourceMappingURL=config.js.map

package/dist/components/lcdFont/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../components/lcdFont/config.ts"],"sourcesContent":["/**\r\n * 可通过 `app.use(UI, { components: { LcdFont: {...} } })` 配置的项。\r\n * 不宜全局配置：value（实例数据）。\r\n */\r\nexport type LcdFontGlobalConfig = Partial<{\r\n  /** 数字高度（px）→ `--w-prop-lcd-font-size` */\r\n  size: number\r\n  /**\r\n   * 段粗细 → `--w-prop-lcd-font-weight`；纯数字按 px，可带单位（如 `2em`）\r\n   * 优先级高于 font-weight\r\n   */\r\n  weight: string\r\n  /** 整数部分分组位数：3 或 4 */\r\n  groupSize: 3 | 4\r\n  /** 分组分隔符，默认逗号 */\r\n  separator: string\r\n  /** 正数是否显示 + 号 */\r\n  showSign: boolean\r\n  /** 是否渲染未点亮段的暗色底 */\r\n  dimInactive: boolean\r\n  /** 是否随容器宽度自适应缩放 */\r\n  autoSize: boolean\r\n}>\r\n\r\nexport const LCD_FONT_FALLBACK = {\r\n  size: undefined as number | undefined,\r\n  weight: undefined as string | undefined,\r\n  groupSize: 3 as 3 | 4,\r\n  separator: ',',\r\n  showSign: false,\r\n  dimInactive: true,\r\n  autoSize: false,\r\n}\r\n\r\n/** 与 `_var.css` 中 `--w-lcd-font-segment-thickness-ratio` 对齐 */\r\nexport const LCD_FONT_SEGMENT_THICKNESS_RATIO = 0.072222\r\n\r\n/** 纯数字补 `px`；已有单位原样返回 */\r\nexport function normalizeLcdWeight(\r\n  weight?: string | null,\r\n): string | undefined {\r\n  if (weight == null) return undefined\r\n  const trimmed = String(weight).trim()\r\n  if (!trimmed) return undefined\r\n  if (/^-?\\d+(\\.\\d+)?$/.test(trimmed)) return `${trimmed}px`\r\n  return trimmed\r\n}\r\n\r\n/** 将 weight 字符串解析为 px（`em` 相对当前字高） */\r\nexport function parseLcdWeightPx(weightCss: string, fontSizePx: number): number {\r\n  if (weightCss.endsWith('em')) {\r\n    return parseFloat(weightCss) * fontSizePx\r\n  }\r\n  if (weightCss.endsWith('px')) {\r\n    return parseFloat(weightCss)\r\n  }\r\n  return parseFloat(weightCss)\r\n}\r\n\r\n/**\r\n * 由 weight + 字高算出段缩放比，与 CSS `--__segment-scale` 公式一致。\r\n * weight / (fontSize × segment-thickness-ratio)\r\n */\r\nexport function computeLcdSegmentScale(\r\n  weightCss: string | undefined,\r\n  fontSizePx: number,\r\n): number | undefined {\r\n  if (!weightCss || fontSizePx <= 0) return undefined\r\n  const weightPx = parseLcdWeightPx(weightCss, fontSizePx)\r\n  const base = fontSizePx * LCD_FONT_SEGMENT_THICKNESS_RATIO\r\n  if (base <= 0) return undefined\r\n  return weightPx / base\r\n}\r\n"],"mappings":";AAwBA,IAAa,oBAAoB;CAC/B,MAAM,KAAA;CACN,QAAQ,KAAA;CACR,WAAW;CACX,WAAW;CACX,UAAU;CACV,aAAa;CACb,UAAU;AACZ;;AAGA,IAAa,mCAAmC;;AAGhD,SAAgB,mBACd,QACoB;CACpB,IAAI,UAAU,MAAM,OAAO,KAAA;CAC3B,MAAM,UAAU,OAAO,MAAM,CAAC,CAAC,KAAK;CACpC,IAAI,CAAC,SAAS,OAAO,KAAA;CACrB,IAAI,kBAAkB,KAAK,OAAO,GAAG,OAAO,GAAG,QAAQ;CACvD,OAAO;AACT;;AAGA,SAAgB,iBAAiB,WAAmB,YAA4B;CAC9E,IAAI,UAAU,SAAS,IAAI,GACzB,OAAO,WAAW,SAAS,IAAI;CAEjC,IAAI,UAAU,SAAS,IAAI,GACzB,OAAO,WAAW,SAAS;CAE7B,OAAO,WAAW,SAAS;AAC7B;;;;;AAMA,SAAgB,uBACd,WACA,YACoB;CACpB,IAAI,CAAC,aAAa,cAAc,GAAG,OAAO,KAAA;CAC1C,MAAM,WAAW,iBAAiB,WAAW,UAAU;CACvD,MAAM,OAAO,aAAa;CAC1B,IAAI,QAAQ,GAAG,OAAO,KAAA;CACtB,OAAO,WAAW;AACpB"}

package/dist/components/lcdFont/format.d.ts

@@ -0,0 +1,8 @@
+export type LcdGroupSize = 3 | 4;
+export interface FormatLcdOptions {
+    groupSize?: LcdGroupSize;
+    precision?: number;
+    separator?: string;
+    showSign?: boolean;
+}
+export declare function formatLcdValue(value: number | string | null | undefined, options?: FormatLcdOptions): string;

package/dist/components/lcdFont/format.js

@@ -0,0 +1,39 @@
+//#region components/lcdFont/format.ts
+function groupInteger(intPart, groupSize, separator) {
+	if (!intPart || intPart.length <= groupSize) return intPart;
+	const groups = [];
+	let index = intPart.length;
+	while (index > 0) {
+		const start = Math.max(0, index - groupSize);
+		groups.unshift(intPart.slice(start, index));
+		index = start;
+	}
+	return groups.join(separator);
+}
+function resolveDecimalLength(value, precision) {
+	if (precision !== void 0) return precision;
+	if (typeof value === "string") {
+		const dotIndex = value.indexOf(".");
+		if (dotIndex !== -1) return value.slice(dotIndex + 1).replace(/[^\d]/g, "").length;
+	}
+}
+function formatLcdValue(value, options = {}) {
+	const { groupSize = 3, precision, separator = ",", showSign = false } = options;
+	if (value === null || value === void 0 || value === "") return "";
+	if (typeof value === "string" && !/^[-+]?\d*\.?\d*$/.test(value.trim())) return value;
+	const numeric = typeof value === "number" ? value : Number(value);
+	if (Number.isNaN(numeric)) return String(value);
+	const negative = numeric < 0;
+	const absolute = Math.abs(numeric);
+	const decimalLength = resolveDecimalLength(value, precision);
+	const [integerPart = "0", decimalPart] = (decimalLength !== void 0 ? absolute.toFixed(decimalLength) : String(absolute)).split(".");
+	const grouped = groupInteger(integerPart, groupSize, separator);
+	let result = decimalPart !== void 0 ? `${grouped}.${decimalPart}` : grouped;
+	if (negative) result = `-${result}`;
+	else if (showSign && numeric > 0) result = `+${result}`;
+	return result;
+}
+//#endregion
+export { formatLcdValue };
+
+//# sourceMappingURL=format.js.map

package/dist/components/lcdFont/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","names":[],"sources":["../../../components/lcdFont/format.ts"],"sourcesContent":["export type LcdGroupSize = 3 | 4\r\n\r\nexport interface FormatLcdOptions {\r\n  groupSize?: LcdGroupSize\r\n  precision?: number\r\n  separator?: string\r\n  showSign?: boolean\r\n}\r\n\r\nfunction groupInteger(intPart: string, groupSize: number, separator: string) {\r\n  if (!intPart || intPart.length <= groupSize) return intPart\r\n  const groups: string[] = []\r\n  let index = intPart.length\r\n  while (index > 0) {\r\n    const start = Math.max(0, index - groupSize)\r\n    groups.unshift(intPart.slice(start, index))\r\n    index = start\r\n  }\r\n  return groups.join(separator)\r\n}\r\n\r\nfunction resolveDecimalLength(value: number | string, precision?: number) {\r\n  if (precision !== undefined) return precision\r\n  if (typeof value === 'string') {\r\n    const dotIndex = value.indexOf('.')\r\n    if (dotIndex !== -1) {\r\n      return value.slice(dotIndex + 1).replace(/[^\\d]/g, '').length\r\n    }\r\n  }\r\n  return undefined\r\n}\r\n\r\nexport function formatLcdValue(\r\n  value: number | string | null | undefined,\r\n  options: FormatLcdOptions = {},\r\n): string {\r\n  const {\r\n    groupSize = 3,\r\n    precision,\r\n    separator = ',',\r\n    showSign = false,\r\n  } = options\r\n\r\n  if (value === null || value === undefined || value === '') return ''\r\n\r\n  if (typeof value === 'string' && !/^[-+]?\\d*\\.?\\d*$/.test(value.trim())) {\r\n    return value\r\n  }\r\n\r\n  const numeric = typeof value === 'number' ? value : Number(value)\r\n  if (Number.isNaN(numeric)) return String(value)\r\n\r\n  const negative = numeric < 0\r\n  const absolute = Math.abs(numeric)\r\n  const decimalLength = resolveDecimalLength(value, precision)\r\n  const fixed =\r\n    decimalLength !== undefined\r\n      ? absolute.toFixed(decimalLength)\r\n      : String(absolute)\r\n\r\n  const [integerPart = '0', decimalPart] = fixed.split('.')\r\n  const grouped = groupInteger(integerPart, groupSize, separator)\r\n\r\n  let result = decimalPart !== undefined ? `${grouped}.${decimalPart}` : grouped\r\n\r\n  if (negative) {\r\n    result = `-${result}`\r\n  } else if (showSign && numeric > 0) {\r\n    result = `+${result}`\r\n  }\r\n\r\n  return result\r\n}\r\n"],"mappings":";AASA,SAAS,aAAa,SAAiB,WAAmB,WAAmB;CAC3E,IAAI,CAAC,WAAW,QAAQ,UAAU,WAAW,OAAO;CACpD,MAAM,SAAmB,CAAC;CAC1B,IAAI,QAAQ,QAAQ;CACpB,OAAO,QAAQ,GAAG;EAChB,MAAM,QAAQ,KAAK,IAAI,GAAG,QAAQ,SAAS;EAC3C,OAAO,QAAQ,QAAQ,MAAM,OAAO,KAAK,CAAC;EAC1C,QAAQ;CACV;CACA,OAAO,OAAO,KAAK,SAAS;AAC9B;AAEA,SAAS,qBAAqB,OAAwB,WAAoB;CACxE,IAAI,cAAc,KAAA,GAAW,OAAO;CACpC,IAAI,OAAO,UAAU,UAAU;EAC7B,MAAM,WAAW,MAAM,QAAQ,GAAG;EAClC,IAAI,aAAa,IACf,OAAO,MAAM,MAAM,WAAW,CAAC,CAAC,CAAC,QAAQ,UAAU,EAAE,CAAC,CAAC;CAE3D;AAEF;AAEA,SAAgB,eACd,OACA,UAA4B,CAAC,GACrB;CACR,MAAM,EACJ,YAAY,GACZ,WACA,YAAY,KACZ,WAAW,UACT;CAEJ,IAAI,UAAU,QAAQ,UAAU,KAAA,KAAa,UAAU,IAAI,OAAO;CAElE,IAAI,OAAO,UAAU,YAAY,CAAC,mBAAmB,KAAK,MAAM,KAAK,CAAC,GACpE,OAAO;CAGT,MAAM,UAAU,OAAO,UAAU,WAAW,QAAQ,OAAO,KAAK;CAChE,IAAI,OAAO,MAAM,OAAO,GAAG,OAAO,OAAO,KAAK;CAE9C,MAAM,WAAW,UAAU;CAC3B,MAAM,WAAW,KAAK,IAAI,OAAO;CACjC,MAAM,gBAAgB,qBAAqB,OAAO,SAAS;CAM3D,MAAM,CAAC,cAAc,KAAK,gBAJxB,kBAAkB,KAAA,IACd,SAAS,QAAQ,aAAa,IAC9B,OAAO,QAAQ,EAAA,CAE0B,MAAM,GAAG;CACxD,MAAM,UAAU,aAAa,aAAa,WAAW,SAAS;CAE9D,IAAI,SAAS,gBAAgB,KAAA,IAAY,GAAG,QAAQ,GAAG,gBAAgB;CAEvE,IAAI,UACF,SAAS,IAAI;MACR,IAAI,YAAY,UAAU,GAC/B,SAAS,IAAI;CAGf,OAAO;AACT"}

package/dist/components/lcdFont/index.d.ts

@@ -0,0 +1,5 @@
+export { default, LCD_FONT_FALLBACK } from './LcdFont';
+export type { LcdFontGlobalConfig } from './config';
+export type { LcdFontComponentProps } from './type';
+export type { FormatLcdOptions, LcdGroupSize } from './format';
+export { formatLcdValue } from './format';

package/dist/components/lcdFont/segments.d.ts

@@ -0,0 +1,32 @@
+export type SegmentId = 'a' | 'b' | 'c' | 'd' | 'e' | 'f' | 'g';
+export declare const ALL_SEGMENTS: SegmentId[];
+/** 段走向：h 横向段，v 纵向段 */
+export declare const SEGMENT_AXIS: Record<SegmentId, 'h' | 'v'>;
+export interface SegmentRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rx?: number;
+}
+/** 七段管几何（viewBox 0 0 10 18） */
+export declare const SEGMENT_RECTS: Record<SegmentId, SegmentRect>;
+export declare const DIGIT_PATTERNS: Record<string, SegmentId[]>;
+export type LcdCharKind = 'digit' | 'dot' | 'comma' | 'minus' | 'plus' | 'space';
+export declare function getCharKind(char: string): LcdCharKind;
+export declare function scaleSegmentRect(rect: SegmentRect, axis: 'h' | 'v', scale: number): SegmentRect;
+/**
+ * 45° 斜切端点 + 顶点圆角的七段 path（tip = 段厚一半，即 45°）
+ */
+export declare function buildSegmentPath(rect: SegmentRect, axis: 'h' | 'v'): string;
+/**
+ * 小数点：贴数字底边的紧凑圆角方块（无下探），与逗号一眼可辨
+ * viewBox 约定 0 0 4 18
+ */
+export declare function buildDotPath(): string;
+/**
+ * 逗号：45° 倾斜的小短杠，落在数字底边以内（不超出 viewBox 底）
+ * 与小数点（方块）靠「斜杠 vs 方块」区分；viewBox 约定 0 0 5 18
+ */
+export declare function buildCommaPath(): string;
+export declare function getActiveSegments(char: string, kind: LcdCharKind): SegmentId[];