zxl-common-utils 0.0.1

package/README.md

@@ -0,0 +1,9 @@
+# zxl-common-utils
+
+一个基于 Vue 3 和 TypeScript 的通用工具库，封装各种常用方法、组件和工具。
+
+## 安装
+
+```bash
+npm install zxl-common-utils
+```

package/lib/components/index.d.ts

@@ -0,0 +1,6 @@
+declare const components: Record<string, any>;
+export default components;
+export declare const ComponentRatio: any;
+export declare const Image: any;
+export declare const TooltipBox: any;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAYA,QAAA,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,CAAC;AAY3C,eAAe,UAAU,CAAC;AAG1B,eAAO,MAAM,cAAc,KAA4B,CAAC;AACxD,eAAO,MAAM,KAAK,KAAmB,CAAC;AACtC,eAAO,MAAM,UAAU,KAAwB,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,8 @@
+import { useComponents } from './plugins/components';
+export { useComponents };
+export * from './utils';
+export * from './components';
+export type { ColorList, TemplateToolsType, DefaultPropsType, StaticConfig, StaticOptions, StaticResources, UseColorReturn, ColorMap, ComponentProps, } from './types';
+declare const defaultExport: Record<string, any>;
+export default defaultExport;
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAKrD,OAAO,EAAE,aAAa,EAAE,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,cAAc,CAAC;AAG7B,YAAY,EACV,SAAS,EACT,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,eAAe,EACf,cAAc,EACd,QAAQ,EACR,cAAc,GACf,MAAM,SAAS,CAAC;AAIjB,QAAA,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAItC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/index.js

