@363045841yyt/klinechart 0.1.0

package/README.md

@@ -0,0 +1,48 @@
+# kmap
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Recommended Browser Setup
+
+- Chromium-based browsers (Chrome, Edge, Brave, etc.):
+  - [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
+  - [Turn on Custom Object Formatter in Chrome DevTools](http://bit.ly/object-formatters)
+- Firefox:
+  - [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
+  - [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/)
+
+## Type Support for `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vite.dev/config/).
+
+## Project Setup
+
+```sh
+pnpm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+pnpm dev
+```
+
+### Type-Check, Compile and Minify for Production
+
+```sh
+pnpm build
+```
+
+### Run Unit Tests with [Vitest](https://vitest.dev/)
+
+```sh
+pnpm test:unit
+```

package/dist/App.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/api/data/kLine.d.ts

@@ -0,0 +1,11 @@
+import { KLineDailyDongCaiResponse } from '../../types/price';
+interface KLineDailyDongCaiRequest {
+    symbol: string;
+    period: 'daily' | 'weekly' | 'monthly';
+    start_date: string;
+    end_date: string;
+    adjust?: 'qfq' | 'hfq';
+    timeout?: number;
+}
+export declare function getKlineDataDongCai(param: KLineDailyDongCaiRequest): Promise<KLineDailyDongCaiResponse[]>;
+export type { KLineDailyDongCaiResponse };

package/dist/components/KLineChart.vue.d.ts

@@ -0,0 +1,33 @@
+import { KLineData } from '../types/price';
+type MAFlags = {
+    ma5?: boolean;
+    ma10?: boolean;
+    ma20?: boolean;
+};
+type __VLS_Props = {
+    data: KLineData[];
+    kWidth?: number;
+    kGap?: number;
+    yPaddingPx?: number;
+    showMA?: MAFlags;
+    autoScrollToRight?: boolean;
+};
+/**
+ * rAF 节流：scroll/resize/data变化都用它触发
+ */
+declare function scheduleRender(): void;
+declare function scrollToRight(): void;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    scheduleRender: typeof scheduleRender;
+    scrollToRight: typeof scrollToRight;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    kWidth: number;
+    kGap: number;
+    yPaddingPx: number;
+    showMA: MAFlags;
+    autoScrollToRight: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+    canvasRef: HTMLCanvasElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/index.d.ts

@@ -0,0 +1,2 @@
+import { DefineComponent } from 'vue';
+export declare const KLineChart: DefineComponent;

package/dist/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`vue`);function t(e){return e.open>e.close?`down`:e.open<e.close?`up`:`flat`}function n(e,t,n,r,i,a){let o=t-n||1,s=(e-n)/o;return i+Math.max(1,r-i-a)*(1-s)}var r={info:`background:#1677ff;color:#fff;border:1px solid #1677ff;`,success:`background:#389e0d;color:#fff;border:1px solid #389e0d;`,warn:`background:#d46b08;color:#fff;border:1px solid #d46b08;`,error:`background:#cf1322;color:#fff;border:1px solid #cf1322;`},i=`padding:4px 8px;font-weight:600;border-radius:6px;`,a=`padding:4px 10px;border:1px solid #d9d9d9;background:#fff;color:#111;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;`;function o(e,t,n){console.log(`%c${t}%c`,`${i}${r[e]}`,a,n)}var s=`rgba(214, 10, 34, 1)`,c=`rgba(3, 123, 102, 1)`;function l(e,r,i,a,l=1){if(o(`info`,`kLineDraw`,r),r.length===0)return;let u=a,d=i.yPaddingPx??0,f=Math.max(0,Math.min(d,Math.floor(u/2)-1)),p=f,m=f,h=r.reduce((e,t)=>Math.max(e,t.high),-1/0),g=r.reduce((e,t)=>Math.min(e,t.low),1/0);e.lineWidth=1/l;let _=i.kGap;for(let a=0;a<r.length;a++){let o=r[a];if(!o)continue;let d=n(o.high,h,g,u,p,m),f=n(o.low,h,g,u,p,m),v=n(o.open,h,g,u,p,m),y=n(o.close,h,g,u,p,m),b=Math.min(v,y),x=Math.max(Math.abs(v-y),2/l),S=t(o)===`up`?s:c;e.fillStyle=S,e.fillRect(_,b,i.kWidth,x),e.strokeStyle=S,e.lineWidth=3/l;let C=_+i.kWidth/2;e.beginPath(),e.moveTo(C,d),e.lineTo(C,b),e.stroke(),e.beginPath(),e.moveTo(C,b+x),e.lineTo(C,f),e.stroke(),_+=i.kWidth+i.kGap}}function u(e,t){let n=[...e].sort((e,t)=>e.timestamp-t.timestamp),r=n.length;if(t<=0)throw Error(`x must be > 0`);if(r<t)return[];let i=0;for(let e=0;e<t;e++)i+=n[e].close;let a=Array(r-t+1);a[0]=i/t;for(let e=t;e<r;e++)i+=n[e].close-n[e-t].close,a[e-t+1]=i/t;return a}function d(e,t,r,i,a,o,s=1){if(t.length===0)return;let c=[...t].sort((e,t)=>e.timestamp-t.timestamp),l=u(c,a);if(l.length===0)return;let d=i,f=r.yPaddingPx??0,p=Math.max(0,Math.min(f,Math.floor(d/2)-1)),m=p,h=p,g=c.reduce((e,t)=>Math.max(e,t.high),-1/0),_=c.reduce((e,t)=>Math.min(e,t.low),1/0);if(!Number.isFinite(g)||!Number.isFinite(_)||g<=_)return;let v=Array(l.length);for(let e=0;e<l.length;e++)v[e]=n(l[e],g,_,d,m,h);e.strokeStyle=o,e.lineWidth=2/s,e.beginPath();let y=!1;for(let t=0;t<v.length;t++){let n=v[t];if(!Number.isFinite(n))continue;let i=t+(a-1),o=r.kGap+i*(r.kWidth+r.kGap)+r.kWidth/2;y?e.lineTo(o,n):(e.moveTo(o,n),y=!0)}y&&e.stroke()}function f(e,t,n,r,i=1){d(e,t,n,r,10,`rgba(190, 131, 12, 1)`,i)}function p(e,t,n,r,i=1){d(e,t,n,r,20,`rgba(69, 112, 249, 1)`,i)}function m(e,t,n,r,i=1){d(e,t,n,r,5,`rgba(251, 186, 62, 1)`,i)}var h=(0,e.defineComponent)({__name:`KLineChart`,props:{data:{},kWidth:{default:10},kGap:{default:2},yPaddingPx:{default:60},showMA:{default:()=>({ma5:!0,ma10:!0,ma20:!0})},autoScrollToRight:{type:Boolean,default:!0}},setup(t,{expose:n}){let r=t,i=(0,e.ref)(null),a=(0,e.ref)(null),o=null;function s(){return{kWidth:r.kWidth,kGap:r.kGap,yPaddingPx:r.yPaddingPx}}function c(){let e=i.value,t=a.value;if(!e||!t||!r.data||r.data.length===0)return;let n=e.getContext(`2d`);if(!n)return;let o=r.data,c=t.getBoundingClientRect(),u=Math.max(1,Math.round(c.width)),d=Math.max(1,Math.round(c.height)),h=window.devicePixelRatio||1,g=s(),_=o.length,v=Math.max(u,g.kGap+_*(g.kWidth+g.kGap));e.style.width=`${v}px`,e.style.height=`${d}px`,e.width=Math.round(v*h),e.height=Math.round(d*h);let y=t.scrollLeft;n.setTransform(1,0,0,1,0,0),n.scale(h,h),n.clearRect(0,0,v,d),n.translate(-y,0),l(n,o,g,d,h),r.showMA.ma5&&m(n,o,g,d,h),r.showMA.ma10&&f(n,o,g,d,h),r.showMA.ma20&&p(n,o,g,d,h)}function u(){o!==null&&cancelAnimationFrame(o),o=requestAnimationFrame(()=>{o=null,c()})}function d(){let e=a.value;e&&(e.scrollLeft=e.scrollWidth,u())}return n({scheduleRender:u,scrollToRight:d}),(0,e.onMounted)(()=>{window.addEventListener(`resize`,u,{passive:!0}),u()}),(0,e.onUnmounted)(()=>{window.removeEventListener(`resize`,u),o!==null&&cancelAnimationFrame(o)}),(0,e.watch)(()=>[r.data,r.kWidth,r.kGap,r.yPaddingPx,r.showMA],async()=>{r.autoScrollToRight?(await(0,e.nextTick)(),d()):u()},{deep:!0}),(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:`chart-container`,ref_key:`containerRef`,ref:a,onScrollPassive:u},[(0,e.createElementVNode)(`canvas`,{ref_key:`canvasRef`,ref:i,class:`chart-canvas`},null,512)],544))}}),g=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},_=g(h,[[`__scopeId`,`data-v-7f0057f3`]]);const v=_,y={install(e){e.component(`KLineChart`,v)}};exports.KLineChart=v,exports.KMapPlugin=y;

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+import { KLineChart } from './components';
+export { KLineChart };
+export type { KLineData } from './types/price';
+export declare const KMapPlugin: {
+    install(app: App): void;
+};

package/dist/index.js

@@ -0,0 +1,149 @@
+import { createElementBlock, createElementVNode, defineComponent, nextTick, onMounted, onUnmounted, openBlock, ref, watch } from "vue";
+function getKLineTrend(e) {
+	return e.open > e.close ? "down" : e.open < e.close ? "up" : "flat";
+}
+function priceToY(e, n, r, i, a, o) {
+	let s = n - r || 1, c = (e - r) / s;
+	return a + Math.max(1, i - a - o) * (1 - c);
+}
+var tagStyle = {
+	info: "background:#1677ff;color:#fff;border:1px solid #1677ff;",
+	success: "background:#389e0d;color:#fff;border:1px solid #389e0d;",
+	warn: "background:#d46b08;color:#fff;border:1px solid #d46b08;",
+	error: "background:#cf1322;color:#fff;border:1px solid #cf1322;"
+}, leftBase = "padding:4px 8px;font-weight:600;border-radius:6px;", rightBase = "padding:4px 10px;border:1px solid #d9d9d9;background:#fff;color:#111;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;";
+function tagLog(e, n, r) {
+	console.log(`%c${n}%c`, `${leftBase}${tagStyle[e]}`, rightBase, r);
+}
+var UP_COLOR = "rgba(214, 10, 34, 1)", DOWN_COLOR = "rgba(3, 123, 102, 1)";
+function kLineDraw(e, n, r, i, a = 1) {
+	if (tagLog("info", "kLineDraw", n), n.length === 0) return;
+	let o = i, s = r.yPaddingPx ?? 0, c = Math.max(0, Math.min(s, Math.floor(o / 2) - 1)), l = c, f = c, p = n.reduce((e, n) => Math.max(e, n.high), -Infinity), m = n.reduce((e, n) => Math.min(e, n.low), Infinity);
+	e.lineWidth = 1 / a;
+	let v = r.kGap;
+	for (let i = 0; i < n.length; i++) {
+		let s = n[i];
+		if (!s) continue;
+		let c = priceToY(s.high, p, m, o, l, f), h = priceToY(s.low, p, m, o, l, f), y = priceToY(s.open, p, m, o, l, f), b = priceToY(s.close, p, m, o, l, f), x = Math.min(y, b), S = Math.max(Math.abs(y - b), 2 / a), C = getKLineTrend(s) === "up" ? UP_COLOR : DOWN_COLOR;
+		e.fillStyle = C, e.fillRect(v, x, r.kWidth, S), e.strokeStyle = C, e.lineWidth = 3 / a;
+		let w = v + r.kWidth / 2;
+		e.beginPath(), e.moveTo(w, c), e.lineTo(w, x), e.stroke(), e.beginPath(), e.moveTo(w, x + S), e.lineTo(w, h), e.stroke(), v += r.kWidth + r.kGap;
+	}
+}
+function calcMAx(e, n) {
+	let r = [...e].sort((e, n) => e.timestamp - n.timestamp), i = r.length;
+	if (n <= 0) throw Error("x must be > 0");
+	if (i < n) return [];
+	let a = 0;
+	for (let e = 0; e < n; e++) a += r[e].close;
+	let o = Array(i - n + 1);
+	o[0] = a / n;
+	for (let e = n; e < i; e++) a += r[e].close - r[e - n].close, o[e - n + 1] = a / n;
+	return o;
+}
+function drawMALine(e, n, r, i, a, o, s = 1) {
+	if (n.length === 0) return;
+	let c = [...n].sort((e, n) => e.timestamp - n.timestamp), l = calcMAx(c, a);
+	if (l.length === 0) return;
+	let u = i, f = r.yPaddingPx ?? 0, p = Math.max(0, Math.min(f, Math.floor(u / 2) - 1)), m = p, h = p, g = c.reduce((e, n) => Math.max(e, n.high), -Infinity), _ = c.reduce((e, n) => Math.min(e, n.low), Infinity);
+	if (!Number.isFinite(g) || !Number.isFinite(_) || g <= _) return;
+	let v = Array(l.length);
+	for (let e = 0; e < l.length; e++) v[e] = priceToY(l[e], g, _, u, m, h);
+	e.strokeStyle = o, e.lineWidth = 2 / s, e.beginPath();
+	let b = !1;
+	for (let n = 0; n < v.length; n++) {
+		let i = v[n];
+		if (!Number.isFinite(i)) continue;
+		let o = n + (a - 1), s = r.kGap + o * (r.kWidth + r.kGap) + r.kWidth / 2;
+		b ? e.lineTo(s, i) : (e.moveTo(s, i), b = !0);
+	}
+	b && e.stroke();
+}
+function drawMA10Line(e, n, r, i, a = 1) {
+	drawMALine(e, n, r, i, 10, "rgba(190, 131, 12, 1)", a);
+}
+function drawMA20Line(e, n, r, i, a = 1) {
+	drawMALine(e, n, r, i, 20, "rgba(69, 112, 249, 1)", a);
+}
+function drawMA5Line(e, n, r, i, a = 1) {
+	drawMALine(e, n, r, i, 5, "rgba(251, 186, 62, 1)", a);
+}
+const KLineChart = /* @__PURE__ */ ((e, n) => {
+	let r = e.__vccOpts || e;
+	for (let [e, i] of n) r[e] = i;
+	return r;
+})(/* @__PURE__ */ defineComponent({
+	__name: "KLineChart",
+	props: {
+		data: {},
+		kWidth: { default: 10 },
+		kGap: { default: 2 },
+		yPaddingPx: { default: 60 },
+		showMA: { default: () => ({
+			ma5: !0,
+			ma10: !0,
+			ma20: !0
+		}) },
+		autoScrollToRight: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(r, { expose: u }) {
+		let d = r, f = ref(null), p = ref(null), m = null;
+		function h() {
+			return {
+				kWidth: d.kWidth,
+				kGap: d.kGap,
+				yPaddingPx: d.yPaddingPx
+			};
+		}
+		function g() {
+			let e = f.value, n = p.value;
+			if (!e || !n || !d.data || d.data.length === 0) return;
+			let r = e.getContext("2d");
+			if (!r) return;
+			let i = d.data, a = n.getBoundingClientRect(), o = Math.max(1, Math.round(a.width)), s = Math.max(1, Math.round(a.height)), c = window.devicePixelRatio || 1, l = h(), u = i.length, m = Math.max(o, l.kGap + u * (l.kWidth + l.kGap));
+			e.style.width = `${m}px`, e.style.height = `${s}px`, e.width = Math.round(m * c), e.height = Math.round(s * c);
+			let g = n.scrollLeft;
+			r.setTransform(1, 0, 0, 1, 0, 0), r.scale(c, c), r.clearRect(0, 0, m, s), r.translate(-g, 0), kLineDraw(r, i, l, s, c), d.showMA.ma5 && drawMA5Line(r, i, l, s, c), d.showMA.ma10 && drawMA10Line(r, i, l, s, c), d.showMA.ma20 && drawMA20Line(r, i, l, s, c);
+		}
+		function _() {
+			m !== null && cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+				m = null, g();
+			});
+		}
+		function y() {
+			let e = p.value;
+			e && (e.scrollLeft = e.scrollWidth, _());
+		}
+		return u({
+			scheduleRender: _,
+			scrollToRight: y
+		}), onMounted(() => {
+			window.addEventListener("resize", _, { passive: !0 }), _();
+		}), onUnmounted(() => {
+			window.removeEventListener("resize", _), m !== null && cancelAnimationFrame(m);
+		}), watch(() => [
+			d.data,
+			d.kWidth,
+			d.kGap,
+			d.yPaddingPx,
+			d.showMA
+		], async () => {
+			d.autoScrollToRight ? (await nextTick(), y()) : _();
+		}, { deep: !0 }), (r, i) => (openBlock(), createElementBlock("div", {
+			class: "chart-container",
+			ref_key: "containerRef",
+			ref: p,
+			onScrollPassive: _
+		}, [createElementVNode("canvas", {
+			ref_key: "canvasRef",
+			ref: f,
+			class: "chart-canvas"
+		}, null, 512)], 544));
+	}
+}), [["__scopeId", "data-v-7f0057f3"]]), KMapPlugin = { install(e) {
+	e.component("KLineChart", KLineChart);
+} };
+export { KLineChart, KMapPlugin };