@@ -0,0 +1,894 @@
+import { defineComponent as W, ref as v, watch as P, onMounted as oe, onUnmounted as G, createElementBlock as U, openBlock as z, normalizeStyle as N, normalizeClass as ne, renderSlot as Q, computed as re, nextTick as se, createCommentVNode as ae } from "vue";
+function A(e) {
+  var t = typeof e;
+  return e != null && (t == "object" || t == "function");
+}
+var ce = typeof global == "object" && global && global.Object === Object && global, ie = typeof self == "object" && self && self.Object === Object && self, Z = ce || ie || Function("return this")(), F = function() {
+  return Z.Date.now();
+}, le = /\s/;
+function fe(e) {
+  for (var t = e.length; t-- && le.test(e.charAt(t)); )
+    ;
+  return t;
+}
+var ue = /^\s+/;
+function de(e) {
+  return e && e.slice(0, fe(e) + 1).replace(ue, "");
+}
+var D = Z.Symbol, ee = Object.prototype, ge = ee.hasOwnProperty, he = ee.toString, B = D ? D.toStringTag : void 0;
+function be(e) {
+  var t = ge.call(e, B), o = e[B];
+  try {
+    e[B] = void 0;
+    var n = !0;
+  } catch {
+  }
+  var r = he.call(e);
+  return n && (t ? e[B] = o : delete e[B]), r;
+}
+var me = Object.prototype, pe = me.toString;
+function ye(e) {
+  return pe.call(e);
+}
+var ve = "[object Null]", we = "[object Undefined]", Y = D ? D.toStringTag : void 0;
+function Ce(e) {
+  return e == null ? e === void 0 ? we : ve : Y && Y in Object(e) ? be(e) : ye(e);
+}
+function $e(e) {
+  return e != null && typeof e == "object";
+}
+var Se = "[object Symbol]";
+function _e(e) {
+  return typeof e == "symbol" || $e(e) && Ce(e) == Se;
+}
+var V = NaN, ke = /^[-+]0x[0-9a-f]+$/i, Re = /^0b[01]+$/i, Ee = /^0o[0-7]+$/i, Me = parseInt;
+function H(e) {
+  if (typeof e == "number")
+    return e;
+  if (_e(e))
+    return V;
+  if (A(e)) {
+    var t = typeof e.valueOf == "function" ? e.valueOf() : e;
+    e = A(t) ? t + "" : t;
+  }
+  if (typeof e != "string")
+    return e === 0 ? e : +e;
+  e = de(e);
+  var o = Re.test(e);
+  return o || Ee.test(e) ? Me(e.slice(2), o ? 2 : 8) : ke.test(e) ? V : +e;
+}
+var Oe = "Expected a function", Te = Math.max, je = Math.min;
+function xe(e, t, o) {
+  var n, r, c, i, u, s, l = 0, w = !1, y = !1, p = !0;
+  if (typeof e != "function")
+    throw new TypeError(Oe);
+  t = H(t) || 0, A(o) && (w = !!o.leading, y = "maxWait" in o, c = y ? Te(H(o.maxWait) || 0, t) : c, p = "trailing" in o ? !!o.trailing : p);
+  function m(h) {
+    var $ = n, _ = r;
+    return n = r = void 0, l = h, i = e.apply(_, $), i;
+  }
+  function f(h) {
+    return l = h, u = setTimeout(a, t), w ? m(h) : i;
+  }
+  function g(h) {
+    var $ = h - s, _ = h - l, R = t - $;
+    return y ? je(R, c - _) : R;
+  }
+  function d(h) {
+    var $ = h - s, _ = h - l;
+    return s === void 0 || $ >= t || $ < 0 || y && _ >= c;
+  }
+  function a() {
+    var h = F();
+    if (d(h))
+      return b(h);
+    u = setTimeout(a, g(h));
+  }
+  function b(h) {
+    return u = void 0, p && n ? m(h) : (n = r = void 0, i);
+  }
+  function C() {
+    u !== void 0 && clearTimeout(u), l = 0, n = s = r = u = void 0;
+  }
+  function S() {
+    return u === void 0 ? i : b(F());
+  }
+  function k() {
+    var h = F(), $ = d(h);
+    if (n = arguments, r = this, s = h, $) {
+      if (u === void 0)
+        return f(s);
+      if (y)
+        return clearTimeout(u), u = setTimeout(a, t), m(s);
+    }
+    return u === void 0 && (u = setTimeout(a, t)), i;
+  }
+  return k.cancel = C, k.flush = S, k;
+}
+var Le = "Expected a function";
+function Ie(e, t, o) {
+  var n = !0, r = !0;
+  if (typeof e != "function")
+    throw new TypeError(Le);
+  return A(o) && (n = "leading" in o ? !1 : n, r = "trailing" in o ? !0 : r), xe(e, t, {
+    leading: n,
+    maxWait: t,
+    trailing: r
+  });
+}
+const Be = /* @__PURE__ */ W({
+  __name: "ComponentRatio",
+  props: {
+    width: { default: 1920 },
+    height: { default: 1080 },
+    maxWidth: { default: 1920 },
+    full: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, o = v(t.width), n = v(1), r = v(1), c = v(1), i = v(1), u = v(null);
+    let s = null, l = null;
+    P(
+      () => t.full,
+      () => {
+        t.full && w();
+      }
+    );
+    function w() {
+      if (!s || !u.value) return;
+      const p = s.offsetWidth, m = s.offsetHeight;
+      if (p === 0 || m === 0) return;
+      if (t.full) {
+        const d = window.innerWidth, a = window.innerHeight;
+        c.value = d / t.width, i.value = a / t.height, o.value = t.width, n.value = 1, r.value = 1;
+        return;
+      }
+      const f = p / t.width, g = m / t.height;
+      if (n.value = Math.min(f, g), t.maxWidth > t.width && f > g) {
+        const d = Math.min(
+          t.width / g,
+          // 按高度比例计算的宽度
+          p / g,
+          // 父容器允许的宽度
+          t.maxWidth
+          // 用户设置的最大宽度
+        );
+        o.value = d;
+      } else
+        o.value = t.width;
+      r.value = o.value / t.width, c.value = n.value, i.value = n.value;
+    }
+    const y = Ie(w, 500, { leading: !1, trailing: !0 });
+    return oe(() => {
+      s = u.value?.parentElement ?? null, s && (l = new ResizeObserver(y), l.observe(s)), t.full && window.addEventListener("resize", y), w();
+    }), G(() => {
+      l && (l.disconnect(), l = null), window.removeEventListener("resize", y), y.cancel(), s = null;
+    }), (p, m) => (z(), U("div", {
+      ref_key: "container",
+      ref: u,
+      class: ne(["fixed-aspect-ratio", { "is-full": e.full }]),
+      style: N({
+        width: `${o.value}px`,
+        height: `${e.height}px`,
+        transform: e.full ? `scale(${c.value}, ${i.value})` : `scale(${n.value}) translate(-50%, 0)`
+      })
+    }, [
+      Q(p.$slots, "default", {}, void 0, !0)
+    ], 6));
+  }
+}), Pe = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [n, r] of t)
+    o[n] = r;
+  return o;
+}, Ue = /* @__PURE__ */ Pe(Be, [["__scopeId", "data-v-b6cd8c05"]]), ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Ue
+}, Symbol.toStringTag, { value: "Module" })), Ae = "#000000", De = "#ffffff", Fe = "#ff0000", We = "#00ff00", Ge = "#0000ff", Ne = "#ffff00", Xe = "#00ffff", qe = "#ff00ff", Ye = "#c0c0c0", Ve = "#808080", He = "#800000", Ke = "#808000", Je = "#800080", Qe = "#008080", Ze = "#000080", et = "#f0f8ff", tt = "#faebd7", ot = "#7fffd4", nt = "#f0ffff", rt = "#f5f5dc", st = "#ffe4c4", at = "#ffebcd", ct = "#8a2be2", it = "#a52a2a", lt = "#deb887", ft = "#5f9ea0", ut = "#7fff00", dt = "#d2691e", gt = "#ff7f50", ht = "#6495ed", bt = "#fff8dc", mt = "#dc143c", pt = "#00008b", yt = "#008b8b", vt = "#b8860b", wt = "#a9a9a9", Ct = "#006400", $t = "#bdb76b", St = "#8b008b", _t = "#556b2f", kt = "#ff8c00", Rt = "#9932cc", Et = "#8b0000", Mt = "#e9967a", Ot = "#8fbc8f", Tt = "#483d8b", jt = "#2f4f4f", xt = "#00ced1", Lt = "#9400d3", It = "#ff1493", Bt = "#00bfff", Pt = "#696969", Ut = "#1e90ff", zt = "#b22222", At = "#fffaf0", Dt = "#228b22", Ft = "#ff00ff", Wt = "#dcdcdc", Gt = "#f8f8ff", Nt = "#ffd700", Xt = "#daa520", qt = "#adff2f", Yt = "#f0fff0", Vt = "#ff69b4", Ht = "#cd5c5c", Kt = "#4b0082", Jt = "#fffff0", Qt = "#f0e68c", Zt = "#e6e6fa", eo = "#fff0f5", to = "#7cfc00", oo = "#fffacd", no = "#add8e6", ro = "#f08080", so = "#e0ffff", ao = "#fafad2", co = "#d3d3d3", io = "#90ee90", lo = "#ffb6c1", fo = "#ffa07a", uo = "#20b2aa", go = "#87cefa", ho = "#778899", bo = "#b0c4de", mo = "#ffffe0", po = "#00ff00", yo = "#32cd32", vo = "#faf0e6", wo = "#66cdaa", Co = "#0000cd", $o = "#ba55d3", So = "#9370db", _o = "#3cb371", ko = "#7b68ee", Ro = "#00fa9a", Eo = "#48d1cc", Mo = "#c71585", Oo = "#191970", To = "#f5fffa", jo = "#ffe4e1", xo = "#ffe4b5", Lo = "#ffdead", Io = "#fdf5e6", Bo = "#ffa500", Po = "#ff4500", Uo = "#da70d6", zo = "#eee8aa", Ao = "#98fb98", Do = "#afeeee", Fo = "#db7093", Wo = "#ffefd5", Go = "#ffdab9", No = "#cd853f", Xo = "#ffc0cb", qo = "#dda0dd", Yo = "#b0e0e6", Vo = "#bc8f8f", Ho = "#4169e1", Ko = "#8b4513", Jo = "#fa8072", Qo = "#f4a460", Zo = "#2e8b57", en = "#fff5ee", tn = "#a0522d", on = "#87ceeb", nn = "#6a5acd", rn = "#708090", sn = "#fffafa", an = "#00ff7f", cn = "#4682b4", ln = "#d2b48c", fn = "#d8bfd8", un = "#ff6347", dn = "#40e0d0", gn = "#ee82ee", hn = "#f5deb3", bn = "#f5f5f5", mn = "#9acd32", pn = {
+  black: Ae,
+  white: De,
+  red: Fe,
+  green: We,
+  blue: Ge,
+  yellow: Ne,
+  cyan: Xe,
+  magenta: qe,
+  silver: Ye,
+  gray: Ve,
+  maroon: He,
+  olive: Ke,
+  purple: Je,
+  teal: Qe,
+  navy: Ze,
+  aliceblue: et,
+  antiquewhite: tt,
+  aquamarine: ot,
+  azure: nt,
+  beige: rt,
+  bisque: st,
+  blanchedalmond: at,
+  blueviolet: ct,
+  brown: it,
+  burlywood: lt,
+  cadetblue: ft,
+  chartreuse: ut,
+  chocolate: dt,
+  coral: gt,
+  cornflowerblue: ht,
+  cornsilk: bt,
+  crimson: mt,
+  darkblue: pt,
+  darkcyan: yt,
+  darkgoldenrod: vt,
+  darkgray: wt,
+  darkgreen: Ct,
+  darkkhaki: $t,
+  darkmagenta: St,
+  darkolivegreen: _t,
+  darkorange: kt,
+  darkorchid: Rt,
+  darkred: Et,
+  darksalmon: Mt,
+  darkseagreen: Ot,
+  darkslateblue: Tt,
+  darkslategray: jt,
+  darkturquoise: xt,
+  darkviolet: Lt,
+  deeppink: It,
+  deepskyblue: Bt,
+  dimgray: Pt,
+  dodgerblue: Ut,
+  firebrick: zt,
+  floralwhite: At,
+  forestgreen: Dt,
+  fuchsia: Ft,
+  gainsboro: Wt,
+  ghostwhite: Gt,
+  gold: Nt,
+  goldenrod: Xt,
+  greenyellow: qt,
+  honeydew: Yt,
+  hotpink: Vt,
+  indianred: Ht,
+  indigo: Kt,
+  ivory: Jt,
+  khaki: Qt,
+  lavender: Zt,
+  lavenderblush: eo,
+  lawngreen: to,
+  lemonchiffon: oo,
+  lightblue: no,
+  lightcoral: ro,
+  lightcyan: so,
+  lightgoldenrodyellow: ao,
+  lightgray: co,
+  lightgreen: io,
+  lightpink: lo,
+  lightsalmon: fo,
+  lightseagreen: uo,
+  lightskyblue: go,
+  lightslategray: ho,
+  lightsteelblue: bo,
+  lightyellow: mo,
+  lime: po,
+  limegreen: yo,
+  linen: vo,
+  mediumaquamarine: wo,
+  mediumblue: Co,
+  mediumorchid: $o,
+  mediumpurple: So,
+  mediumseagreen: _o,
+  mediumslateblue: ko,
+  mediumspringgreen: Ro,
+  mediumturquoise: Eo,
+  mediumvioletred: Mo,
+  midnightblue: Oo,
+  mintcream: To,
+  mistyrose: jo,
+  moccasin: xo,
+  navajowhite: Lo,
+  oldlace: Io,
+  orange: Bo,
+  orangered: Po,
+  orchid: Uo,
+  palegoldenrod: zo,
+  palegreen: Ao,
+  paleturquoise: Do,
+  palevioletred: Fo,
+  papayawhip: Wo,
+  peachpuff: Go,
+  peru: No,
+  pink: Xo,
+  plum: qo,
+  powderblue: Yo,
+  rosybrown: Vo,
+  royalblue: Ho,
+  saddlebrown: Ko,
+  salmon: Jo,
+  sandybrown: Qo,
+  seagreen: Zo,
+  seashell: en,
+  sienna: tn,
+  skyblue: on,
+  slateblue: nn,
+  slategray: rn,
+  snow: sn,
+  springgreen: an,
+  steelblue: cn,
+  tan: ln,
+  thistle: fn,
+  tomato: un,
+  turquoise: dn,
+  violet: gn,
+  wheat: hn,
+  whitesmoke: bn,
+  yellowgreen: mn
+};
+function T(e) {
+  let t = e;
+  if (/^#([0-9A-F]{3})$/i.test(e))
+    t = `#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`.toLowerCase();
+  else if (/^#([0-9A-F]{4})$/i.test(e))
+    t = `#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}${e[4]}${e[4]}`.toLowerCase();
+  else if (/^#([0-9A-F]{6})$/i.test(e) || /^#([0-9A-F]{8})$/i.test(e))
+    t = e.toLowerCase();
+  else {
+    const n = e.toLowerCase().trim(), r = pn[n];
+    if (r)
+      t = r;
+    else
+      throw new Error(
+        `Invalid color value: ${e}. Supported formats: hex (#RGB, #RGBA, #RRGGBB, #RRGGBBAA) or CSS color names (e.g., blue, red, gray)`
+      );
+  }
+  const o = t.replace("#", "");
+  return {
+    r: parseInt(o.substring(0, 2), 16),
+    g: parseInt(o.substring(2, 4), 16),
+    b: parseInt(o.substring(4, 6), 16)
+  };
+}
+function yn(e, t) {
+  const o = typeof e == "string" ? e : e.value, n = T(o);
+  return v(`rgba(${n.r}, ${n.g}, ${n.b}, ${t})`);
+}
+function vn(e, t, o) {
+  const n = typeof e == "string" ? e : e.value, r = typeof t == "string" ? t : t.value, c = T(n), i = T(r), u = Math.round(c.r * (1 - o) + i.r * o), s = Math.round(c.g * (1 - o) + i.g * o), l = Math.round(c.b * (1 - o) + i.b * o);
+  return v(
+    `#${u.toString(16).padStart(2, "0")}${s.toString(16).padStart(2, "0")}${l.toString(16).padStart(2, "0")}`
+  );
+}
+function wn(e, t) {
+  const o = typeof e == "string" ? e : e.value, n = T(o), r = 1 + t / 100, c = Math.min(255, Math.max(0, Math.round(n.r * r))), i = Math.min(255, Math.max(0, Math.round(n.g * r))), u = Math.min(255, Math.max(0, Math.round(n.b * r)));
+  return v(
+    `#${c.toString(16).padStart(2, "0")}${i.toString(16).padStart(2, "0")}${u.toString(16).padStart(2, "0")}`
+  );
+}
+let Cn = class {
+  colorMap = /* @__PURE__ */ new Map();
+  constructor(t) {
+    this.initializeColors(t);
+  }
+  /**
+   * 初始化颜色映射
+   * @param colors 颜色列表
+   *
+   */
+  initializeColors(t) {
+    t.forEach(({ name: o, value: n }) => {
+      (Array.isArray(n) ? n : [n]).forEach((c, i) => {
+        const u = Array.isArray(n) ? `${o}:${i}` : o;
+        this.colorMap.set(u, c);
+      });
+    });
+  }
+  /**
+   * 获取颜色
+   * @param key 颜色键名
+   * @param index 索引（用于数组类型的颜色）
+   * @returns 响应式颜色引用
+   */
+  get(t, o) {
+    const n = o !== void 0 ? `${t}:${o}` : t, r = this.colorMap.get(n);
+    return v(r || "#000000");
+  }
+  /**
+   * 获取所有颜色键
+   * @returns 颜色键数组
+   */
+  getAllKeys() {
+    return Array.from(this.colorMap.keys());
+  }
+  /**
+   * 获取颜色键
+   * @returns 颜色键数组
+   */
+  getKeys(t) {
+    return Array.from(this.colorMap.keys()).filter(
+      (n) => n === t || n.startsWith(`${t}:`)
+    ).map((n) => this.colorMap.get(n));
+  }
+  /**
+   * 检查是否存在指定颜色
+   * @param key 颜色键名
+   * @returns 是否存在
+   */
+  has(t) {
+    return this.colorMap.has(t);
+  }
+};
+const $n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ColorPlateSystem: Cn,
+  hexToRgb: T,
+  lightenColor: wn,
+  mixColor: vn,
+  opacity: yn
+}, Symbol.toStringTag, { value: "Module" })), Sn = /* @__PURE__ */ W({
+  __name: "Image",
+  props: {
+    src: { default: "" },
+    color: { default: "" },
+    alt: { default: "" },
+    changeColor: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, o = v(""), n = re(() => ({
+      backgroundImage: o.value ? `url(${o.value})` : t.src ? `url(${t.src})` : "none",
+      backgroundSize: "contain",
+      backgroundRepeat: "no-repeat",
+      backgroundPosition: "center"
+    }));
+    function r(s) {
+      if (!s) return "";
+      const l = s.match(/^url\(['"]?(.+?)['"]?\)$/);
+      return l && l[1] ? l[1] : s;
+    }
+    function c(s) {
+      return s ? typeof s == "string" ? s : s.value : "";
+    }
+    async function i(s, l) {
+      return new Promise((w, y) => {
+        const p = new Image();
+        p.crossOrigin = "anonymous", p.onload = () => {
+          try {
+            const m = document.createElement("canvas"), f = m.getContext("2d");
+            if (!f) {
+              y(new Error("Failed to get canvas context"));
+              return;
+            }
+            m.width = p.width, m.height = p.height, f.drawImage(p, 0, 0);
+            const g = f.getImageData(0, 0, m.width, m.height), d = g.data, a = T(l), b = (a.r * 0.299 + a.g * 0.587 + a.b * 0.114) / 255;
+            for (let S = 0; S < d.length; S += 4) {
+              const k = d[S], h = d[S + 1], $ = d[S + 2];
+              if (d[S + 3] > 0) {
+                const R = (k * 0.299 + h * 0.587 + $ * 0.114) / 255;
+                let E = R;
+                b > 0.5 ? E = Math.pow(R, 0.7) : E = R, d[S] = Math.min(255, Math.round(a.r * E)), d[S + 1] = Math.min(255, Math.round(a.g * E)), d[S + 2] = Math.min(255, Math.round(a.b * E));
+              }
+            }
+            f.putImageData(g, 0, 0);
+            const C = m.toDataURL("image/png");
+            w(C);
+          } catch (m) {
+            y(m);
+          }
+        }, p.onerror = () => {
+          y(new Error(`Failed to load image: ${s}`));
+        }, p.src = s;
+      });
+    }
+    async function u() {
+      if (!t.src || !t.color) {
+        o.value = "";
+        return;
+      }
+      try {
+        debugger;
+        const s = r(t.src), l = c(t.color);
+        if (!l) {
+          o.value = "";
+          return;
+        }
+        const w = await i(s, l);
+        o.value = w;
+      } catch (s) {
+        console.error("Failed to process image color:", s), o.value = "";
+      }
+    }
+    return P([() => t.src, () => t.color], () => {
+      t.changeColor && u();
+    }, { immediate: !0 }), G(() => {
+      o.value && URL.revokeObjectURL(o.value);
+    }), (s, l) => (z(), U("div", {
+      style: N(n.value)
+    }, null, 4));
+  }
+}), _n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Sn
+}, Symbol.toStringTag, { value: "Module" })), kn = /* @__PURE__ */ W({
+  __name: "TooltipBox",
+  props: {
+    isShow: { type: Boolean, default: !1 },
+    offset: { default: 10 }
+  },
+  setup(e) {
+    const t = e, o = v(null), n = v(null), r = v(-9999), c = v(-9999), i = v(!1);
+    let u = 0, s = 0;
+    function l(f, g, d) {
+      if (f === void 0) return d;
+      if (typeof f == "number") return f;
+      if (typeof f == "string") {
+        const a = f.match(/^(\d+(?:\.\d+)?)%$/);
+        if (a && a[1])
+          return parseFloat(a[1]) / 100 * g;
+        const b = parseFloat(f);
+        if (!isNaN(b)) return b;
+      }
+      return d;
+    }
+    function w(f, g) {
+      const a = t.offset;
+      if (a == null)
+        return { gapX: 10, gapY: 10 };
+      if (typeof a == "number")
+        return { gapX: a, gapY: a };
+      if (typeof a == "string") {
+        const b = l(a, f, 10), C = l(a, g, 10);
+        return { gapX: b, gapY: C };
+      }
+      if (typeof a == "object") {
+        const b = l(a.x, f, 10), C = l(a.y, g, 10);
+        return { gapX: b, gapY: C };
+      }
+      return { gapX: 10, gapY: 10 };
+    }
+    function y(f) {
+      let g = 1, d = 1, a = 0, b = 0, C = f.parentElement;
+      for (; C; ) {
+        const k = window.getComputedStyle(C).transform;
+        if (k && k !== "none") {
+          const h = k.match(/matrix\(([^)]+)\)/);
+          if (h && h[1]) {
+            const _ = h[1].split(",").map(Number);
+            g = _[0] || 1, d = _[3] || 1;
+          }
+          const $ = C.getBoundingClientRect();
+          a = $.left, b = $.top;
+          break;
+        }
+        C = C.parentElement;
+      }
+      return { scaleX: g, scaleY: d, offsetX: a, offsetY: b };
+    }
+    function p(f, g) {
+      const d = o.value, a = n.value;
+      if (!d || !a) return;
+      const { scaleX: b, scaleY: C, offsetX: S, offsetY: k } = y(a), h = (f - S) / b, $ = (g - k) / C, _ = d.offsetWidth, R = d.offsetHeight, { gapX: E, gapY: x } = w(_, R), X = window.innerWidth / b, q = window.innerHeight / C;
+      let L = h + E, I = $ + x;
+      L + _ + E > X && (L = h - _ - E), I + R + x > q && (I = $ - R - x), L = Math.max(E, Math.min(L, X - _ - E)), I = Math.max(x, Math.min(I, q - R - x)), r.value = L, c.value = I;
+    }
+    const m = (f) => {
+      u = f.clientX, s = f.clientY, i.value && p(f.clientX, f.clientY);
+    };
+    return P(i, (f) => {
+      f ? document.addEventListener("mousemove", m, { passive: !0 }) : document.removeEventListener("mousemove", m);
+    }), G(() => {
+      document.removeEventListener("mousemove", m);
+    }), P(
+      () => t.isShow,
+      (f) => {
+        t.isShow ? (r.value = -9999, c.value = -9999, i.value = !0, se(() => {
+          p(u, s);
+        })) : i.value = !1;
+      },
+      { deep: !0, immediate: !0 }
+    ), (f, g) => (z(), U("div", {
+      ref_key: "containerDom",
+      ref: n,
+      style: { position: "static" }
+    }, [
+      i.value ? (z(), U("div", {
+        key: 0,
+        ref_key: "tooltipBoxDom",
+        ref: o,
+        class: "tooltip-box",
+        style: N({
+          position: "fixed",
+          left: `${r.value}px`,
+          top: `${c.value}px`,
+          zIndex: 1e5,
+          pointerEvents: "none"
+        })
+      }, [
+        Q(f.$slots, "default")
+      ], 4)) : ae("", !0)
+    ], 512));
+  }
+}), Rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: kn
+}, Symbol.toStringTag, { value: "Module" })), K = /* @__PURE__ */ Object.assign({ "./layout/ComponentRatio.vue": ze, "./resource/Image.vue": _n, "./ui/TooltipBox.vue": Rn }), j = {};
+for (const e in K) {
+  const t = e.match(/\.\/(.+?)\/([^/]+)\.vue$/);
+  if (t && t[2]) {
+    const o = t[2];
+    j[o] = K[e].default;
+  }
+}
+const Ln = j.ComponentRatio, In = j.Image, Bn = j.TooltipBox, En = {
+  /**
+   * 注册所有组件
+   * @returns Vue 插件对象
+   */
+  install(e) {
+    for (const [t, o] of Object.entries(j))
+      e.component(t, o);
+    console.log("所有组件已注册");
+  },
+  /**
+   * 注册特定组件
+   * @param componentName 组件名称
+   * @param component 组件对象
+   */
+  registerComponent(e, t, o) {
+    e.component(t, o);
+  }
+};
+let te = class O {
+  static instance;
+  dbName;
+  dbVersion;
+  db;
+  constructor() {
+    this.dbName = "localforage", this.dbVersion = 1, this.db = null;
+  }
+  /**
+   * 获取单例实例
+   */
+  static getInstance() {
+    return O.instance || (O.instance = new O()), O.instance;
+  }
+  /**
+   * 初始化数据库
+   */
+  async init() {
+    return new Promise((t, o) => {
+      if (!("indexedDB" in window)) {
+        o(new Error("IndexedDB not supported"));
+        return;
+      }
+      const n = indexedDB.open(this.dbName, this.dbVersion);
+      n.onerror = () => {
+        o(new Error("Failed to open IndexedDB"));
+      }, n.onsuccess = () => {
+        this.db = n.result, t();
+      }, n.onupgradeneeded = (r) => {
+        const c = r.target.result;
+        c.objectStoreNames.contains("keyvaluepairs") || c.createObjectStore("keyvaluepairs", { autoIncrement: !0 });
+      };
+    });
+  }
+  /**
+   * 存储资源到缓存
+   * @param url 资源URL
+   * @param componentId 组件ID
+   * @param data 资源数据
+   */
+  async storeResource(t, o) {
+    if (!this.db)
+      throw new Error("Database not initialized");
+    return new Promise((n, r) => {
+      const u = this.db.transaction(["keyvaluepairs"], "readwrite").objectStore("keyvaluepairs").put(o, t);
+      u.onsuccess = () => {
+        n();
+      }, u.onerror = () => {
+        r(new Error("Failed to store resource"));
+      };
+    });
+  }
+  /**
+   * 从缓存获取资源
+   * @param url 资源URL
+   */
+  async getResource(t) {
+    if (!this.db)
+      throw new Error("Database not initialized");
+    return new Promise((o, n) => {
+      try {
+        const i = this.db.transaction(["keyvaluepairs"], "readonly").objectStore("keyvaluepairs").get(t);
+        i.onsuccess = () => {
+          o(i.result);
+        }, i.onerror = (u) => {
+          const s = u.target.error || new Error("Unknown IndexedDB error");
+          n(new Error(`Resource fetch failed: ${s.message}`));
+        };
+      } catch (r) {
+        n(
+          new Error(
+            `Operation setup failed: ${r instanceof Error ? r.message : String(r)}`
+          )
+        );
+      }
+    });
+  }
+  /**
+   * 检查资源是否存在
+   * @param url 资源URL
+   */
+  async hasResource(t) {
+    if (!this.db)
+      throw new Error("Database not initialized");
+    return new Promise((o, n) => {
+      const i = this.db.transaction(["keyvaluepairs"], "readonly").objectStore("keyvaluepairs").count(t);
+      i.onsuccess = () => {
+        o(i.result > 0);
+      }, i.onerror = () => {
+        n(new Error("Failed to check resource"));
+      };
+    });
+  }
+  /**
+   * 清除所有缓存
+   */
+  async clearAll() {
+    if (!this.db)
+      throw new Error("Database not initialized");
+    return new Promise((t, o) => {
+      const c = this.db.transaction(["keyvaluepairs"], "readwrite").objectStore("keyvaluepairs").clear();
+      c.onsuccess = () => {
+        t();
+      }, c.onerror = () => {
+        o(new Error("Failed to clear cache"));
+      };
+    });
+  }
+  async destroy() {
+    return new Promise((t, o) => {
+      if (!this.db) {
+        o(new Error("Database not initialized"));
+        return;
+      }
+      this.db.close(), this.db = null;
+      const n = indexedDB.deleteDatabase(this.dbName);
+      n.onsuccess = () => {
+        O.instance = null, t();
+      }, n.onerror = () => {
+        o(new Error("Failed to delete database"));
+      }, n.onblocked = () => {
+        o(new Error("Database is blocked by other operations"));
+      };
+    });
+  }
+  /**
+   * 获取缓存统计信息
+   */
+  async getCacheStats() {
+    if (!this.db)
+      throw new Error("Database not initialized");
+    return new Promise((t, o) => {
+      const c = this.db.transaction(["keyvaluepairs"], "readonly").objectStore("keyvaluepairs").count();
+      c.onsuccess = () => {
+        t({
+          count: c.result,
+          size: 0
+          // 在实际实现中需要计算实际大小
+        });
+      }, c.onerror = () => {
+        o(new Error("Failed to get cache stats"));
+      };
+    });
+  }
+};
+const Mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  LCResourceCache: te
+}, Symbol.toStringTag, { value: "Module" }));
+let On = class {
+  // 静态配置
+  static staticConfig = {
+    isProduction: !1,
+    isCache: !0
+  };
+  // 私有静态成员
+  static blobCache = /* @__PURE__ */ new Map();
+  static resourceCache = null;
+  /**
+   * 获取或创建资源缓存实例
+   */
+  static async getResourceCache() {
+    if (!this.resourceCache) {
+      this.resourceCache = te.getInstance();
+      try {
+        await this.resourceCache.init();
+      } catch (t) {
+        throw this.resourceCache = null, t;
+      }
+    }
+    return this.resourceCache;
+  }
+  /**
+   * 静态资源处理工具
+   */
+  static useStatic(t, o, n = {}) {
+    const r = {}, c = [];
+    let i = "/components";
+    Object.keys(t).forEach((l) => {
+      r[l] = v("");
+    });
+    const u = this.staticConfig.isCache ? this.getResourceCache() : Promise.resolve(null);
+    return Object.entries(t).forEach(([l, w]) => {
+      const y = `${o}/${w}`, p = `${i}/${o}/assets/${w}`, m = n.noUrlList?.includes(l), f = async () => {
+        try {
+          const g = await u;
+          let d, a;
+          if (g && await g.hasResource(y)) {
+            const b = await g.getResource(y);
+            if (b) {
+              d = URL.createObjectURL(b), r[l].value = m ? d : `url('${d}')`;
+              return;
+            }
+          }
+          if (this.staticConfig.isProduction && this.staticConfig.fetchFilter)
+            a = await (await this.staticConfig.fetchFilter(y)).blob();
+          else {
+            const b = await fetch(p);
+            if (!b.ok) throw new Error(`HTTP ${b.status}`);
+            a = await b.blob();
+          }
+          d = URL.createObjectURL(a), g && await g.storeResource(y, a), r[l].value = m ? d : `url('${d}')`;
+        } catch (g) {
+          console.error(`Failed to load resource ${w}:`, g), r[l].value = "";
+        }
+      };
+      c.push(f());
+    }), {
+      ...r,
+      delay: Promise.all(c).then(() => ({ ...r }))
+    };
+  }
+  /**
+   * 清除所有缓存
+   */
+  static async clearAllCache() {
+    this.resourceCache && (await this.resourceCache.clearAll(), this.blobCache.clear());
+  }
+  /**
+   * 销毁实例，释放资源
+   */
+  static async destroy() {
+    this.resourceCache && (await this.resourceCache.destroy(), this.resourceCache = null);
+    for (const t of this.blobCache.values())
+      URL.revokeObjectURL(t);
+    this.blobCache.clear();
+  }
+};
+const Tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  LCUtils: On
+}, Symbol.toStringTag, { value: "Module" })), J = /* @__PURE__ */ Object.assign({ "./color/color.ts": $n, "./common/lcUtils.ts": Tn, "./resource/resourceCache.ts": Mn }), M = {};
+for (const e in J) {
+  if (e === "./index.ts") continue;
+  const t = J[e];
+  for (const o of Object.keys(t))
+    o !== "default" && (M[o] = t[o]);
+}
+const Un = M.hexToRgb, zn = M.opacity, An = M.mixColor, Dn = M.lightenColor, Fn = M.ColorPlateSystem, Wn = M.LCUtils, Gn = M.LCResourceCache, Nn = {
+  useComponents: En,
+  ...M,
+  ...j
+};
+export {
+  Fn as ColorPlateSystem,
+  Ln as ComponentRatio,
+  In as Image,
+  Gn as LCResourceCache,
+  Wn as LCUtils,
+  Bn as TooltipBox,
+  Nn as default,
+  Un as hexToRgb,
+  Dn as lightenColor,
+  An as mixColor,
+  zn as opacity,
+  En as useComponents
+};