package/dist/klinechart.css

@@ -0,0 +1,2 @@
+.chart-container[data-v-7f0057f3]{-webkit-overflow-scrolling:touch;background:#fff;width:100%;height:400px;overflow:auto hidden}.chart-canvas[data-v-7f0057f3]{display:block}
+/*$vite$:1*/

package/dist/stores/counter.d.ts

@@ -0,0 +1,13 @@
+export declare const useCounterStore: import('pinia').StoreDefinition<"counter", Pick<{
+    count: import('vue').Ref<number, number>;
+    doubleCount: import('vue').ComputedRef<number>;
+    increment: () => void;
+}, "count">, Pick<{
+    count: import('vue').Ref<number, number>;
+    doubleCount: import('vue').ComputedRef<number>;
+    increment: () => void;
+}, "doubleCount">, Pick<{
+    count: import('vue').Ref<number, number>;
+    doubleCount: import('vue').ComputedRef<number>;
+    increment: () => void;
+}, "increment">>;

package/dist/types/kLine.d.ts

@@ -0,0 +1,3 @@
+import { KLineData } from './price';
+export type kLineTrend = 'up' | 'down' | 'flat';
+export declare function getKLineTrend(KLineData: KLineData): kLineTrend;

package/dist/types/price.d.ts

@@ -0,0 +1,17 @@
+export interface KLineData {
+    timestamp: number;
+    open: number;
+    high: number;
+    low: number;
+    close: number;
+}
+export interface KLineDailyDongCaiResponse extends KLineData {
+    stockCode: string;
+    volume: number;
+    turnover: number;
+    amplitude: number;
+    changePercent: number;
+    changeAmount: number;
+    turnoverRate: number;
+}
+export declare function toKLineData(arr: KLineDailyDongCaiResponse[]): KLineData[];

package/dist/utils/draw/MA.d.ts

@@ -0,0 +1,5 @@
+import { KLineData } from '../../types/price';
+import { drawOption } from './kLine';
+export declare function drawMA10Line(ctx: CanvasRenderingContext2D, data: KLineData[], option: drawOption, logicHeight: number, dpr?: number): void;
+export declare function drawMA20Line(ctx: CanvasRenderingContext2D, data: KLineData[], option: drawOption, logicHeight: number, dpr?: number): void;
+export declare function drawMA5Line(ctx: CanvasRenderingContext2D, data: KLineData[], option: drawOption, logicHeight: number, dpr?: number): void;

package/dist/utils/draw/kLine.d.ts

@@ -0,0 +1,16 @@
+import { KLineData } from '../../types/price';
+export interface drawOption {
+    kWidth: number;
+    kGap: number;
+    yPaddingPx?: number;
+}
+/**
+ * K 线图绘制
+ * @param ctx
+ * @param data
+ * @param option
+ * @param logicHeight
+ * @param dpr
+ * @returns
+ */
+export declare function kLineDraw(ctx: CanvasRenderingContext2D, data: KLineData[], option: drawOption, logicHeight: number, dpr?: number): void;

package/dist/utils/logger.d.ts

@@ -0,0 +1,3 @@
+type TagLevel = 'info' | 'success' | 'warn' | 'error';
+export declare function tagLog(level: TagLevel, tag: string, value: unknown): void;
+export {};

package/dist/utils/mock/genRandomPriceData.d.ts

@@ -0,0 +1,3 @@
+import { KLineData } from '../../types/price';
+export declare function genRandomPriceData(count: number): KLineData[];
+export declare function reversalExampleData(): KLineData[];

package/dist/utils/priceToY.d.ts

@@ -0,0 +1 @@
+export declare function priceToY(price: number, maxPrice: number, minPrice: number, canvasHeight: number, paddingTop: number, paddingBottom: number): number;

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@363045841yyt/klinechart",
+  "version": "0.1.0",
+  "type": "module",
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "build-only": "vite build",
+    "preview": "vite preview",
+    "type-check": "vue-tsc --build",
+    "test:unit": "vitest",
+    "format": "prettier --write --experimental-cli src/",
+    "prepublishOnly": "pnpm run build-only"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./style.css": "./dist/kmap.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "vue": "^3.5.0"
+  },
+  "dependencies": {
+    "axios": "^1.13.2",
+    "pinia": "^3.0.4"
+  },
+  "devDependencies": {
+    "@tsconfig/node24": "^24.0.3",
+    "@types/jsdom": "^27.0.0",
+    "@types/node": "^24.10.4",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "@vue/test-utils": "^2.4.6",
+    "@vue/tsconfig": "^0.8.1",
+    "jsdom": "^27.4.0",
+    "npm-run-all2": "^8.0.4",
+    "prettier": "3.7.4",
+    "typescript": "~5.9.3",
+    "vite": "npm:rolldown-vite@^7.3.0",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-vue-devtools": "^8.0.5",
+    "vitest": "^4.0.16",
+    "vue-tsc": "^3.2.1"
+  }
+}