package/lib/plugins/components.d.ts

@@ -0,0 +1,14 @@
+export declare const useComponents: {
+    /**
+     * 注册所有组件
+     * @returns Vue 插件对象
+     */
+    install(app: any): void;
+    /**
+     * 注册特定组件
+     * @param componentName 组件名称
+     * @param component 组件对象
+     */
+    registerComponent(app: any, componentName: string, component: any): void;
+};
+//# sourceMappingURL=components.d.ts.map

package/lib/plugins/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/plugins/components.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,aAAa;IACxB;;;OAGG;iBACU,GAAG;IAOhB;;;;OAIG;2BACoB,GAAG,iBAAiB,MAAM,aAAa,GAAG;CAGlE,CAAC"}

package/lib/types/index.d.ts

@@ -0,0 +1,44 @@
+export type ColorList = Array<{
+    name: string;
+    value: string | Array<string>;
+    displayName: string;
+    description: string;
+}>;
+export interface TemplateToolsType {
+    [key: string]: any;
+}
+export type DefaultPropsType<T> = {
+    [K in keyof T]: T[K] extends Function ? T[K] : () => T[K];
+};
+export interface StaticConfig {
+    isCache: boolean;
+    isProduction: boolean;
+    fetchFilter?: (moduleId: string) => Promise<any>;
+}
+export interface StaticOptions {
+    noUrlList?: string[];
+    baseUrl?: string;
+}
+import type { Ref } from 'vue';
+export type StaticResources<T extends Record<string, string>> = {
+    [K in keyof T]: Ref<string>;
+} & {
+    delay: Promise<{
+        [K in keyof T]: Ref<string>;
+    }>;
+};
+export interface ColorMap {
+    [key: string]: string;
+}
+export interface UseColorReturn {
+    getColor: (key: string) => string;
+    getColorMap: (keys: string[]) => ColorMap;
+}
+export interface ComponentProps {
+    [key: string]: any;
+}
+export interface CacheEntry {
+    data: Blob;
+    url: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/lib/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AAGH,MAAM,WAAW,iBAAiB;IAChC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAGD,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;KAC/B,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;CAC1D,CAAC;AAGF,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;CAClD;AAGD,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAGD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE/B,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI;KAC7D,CAAC,IAAI,MAAM,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC;CAC5B,GAAG;IACF,KAAK,EAAE,OAAO,CAAC;SACZ,CAAC,IAAI,MAAM,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC;KAC5B,CAAC,CAAC;CACJ,CAAC;AAGF,MAAM,WAAW,QAAQ;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAGD,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAClC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,QAAQ,CAAC;CAC3C;AAGD,MAAM,WAAW,cAAc;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAGD,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,IAAI,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;CACb"}

package/lib/utils/index.d.ts

@@ -0,0 +1,10 @@
+declare const collectedUtils: Record<string, any>;
+export default collectedUtils;
+export declare const hexToRgb: any;
+export declare const opacity: any;
+export declare const mixColor: any;
+export declare const lightenColor: any;
+export declare const ColorPlateSystem: any;
+export declare const LCUtils: any;
+export declare const LCResourceCache: any;
+//# sourceMappingURL=index.d.ts.map

package/lib/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAkBA,QAAA,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,CAAC;AAc/C,eAAe,cAAc,CAAC;AAG9B,eAAO,MAAM,QAAQ,KAA0B,CAAC;AAChD,eAAO,MAAM,OAAO,KAAyB,CAAC;AAC9C,eAAO,MAAM,QAAQ,KAA0B,CAAC;AAChD,eAAO,MAAM,YAAY,KAA8B,CAAC;AACxD,eAAO,MAAM,gBAAgB,KAAkC,CAAC;AAChE,eAAO,MAAM,OAAO,KAAyB,CAAC;AAC9C,eAAO,MAAM,eAAe,KAAiC,CAAC"}

package/lib/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/lib/zxl-common-utils.css

@@ -0,0 +1 @@
+.fixed-aspect-ratio[data-v-b6cd8c05]{transform-origin:0 0;position:absolute;left:50%;top:0;transition:transform .2s ease-in-out,width .2s ease-in-out,height .2s ease-in-out}.fixed-aspect-ratio.is-full[data-v-b6cd8c05]{left:0;top:0}

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "zxl-common-utils",
+  "private": false,
+  "version": "0.0.1",
+  "type": "module",
+  "description": "A Vue 3 utility library with common tools, components and helpers",
+  "keywords": [
+    "vue3",
+    "typescript",
+    "visualization",
+    "components",
+    "utils"
+  ],
+  "author": "zxl",
+  "license": "MIT",
+  "main": "./lib/index.js",
+  "module": "./lib/index.js",
+  "types": "./lib/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./lib/index.js",
+      "require": "./lib/index.js",
+      "types": "./lib/index.d.ts"
+    }
+  },
+  "files": [
+    "lib"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview",
+    "build:lib": "vite build --config vite.lib.config.ts",
+    "build:types": "vue-tsc --project tsconfig.lib.json",
+    "prepublishOnly": "npm run build:lib && npm run build:types",
+    "deploy": "node scripts/deploy.mjs",
+    "deploy:patch": "node scripts/deploy.mjs 0.0.1",
+    "deploy:minor": "node scripts/deploy.mjs 0.1.0",
+    "deploy:major": "node scripts/deploy.mjs 1.0.0",
+    "auto-export": "node scripts/runAutoExport.mjs",
+    "format": "prettier --write .",
+    "format:check": "prettier --check ."
+  },
+  "config": {
+    "git-tag-version": false
+  },
+  "peerDependencies": {
+    "vue": "^3.5.24"
+  },
+  "dependencies": {
+    "@types/lodash-es": "^4.17.12",
+    "lodash-es": "^4.18.1",
+    "vue": "^3.5.24"
+  },
+  "devDependencies": {
+    "@types/node": "^24.10.1",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vue/tsconfig": "^0.8.1",
+    "prettier": "^3.7.1",
+    "typescript": "~5.9.3",
+    "vite": "^7.2.4",
+    "vite-plugin-compression": "^0.5.1",
+    "vue-tsc": "^3.1.4"
+  }
+}