hamster-charts 0.4.6 → 0.4.7

package/dist/hamster-charts.css

@@ -1 +1 @@
-.h-panel[data-v-474190fc]{width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat}.h-header[data-v-b83cf769]{background-size:100% 100%;background-repeat:no-repeat;position:relative}.h-main[data-v-1025786b]{width:100%}.h-chart[data-v-ad5727b9]{background-size:100% 100%;background-repeat:no-repeat}.h-chart .chart[data-v-ad5727b9]{width:100%}.h-left[data-v-65e91535],.h-right[data-v-e897c957]{height:100%}.h-top[data-v-54014ba4],.h-bottom[data-v-086bec2a]{width:100%}.h-chart-title[data-v-36cebf9b]{width:100%;background-size:100% 100%;background-repeat:no-repeat}.h-item-chart[data-v-7c5da244]{background-size:100% 100%;background-repeat:no-repeat}[data-v-937cc59c]::-webkit-scrollbar{width:0px}[data-v-937cc59c]::-webkit-scrollbar-track{background:#31313181}[data-v-937cc59c]::-webkit-scrollbar-thumb{background:#444;border-radius:10px}[data-v-937cc59c]::-webkit-scrollbar-thumb:hover{background:#555}.h-list[data-v-937cc59c]{position:relative;overflow:hidden}.list-header[data-v-937cc59c]{display:flex;align-items:center;width:100%}.header-item[data-v-937cc59c]{flex:1;display:flex;justify-content:center;align-items:center;font-weight:700}.scroll-wrapper[data-v-937cc59c]{position:relative;width:100%;will-change:transform}.data-list[data-v-937cc59c]{width:100%}.data-list-item[data-v-937cc59c]{display:flex;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.1)}.data-list-item[data-v-937cc59c]:hover{background:#ffffff0d}.data-item-cell[data-v-937cc59c]{flex:1;display:flex;justify-content:center;align-items:center;padding:8px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h-view[data-v-1c58f2d8]{background-size:100% 100%;background-repeat:no-repeat}.h-data-label[data-v-f0ce86db]{background-repeat:no-repeat;background-size:100% 100%}.h-button[data-v-0a183c56]{outline:none;background-repeat:no-repeat;background-size:100% 100%;border-radius:2px;border:none}.h-grid[data-v-34e7422b]{border:1px solid red}.h-grid .h-grid-item[data-v-34e7422b]{border:1px solid rebeccapurple}.h-counter[data-v-fba32a26]{display:flex;align-items:center}.counter-digit[data-v-fba32a26]{position:relative;overflow:hidden}.digit-scroll[data-v-fba32a26]{display:flex;flex-direction:column;will-change:transform}.digit-item[data-v-fba32a26]{flex-shrink:0}.h-layout[data-v-957ea318]{height:100%}.h-flex[data-v-c8c463ea]{background-size:100% 100%;background-repeat:no-repeat}
+.h-panel[data-v-474190fc]{width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat}.h-header[data-v-b83cf769]{background-size:100% 100%;background-repeat:no-repeat;position:relative}.h-main[data-v-1025786b]{width:100%}.h-chart[data-v-ad5727b9]{background-size:100% 100%;background-repeat:no-repeat}.h-chart .chart[data-v-ad5727b9]{width:100%}.h-left[data-v-65e91535],.h-right[data-v-e897c957]{height:100%}.h-top[data-v-54014ba4],.h-bottom[data-v-086bec2a]{width:100%}.h-chart-title[data-v-5c9b16aa]{width:100%;background-size:100% 100%;background-repeat:no-repeat;position:relative}.h-item-chart[data-v-7c5da244]{background-size:100% 100%;background-repeat:no-repeat}[data-v-937cc59c]::-webkit-scrollbar{width:0px}[data-v-937cc59c]::-webkit-scrollbar-track{background:#31313181}[data-v-937cc59c]::-webkit-scrollbar-thumb{background:#444;border-radius:10px}[data-v-937cc59c]::-webkit-scrollbar-thumb:hover{background:#555}.h-list[data-v-937cc59c]{position:relative;overflow:hidden}.list-header[data-v-937cc59c]{display:flex;align-items:center;width:100%}.header-item[data-v-937cc59c]{flex:1;display:flex;justify-content:center;align-items:center;font-weight:700}.scroll-wrapper[data-v-937cc59c]{position:relative;width:100%;will-change:transform}.data-list[data-v-937cc59c]{width:100%}.data-list-item[data-v-937cc59c]{display:flex;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.1)}.data-list-item[data-v-937cc59c]:hover{background:#ffffff0d}.data-item-cell[data-v-937cc59c]{flex:1;display:flex;justify-content:center;align-items:center;padding:8px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h-view[data-v-2b1c3083]{background-size:100% 100%;background-repeat:no-repeat}.h-data-label[data-v-f0ce86db]{background-repeat:no-repeat;background-size:100% 100%}.h-button[data-v-0a183c56]{outline:none;background-repeat:no-repeat;background-size:100% 100%;border-radius:2px;border:none}.h-grid[data-v-34e7422b]{border:1px solid red}.h-grid .h-grid-item[data-v-34e7422b]{border:1px solid rebeccapurple}.h-counter[data-v-fba32a26]{display:flex;align-items:center}.counter-digit[data-v-fba32a26]{position:relative;overflow:hidden}.digit-scroll[data-v-fba32a26]{display:flex;flex-direction:column;will-change:transform}.digit-item[data-v-fba32a26]{flex-shrink:0}.h-layout[data-v-957ea318]{height:100%}.h-flex[data-v-c8c463ea]{background-size:100% 100%;background-repeat:no-repeat}

package/dist/hamster-charts.js

@@ -1,6 +1,6 @@
-import { computed as y, openBlock as o, createElementBlock as u, normalizeStyle as c, unref as h, renderSlot as b, toDisplayString as C, createCommentVNode as j, ref as v, onMounted as it, onBeforeUnmount as at, watch as G, withDirectives as ut, createElementVNode as z, vShow as dt, Fragment as O, renderList as D } from "vue";
+import { computed as h, openBlock as s, createElementBlock as u, normalizeStyle as c, unref as g, renderSlot as b, toDisplayString as I, createCommentVNode as j, ref as v, onMounted as it, onBeforeUnmount as at, watch as G, withDirectives as ut, createElementVNode as z, vShow as dt, Fragment as O, renderList as D } from "vue";
 import * as rt from "echarts";
-import { useDebounceFn as lt, useResizeObserver as st } from "@vueuse/core";
+import { useDebounceFn as lt, useResizeObserver as ot } from "@vueuse/core";
 const m = (e, t) => {
   const i = e.__vccOpts || e;
   for (const [r, l] of t)
@@ -23,13 +23,13 @@ const m = (e, t) => {
     }
   },
   setup(e) {
-    let t = e, i = y(() => ({
+    let t = e, i = h(() => ({
       position: t.position,
       backgroundImage: t.url ? `url(${t.url})` : "none"
     }));
-    return (r, l) => (o(), u("div", {
+    return (r, l) => (s(), u("div", {
       class: "h-panel",
-      style: c(h(i))
+      style: c(g(i))
     }, [
       b(r.$slots, "default", {}, void 0, !0)
     ], 4));
@@ -91,11 +91,11 @@ const ft = {
     }
   },
   setup(e) {
-    let t = e, i = y(() => ({
+    let t = e, i = h(() => ({
       width: t.width,
       height: t.height,
       backgroundImage: `url( ${t.url})`
-    })), r = y(() => ({
+    })), r = h(() => ({
       color: t.color,
       fontSize: t.fontSize,
       position: t.textPosition,
@@ -103,14 +103,14 @@ const ft = {
       left: t.textLeft,
       transform: t.textTransform
     }));
-    return (l, S) => (o(), u("div", {
+    return (l, S) => (s(), u("div", {
       class: "h-header",
-      style: c(h(i))
+      style: c(g(i))
     }, [
-      h(t).showText ? (o(), u("span", {
+      g(t).showText ? (s(), u("span", {
         key: 0,
-        style: c(h(r))
-      }, C(h(t).text), 5)) : j("", !0),
+        style: c(g(r))
+      }, I(g(t).text), 5)) : j("", !0),
       b(l.$slots, "default", {}, void 0, !0)
     ], 4));
   }
@@ -146,16 +146,16 @@ const yt = {
     }
   },
   setup(e) {
-    let t = e, i = y(() => ({
+    let t = e, i = h(() => ({
       height: t.height !== "auto" || t.height !== "0" ? `calc(100% - ${t.height})` : t.height,
       display: t.display,
       columnGap: t.columnGap,
       rowGap: t.rowGap,
       padding: t.padding
     }));
-    return (r, l) => (o(), u("div", {
+    return (r, l) => (s(), u("div", {
       class: "h-main",
-      style: c(h(i))
+      style: c(g(i))
     }, [
       b(r.$slots, "default", {}, void 0, !0)
     ], 4));
@@ -210,17 +210,17 @@ const mt = {
     // 鼠标离开事件
   ],
   setup(e, { expose: t, emit: i }) {
-    const r = i, l = e, S = y(() => ({
+    const r = i, l = e, S = h(() => ({
       backgroundImage: l.url ? `url(${l.url})` : "none",
       flex: l.flex,
       height: l.height
-    })), x = y(() => ({
+    })), x = h(() => ({
       height: l.chartsh !== "auto" && l.chartsh !== "0" ? `calc(100% - ${l.chartsh})` : l.chartsh
     })), p = v(null);
     let f = null;
-    const I = lt(() => {
+    const k = lt(() => {
       f && (f.resize(), r("chart-resize", { instance: f }));
-    }, 100), k = () => {
+    }, 100), C = () => {
       if (!f) return;
       ["click", "dblclick", "mouseover", "mouseout"].forEach((a) => {
         f.on(a, (d) => {
@@ -234,15 +234,15 @@ const mt = {
     }, $ = () => {
       if (A(), !!p.value)
         try {
-          const n = g(l.chartsOption);
-          f = rt.init(p.value), f.setOption(n, { notMerge: !0 }), k(), r("chart-ready", {
+          const n = y(l.chartsOption);
+          f = rt.init(p.value), f.setOption(n, { notMerge: !0 }), C(), r("chart-ready", {
             instance: f,
             dom: p.value
           });
         } catch (n) {
           console.error("ECharts initialization failed:", n);
         }
-    }, g = (n) => {
+    }, y = (n) => {
       if (!n || typeof n != "object")
         return { series: [] };
       const a = JSON.parse(JSON.stringify(n));
@@ -278,21 +278,21 @@ const mt = {
       } : a.yAxis = { type: "value" } : a.yAxis = { type: "value" }, a.legend && (typeof a.legend == "object" && !Array.isArray(a.legend) || Array.isArray(a.legend) && (a.legend = {
         data: a.legend
       })), a;
-    }, s = () => {
-      I();
+    }, o = () => {
+      k();
     };
     return it(() => {
       setTimeout(() => {
         $();
-      }, 0), window.addEventListener("resize", s), st(p, (n) => {
-        I();
+      }, 0), window.addEventListener("resize", o), ot(p, (n) => {
+        k();
       });
     }), at(() => {
-      window.removeEventListener("resize", s), A();
+      window.removeEventListener("resize", o), A();
     }), G(() => l.chartsOption, (n, a) => {
       if (n)
         try {
-          const d = g(n);
+          const d = y(n);
           if (!f) {
             $();
             return;
@@ -310,10 +310,10 @@ const mt = {
       }, 0);
     }), t({
       getInstance: () => f,
-      resize: () => I(),
+      resize: () => k(),
       dispatchAction: (n) => f == null ? void 0 : f.dispatchAction(n),
       dispose: A
-    }), (n, a) => (o(), u("div", {
+    }), (n, a) => (s(), u("div", {
       class: "h-chart",
       style: c(S.value)
     }, [
@@ -358,16 +358,16 @@ const xt = {
     }
   },
   setup(e) {
-    let t = e, i = y(() => ({
+    let t = e, i = h(() => ({
       width: t.width,
       display: t.display,
       flexDirection: t.flexDirection,
       columnGap: t.columnGap,
       rowGap: t.rowGap
     }));
-    return (r, l) => (o(), u("div", {
+    return (r, l) => (s(), u("div", {
       class: "h-left",
-      style: c(h(i))
+      style: c(g(i))
     }, [
       b(r.$slots, "default", {}, void 0, !0)
     ], 4));
@@ -402,16 +402,16 @@ const vt = {
     }
   },
   setup(e) {
-    let t = e, i = y(() => ({
+    let t = e, i = h(() => ({
       width: t.width,
       display: t.display,
       flexDirection: t.flexDirection,
       columnGap: t.columnGap,
       rowGap: t.rowGap
     }));
-    return (r, l) => (o(), u("div", {
+    return (r, l) => (s(), u("div", {
       class: "h-right",
-      style: c(h(i))
+      style: c(g(i))
     }, [
       b(r.$slots, "default", {}, void 0, !0)
     ], 4));
@@ -450,7 +450,7 @@ const wt = {
     }
   },
   setup(e) {
-    let t = e, i = y(() => ({
+    let t = e, i = h(() => ({
       width: t.width,
       height: t.height,
       display: t.display,
@@ -458,9 +458,9 @@ const wt = {
       columnGap: t.columnGap,
       rowGap: t.rowGap
     }));
-    return (r, l) => (o(), u("div", {
+    return (r, l) => (s(), u("div", {
       class: "h-center",
-      style: c(h(i))
+      style: c(g(i))
     }, [
       b(r.$slots, "default", {}, void 0, !0)
     ], 4));
@@ -487,14 +487,14 @@ const At = {
     }
   },
   setup(e) {
-    let t = e, i = y(() => ({
+    let t = e, i = h(() => ({
       height: t.height,
       display: t.display,
       position: t.position
     }));
-    return (r, l) => (o(), u("div", {
+    return (r, l) => (s(), u("div", {
       class: "h-top",
-      style: c(h(i))
+      style: c(g(i))
     }, [
       b(r.$slots, "default", {}, void 0, !0)
     ], 4));
@@ -529,16 +529,16 @@ const kt = {
     }
   },
   setup(e) {
-    let t = e, i = y(() => ({
+    let t = e, i = h(() => ({
       height: t.height,
       display: t.display,
       gap: t.gap,
       rowGap: t.rowGap,
       columnGap: t.columnGap
     }));
-    return (r, l) => (o(), u("div", {
+    return (r, l) => (s(), u("div", {
       class: "h-bottom",
-      style: c(h(i))
+      style: c(g(i))
     }, [
       b(r.$slots, "default", {}, void 0, !0)
     ], 4));
@@ -547,9 +547,9 @@ const kt = {
 M.install = (e) => {
   e.component(M.name, M);
 };
-const zt = {
+const zt = { class: "def-text" }, Gt = {
   name: "hChartTitle"
-}, Gt = /* @__PURE__ */ Object.assign(zt, {
+}, jt = /* @__PURE__ */ Object.assign(Gt, {
   props: {
     fontSize: {
       type: String,
@@ -578,35 +578,44 @@ const zt = {
     paddingBottom: {
       type: String,
       default: "auto"
+    },
+    color: {
+      type: String,
+      default: "#fff"
+    },
+    text: {
+      type: String,
+      default: "测试标题"
     }
   },
   setup(e) {
-    let t = e, i = y(() => ({
+    let t = e, i = h(() => ({
       height: t.height,
       backgroundImage: `url(${t.url})`,
       fontSize: t.fontSize,
       paddingLeft: t.paddingLeft,
       paddingRight: t.paddingRight,
       paddingTop: t.paddingTop,
-      paddingBottom: t.paddingBottom
+      paddingBottom: t.paddingBottom,
+      color: t.color
     }));
-    return (r, l) => (o(), u("div", {
+    return (r, l) => (s(), u("div", {
       class: "h-chart-title",
-      style: c(h(i))
+      style: c(g(i))
     }, [
-      b(r.$slots, "title", {}, void 0, !0),
-      b(r.$slots, "content", {}, void 0, !0)
+      z("span", zt, I(g(t).text), 1),
+      b(r.$slots, "diy", {}, void 0, !0)
     ], 4));
   }
-}), P = /* @__PURE__ */ m(Gt, [["__scopeId", "data-v-36cebf9b"]]);
+}), P = /* @__PURE__ */ m(jt, [["__scopeId", "data-v-5c9b16aa"]]);
 P.install = (e) => {
   e.component(P.name, P);
 };
-const jt = {
+const Ot = {
   name: "hItemChart",
   chineseName: "独立图表",
   description: "独立的 ECharts 图表容器组件，适用于大屏数据可视化展示"
-}, Ot = /* @__PURE__ */ Object.assign(jt, {
+}, Dt = /* @__PURE__ */ Object.assign(Ot, {
   props: {
     height: {
       type: String,
@@ -631,39 +640,39 @@ const jt = {
     "chart-mouseout"
   ],
   setup(e, { expose: t, emit: i }) {
-    const r = i, l = e, S = y(() => ({
+    const r = i, l = e, S = h(() => ({
       backgroundImage: l.url ? `url(${l.url})` : "none",
       height: l.height
     })), x = v(null);
     let p = null;
     const f = lt(() => {
       p && (p.resize(), r("chart-resize", { instance: p }));
-    }, 100), I = () => {
+    }, 100), k = () => {
       if (!p) return;
       ["click", "dblclick", "mouseover", "mouseout"].forEach((n) => {
         p.on(n, (a) => {
           r(`chart-${n}`, a);
         });
       });
-    }, k = () => {
+    }, C = () => {
       p && (["click", "dblclick", "mouseover", "mouseout"].forEach((n) => {
         p.off(n);
       }), p.dispose(), p = null);
     }, A = () => {
-      if (k(), !!x.value)
+      if (C(), !!x.value)
         try {
-          const s = $(l.chartsOption);
-          p = rt.init(x.value), p.setOption(s, { notMerge: !0 }), I(), r("chart-ready", {
+          const o = $(l.chartsOption);
+          p = rt.init(x.value), p.setOption(o, { notMerge: !0 }), k(), r("chart-ready", {
             instance: p,
             dom: x.value
           });
-        } catch (s) {
-          console.error("ECharts initialization failed:", s);
+        } catch (o) {
+          console.error("ECharts initialization failed:", o);
         }
-    }, $ = (s) => {
-      if (!s || typeof s != "object")
+    }, $ = (o) => {
+      if (!o || typeof o != "object")
         return { series: [] };
-      const n = JSON.parse(JSON.stringify(s));
+      const n = JSON.parse(JSON.stringify(o));
       return n.series ? Array.isArray(n.series) || (n.series = [n.series]) : n.series = [], n.series = n.series.map((a) => {
         if (!a || typeof a != "object")
           return { type: "line" };
@@ -695,25 +704,25 @@ const jt = {
       } : n.yAxis = { type: "value" } : n.yAxis = { type: "value" }, n.legend && (typeof n.legend == "object" && !Array.isArray(n.legend) || Array.isArray(n.legend) && (n.legend = {
         data: n.legend
       })), n;
-    }, g = () => {
+    }, y = () => {
       f();
     };
     return it(() => {
       setTimeout(() => {
         A();
-      }, 0), window.addEventListener("resize", g), st(x, (s) => {
+      }, 0), window.addEventListener("resize", y), ot(x, (o) => {
         f();
       });
     }), at(() => {
-      window.removeEventListener("resize", g), k();
-    }), G(() => l.chartsOption, (s) => {
-      if (s)
+      window.removeEventListener("resize", y), C();
+    }), G(() => l.chartsOption, (o) => {
+      if (o)
         try {
           if (!p) {
             A();
             return;
           }
-          const n = $(s);
+          const n = $(o);
           p.setOption(n, { notMerge: !0 }), r("chart-update", {
             instance: p,
             option: n
@@ -724,24 +733,24 @@ const jt = {
     }, { deep: !0 }), t({
       getInstance: () => p,
       resize: () => f(),
-      dispatchAction: (s) => p == null ? void 0 : p.dispatchAction(s),
-      dispose: k
-    }), (s, n) => (o(), u("div", {
+      dispatchAction: (o) => p == null ? void 0 : p.dispatchAction(o),
+      dispose: C
+    }), (o, n) => (s(), u("div", {
       class: "h-item-chart",
       ref_key: "itemCharts",
       ref: x,
       style: c(S.value)
     }, null, 4));
   }
-}), V = /* @__PURE__ */ m(Ot, [["__scopeId", "data-v-7c5da244"]]);
+}), V = /* @__PURE__ */ m(Dt, [["__scopeId", "data-v-7c5da244"]]);
 V.install = (e) => {
   e.component(V.name, V);
 };
-const Dt = {
+const Nt = {
   name: "hList",
   chineseName: "滚动列表",
   description: "支持自动滚动的数据列表组件，适用于大屏数据展示"
-}, Nt = /* @__PURE__ */ Object.assign(Dt, {
+}, Tt = /* @__PURE__ */ Object.assign(Nt, {
   props: {
     // 容器样式
     width: {
@@ -803,13 +812,13 @@ const Dt = {
     }
   },
   setup(e, { expose: t }) {
-    const i = e, r = v(0), l = v(null), S = v(0), x = v([]), p = v(null), f = y(() => ({
+    const i = e, r = v(0), l = v(null), S = v(0), x = v([]), p = v(null), f = h(() => ({
       width: i.width,
       height: i.height,
       backgroundColor: i.backgroundColor,
       position: "relative",
       overflow: "hidden"
-    })), I = y(() => ({
+    })), k = h(() => ({
       height: i.headerHeight,
       display: "flex",
       alignItems: "center",
@@ -819,7 +828,7 @@ const Dt = {
       left: 0,
       zIndex: 10,
       width: "100%"
-    })), k = y(() => ({
+    })), C = h(() => ({
       transform: `translateY(-${r.value * S.value}px)`,
       transition: `transform ${i.scrollSpeed}ms ease-in-out`,
       marginTop: i.showHeader ? i.headerHeight : "0"
@@ -831,57 +840,57 @@ const Dt = {
       }
     });
     let $ = null;
-    const g = () => {
+    const y = () => {
       !i.enableScroll || i.data.length === 0 || (clearInterval($), $ = setInterval(() => {
         r.value = (r.value + 1) % i.data.length;
       }, i.scrollDuration));
-    }, s = () => {
+    }, o = () => {
       $ && (clearInterval($), $ = null);
     }, n = () => {
       x.value && x.value[0] && (S.value = x.value[0].offsetHeight || 40);
     };
     return it(() => {
-      n(), g(), window.addEventListener("resize", n);
+      n(), y(), window.addEventListener("resize", n);
     }), at(() => {
-      s(), window.removeEventListener("resize", n);
+      o(), window.removeEventListener("resize", n);
     }), G(() => i.data, (a) => {
       a.length > 0 ? (r.value = 0, l.value = null, setTimeout(() => {
-        n(), g();
-      }, 100)) : s();
+        n(), y();
+      }, 100)) : o();
     }, { deep: !0 }), G(() => i.enableScroll, (a) => {
-      a ? g() : (s(), r.value = 0);
+      a ? y() : (o(), r.value = 0);
     }), t({
-      startScroll: g,
-      stopScroll: s,
+      startScroll: y,
+      stopScroll: o,
       getCurrentIndex: () => r.value,
       scrollTo: (a) => {
         a >= 0 && a < i.data.length && (r.value = a);
       }
-    }), (a, d) => (o(), u("div", {
+    }), (a, d) => (s(), u("div", {
       class: "h-list",
       style: c(f.value)
     }, [
-      e.showHeader ? (o(), u("div", {
+      e.showHeader ? (s(), u("div", {
         key: 0,
         class: "list-header",
-        style: c(I.value)
+        style: c(k.value)
       }, [
-        (o(!0), u(O, null, D(e.header, (_, w) => (o(), u("p", {
+        (s(!0), u(O, null, D(e.header, (_, w) => (s(), u("p", {
           key: w,
           class: "header-item"
-        }, C(_), 1))), 128))
+        }, I(_), 1))), 128))
       ], 4)) : j("", !0),
-      e.enableScroll ? (o(), u("div", {
+      e.enableScroll ? (s(), u("div", {
         key: 1,
         class: "scroll-wrapper",
-        style: c(k.value)
+        style: c(C.value)
       }, [
         z("div", {
           class: "data-list",
           ref_key: "listContainer",
           ref: p
         }, [
-          (o(!0), u(O, null, D(e.data, (_, w) => (o(), u("div", {
+          (s(!0), u(O, null, D(e.data, (_, w) => (s(), u("div", {
             key: w,
             class: "data-list-item",
             style: c(A(w)),
@@ -889,22 +898,22 @@ const Dt = {
             ref_key: "listItems",
             ref: x
           }, [
-            (o(!0), u(O, null, D(_, (nt, N) => (o(), u("p", {
+            (s(!0), u(O, null, D(_, (nt, N) => (s(), u("p", {
               key: N,
               class: "data-item-cell"
-            }, C(nt), 1))), 128))
+            }, I(nt), 1))), 128))
           ], 4))), 128))
         ], 512)
       ], 4)) : j("", !0)
     ], 4));
   }
-}), Y = /* @__PURE__ */ m(Nt, [["__scopeId", "data-v-937cc59c"]]);
+}), Y = /* @__PURE__ */ m(Tt, [["__scopeId", "data-v-937cc59c"]]);
 Y.install = (e) => {
   e.component(Y.name, Y);
 };
-const Tt = {
+const Wt = {
   name: "hView"
-}, Wt = /* @__PURE__ */ Object.assign(Tt, {
+}, Bt = /* @__PURE__ */ Object.assign(Wt, {
   props: {
     height: {
       type: String,
@@ -933,32 +942,47 @@ const Tt = {
     flex: {
       type: String,
       default: "0.2"
+    },
+    position: {
+      type: String,
+      default: "relative"
+    },
+    top: {
+      type: String,
+      default: "auto"
+    },
+    left: {
+      type: String,
+      default: "auto"
     }
   },
   setup(e) {
-    let t = e, i = y(() => ({
+    let t = e, i = h(() => ({
       width: t.width,
       height: t.height,
       display: t.display,
       flexDirection: t.flexDirection,
       rowGap: t.rowGap,
       columnGap: t.columnGap,
-      flex: t.flex
+      flex: t.flex,
+      position: t.position,
+      top: t.top,
+      left: t.left
     }));
-    return (r, l) => (o(), u("div", {
+    return (r, l) => (s(), u("div", {
       class: "h-view",
-      style: c(h(i))
+      style: c(g(i))
     }, [
       b(r.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), J = /* @__PURE__ */ m(Wt, [["__scopeId", "data-v-1c58f2d8"]]);
+}), J = /* @__PURE__ */ m(Bt, [["__scopeId", "data-v-2b1c3083"]]);
 J.install = (e) => {
   e.component(J.name, J);
 };
-const Bt = {
+const Ft = {
   name: "hDataLabel"
-}, Ft = /* @__PURE__ */ Object.assign(Bt, {
+}, Ht = /* @__PURE__ */ Object.assign(Ft, {
   props: {
     url: {
       type: String,
@@ -1121,34 +1145,34 @@ const Bt = {
       lineHeight: t.titlelineHeight,
       textAlign: t.titletextAlign
     });
-    return (x, p) => (o(), u("div", {
+    return (x, p) => (s(), u("div", {
       class: "h-data-label",
-      style: c(h(i))
+      style: c(g(i))
     }, [
-      e.show ? (o(), u("span", {
+      e.show ? (s(), u("span", {
         key: 0,
         class: "h-data-label-num",
-        style: c(h(r))
-      }, C(e.num), 5)) : j("", !0),
-      e.show ? (o(), u("span", {
+        style: c(g(r))
+      }, I(e.num), 5)) : j("", !0),
+      e.show ? (s(), u("span", {
         key: 1,
         class: "h-data-label-text",
-        style: c(h(l))
-      }, C(e.text), 5)) : j("", !0),
-      e.titleShow ? (o(), u("span", {
+        style: c(g(l))
+      }, I(e.text), 5)) : j("", !0),
+      e.titleShow ? (s(), u("span", {
         key: 2,
         class: "h-data-label-title",
-        style: c(h(S))
-      }, C(e.someText), 5)) : j("", !0)
+        style: c(g(S))
+      }, I(e.someText), 5)) : j("", !0)
     ], 4));
   }
-}), q = /* @__PURE__ */ m(Ft, [["__scopeId", "data-v-f0ce86db"]]);
+}), q = /* @__PURE__ */ m(Ht, [["__scopeId", "data-v-f0ce86db"]]);
 q.install = (e) => {
   e.component(q.name, q);
 };
-const Ht = {
+const Lt = {
   name: "hButton"
-}, Lt = /* @__PURE__ */ Object.assign(Ht, {
+}, Et = /* @__PURE__ */ Object.assign(Lt, {
   props: {
     url: {
       type: String,
@@ -1199,18 +1223,18 @@ const Ht = {
       fontWeight: t.fontWeight,
       color: t.color
     });
-    return (r, l) => (o(), u("button", {
+    return (r, l) => (s(), u("button", {
       class: "h-button",
-      style: c(h(i))
-    }, C(h(t).text), 5));
+      style: c(g(i))
+    }, I(g(t).text), 5));
   }
-}), U = /* @__PURE__ */ m(Lt, [["__scopeId", "data-v-0a183c56"]]);
+}), U = /* @__PURE__ */ m(Et, [["__scopeId", "data-v-0a183c56"]]);
 U.install = (e) => {
   e.component(U.name, U);
 };
-const Et = {
+const Rt = {
   name: "hGrid"
-}, Rt = /* @__PURE__ */ Object.assign(Et, {
+}, Mt = /* @__PURE__ */ Object.assign(Rt, {
   props: {
     width: {
       type: String,
@@ -1265,14 +1289,14 @@ const Et = {
       height: t.iheight,
       display: t.idisplay
     });
-    return (l, S) => (o(), u("div", {
+    return (l, S) => (s(), u("div", {
       class: "h-grid",
-      style: c(h(i))
+      style: c(g(i))
     }, [
-      (o(), u(O, null, D(6, (x) => z("div", {
+      (s(), u(O, null, D(6, (x) => z("div", {
         key: x,
         class: "h-grid-item",
-        style: c(h(r))
+        style: c(g(r))
       }, S[0] || (S[0] = [
         z("div", { class: "h-grid-item-left" }, [
           z("img", {
@@ -1285,15 +1309,15 @@ const Et = {
       b(l.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), K = /* @__PURE__ */ m(Rt, [["__scopeId", "data-v-34e7422b"]]);
+}), K = /* @__PURE__ */ m(Mt, [["__scopeId", "data-v-34e7422b"]]);
 K.install = (e) => {
   e.component(K.name, K);
 };
-const Mt = {
+const Pt = {
   name: "hCounter",
   chineseName: "数字计数器",
   description: "支持老虎机滚动动画的数字计数器组件，每个数字位独立从0滚动到目标值"
-}, Pt = /* @__PURE__ */ Object.assign(Mt, {
+}, Vt = /* @__PURE__ */ Object.assign(Pt, {
   props: {
     // 数据相关
     data: {
@@ -1433,49 +1457,49 @@ const Mt = {
     }
   },
   setup(e, { expose: t }) {
-    const i = e, r = v([]), l = v(!1), S = y(() => {
-      let g = i.data;
-      i.decimalPlaces >= 0 && typeof g == "number" && (g = g.toFixed(i.decimalPlaces));
-      let s = String(g);
+    const i = e, r = v([]), l = v(!1), S = h(() => {
+      let y = i.data;
+      i.decimalPlaces >= 0 && typeof y == "number" && (y = y.toFixed(i.decimalPlaces));
+      let o = String(y);
       if (i.showSeparator && typeof i.data == "number") {
-        const n = s.split(".");
-        n[0] = n[0].replace(/\B(?=(\d{3})+(?!\d))/g, i.separator), s = n.join(".");
+        const n = o.split(".");
+        n[0] = n[0].replace(/\B(?=(\d{3})+(?!\d))/g, i.separator), o = n.join(".");
       }
-      return i.prefix && (s = i.prefix + s), i.suffix && (s = s + i.suffix), s.split("");
-    }), x = y(() => i.digitWidth ? i.digitWidth : `${(parseInt(i.digitFontSize) || 32) * 1.2}px`), p = y(() => i.digitHeight ? i.digitHeight : `${(parseInt(i.digitFontSize) || 32) * 1.5}px`), f = () => {
+      return i.prefix && (o = i.prefix + o), i.suffix && (o = o + i.suffix), o.split("");
+    }), x = h(() => i.digitWidth ? i.digitWidth : `${(parseInt(i.digitFontSize) || 32) * 1.2}px`), p = h(() => i.digitHeight ? i.digitHeight : `${(parseInt(i.digitFontSize) || 32) * 1.5}px`), f = () => {
       if (!i.enableAnimation) {
         r.value = S.value.map(() => 0);
         return;
       }
       l.value = !0, r.value = S.value.map(() => 0);
-      const g = S.value;
-      g.forEach((s, n) => {
-        if (isNaN(parseInt(s))) {
-          r.value[n] = s;
+      const y = S.value;
+      y.forEach((o, n) => {
+        if (isNaN(parseInt(o))) {
+          r.value[n] = o;
           return;
         }
-        const a = parseInt(s), d = n * i.digitDelay, _ = i.animationDuration;
+        const a = parseInt(o), d = n * i.digitDelay, _ = i.animationDuration;
         setTimeout(() => {
           let w = 0;
           const nt = _ / (a + 1), N = () => {
-            w <= a && (r.value[n] = w, w++, w <= a ? setTimeout(N, nt) : (n === g.length - 1 || g.slice(n + 1).every((ot) => isNaN(parseInt(ot)))) && (l.value = !1));
+            w <= a && (r.value[n] = w, w++, w <= a ? setTimeout(N, nt) : (n === y.length - 1 || y.slice(n + 1).every((st) => isNaN(parseInt(st)))) && (l.value = !1));
           };
           N();
         }, d);
       });
-    }, I = (g) => {
-      const s = r.value[g];
-      if (isNaN(parseInt(s)))
+    }, k = (y) => {
+      const o = r.value[y];
+      if (isNaN(parseInt(o)))
         return {
           transform: "translateY(0)",
           transition: "none"
         };
       const n = parseInt(p.value) || 60;
       return {
-        transform: `translateY(${-parseInt(s) * n}px)`,
+        transform: `translateY(${-parseInt(o) * n}px)`,
         transition: `transform ${i.animationDuration}ms cubic-bezier(0.25, 0.46, 0.45, 0.94)`
       };
-    }, k = y(() => ({
+    }, C = h(() => ({
       width: i.width,
       height: i.height,
       backgroundColor: i.backgroundColor,
@@ -1491,14 +1515,14 @@ const Mt = {
       bottom: i.bottom || void 0,
       zIndex: i.zIndex,
       transform: i.transform || void 0
-    })), A = y(() => ({
+    })), A = h(() => ({
       width: x.value,
       height: p.value,
       overflow: "hidden",
       position: "relative",
       borderRadius: i.digitBorderRadius,
       backgroundColor: i.digitBackgroundColor
-    })), $ = y(() => ({
+    })), $ = h(() => ({
       width: "100%",
       height: p.value,
       color: i.digitColor,
@@ -1518,36 +1542,36 @@ const Mt = {
     }), t({
       restart: f,
       getCurrentValue: () => r.value.join("")
-    }), (g, s) => (o(), u("div", {
+    }), (y, o) => (s(), u("div", {
       class: "h-counter",
-      style: c(k.value)
+      style: c(C.value)
     }, [
-      (o(!0), u(O, null, D(S.value, (n, a) => (o(), u("div", {
+      (s(!0), u(O, null, D(S.value, (n, a) => (s(), u("div", {
         key: a,
         class: "counter-digit",
         style: c(A.value)
       }, [
         z("div", {
           class: "digit-scroll",
-          style: c(I(a))
+          style: c(k(a))
         }, [
-          (o(), u(O, null, D(10, (d) => z("div", {
+          (s(), u(O, null, D(10, (d) => z("div", {
             key: d - 1,
             class: "digit-item",
             style: c($.value)
-          }, C(d - 1), 5)), 64))
+          }, I(d - 1), 5)), 64))
         ], 4)
       ], 4))), 128)),
-      b(g.$slots, "default", {}, void 0, !0)
+      b(y.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Q = /* @__PURE__ */ m(Pt, [["__scopeId", "data-v-fba32a26"]]);
+}), Q = /* @__PURE__ */ m(Vt, [["__scopeId", "data-v-fba32a26"]]);
 Q.install = (e) => {
   e.component(Q.name, Q);
 };
-const Vt = {
+const Yt = {
   name: "hButtonGroup"
-}, Yt = /* @__PURE__ */ Object.assign(Vt, {
+}, Jt = /* @__PURE__ */ Object.assign(Yt, {
   props: {
     width: {
       type: String,
@@ -1607,22 +1631,22 @@ const Vt = {
       columnGap: t.columnGap,
       flexWrap: t.flexWrap
     });
-    return (r, l) => (o(), u("div", {
+    return (r, l) => (s(), u("div", {
       class: "h-button-group",
-      style: c(h(i))
+      style: c(g(i))
     }, [
       b(r.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), X = /* @__PURE__ */ m(Yt, [["__scopeId", "data-v-7bf905ff"]]);
+}), X = /* @__PURE__ */ m(Jt, [["__scopeId", "data-v-7bf905ff"]]);
 X.install = (e) => {
   e.component(X.name, X);
 };
-const Jt = { class: "h-text" }, qt = {
+const qt = { class: "h-text" }, Ut = {
   name: "hText",
   chineseName: "文本",
   description: "用于显示文本内容"
-}, Ut = /* @__PURE__ */ Object.assign(qt, {
+}, Kt = /* @__PURE__ */ Object.assign(Ut, {
   props: {
     text: {
       type: String,
@@ -1639,17 +1663,17 @@ const Jt = { class: "h-text" }, qt = {
   },
   setup(e) {
     let t = e;
-    return (i, r) => (o(), u("span", Jt, C(h(t).text), 1));
+    return (i, r) => (s(), u("span", qt, I(g(t).text), 1));
   }
-}), Z = /* @__PURE__ */ m(Ut, [["__scopeId", "data-v-bc52bf83"]]);
+}), Z = /* @__PURE__ */ m(Kt, [["__scopeId", "data-v-bc52bf83"]]);
 Z.install = (e) => {
   e.component(Z.name, Z);
 };
-const Kt = {
+const Qt = {
   name: "hLayout",
   chineseName: "布局",
   description: "页面布局容器"
-}, Qt = /* @__PURE__ */ Object.assign(Kt, {
+}, Xt = /* @__PURE__ */ Object.assign(Qt, {
   props: {
     width: {
       type: String,
@@ -1677,7 +1701,7 @@ const Kt = {
     }
   },
   setup(e) {
-    let t = e, i = y(() => ({
+    let t = e, i = h(() => ({
       width: t.width,
       height: t.height,
       display: t.display,
@@ -1685,20 +1709,20 @@ const Kt = {
       columnGap: t.columnGap,
       rowGap: t.rowGap
     }));
-    return (r, l) => (o(), u("div", {
+    return (r, l) => (s(), u("div", {
       class: "h-layout",
-      style: c(h(i))
+      style: c(g(i))
     }, [
       b(r.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), tt = /* @__PURE__ */ m(Qt, [["__scopeId", "data-v-957ea318"]]);
+}), tt = /* @__PURE__ */ m(Xt, [["__scopeId", "data-v-957ea318"]]);
 tt.install = (e) => {
   e.component(tt.name, tt);
 };
-const Xt = {
+const Zt = {
   name: "hFlex"
-}, Zt = /* @__PURE__ */ Object.assign(Xt, {
+}, te = /* @__PURE__ */ Object.assign(Zt, {
   props: {
     width: {
       type: String,
@@ -1734,7 +1758,7 @@ const Xt = {
     }
   },
   setup(e) {
-    let t = e, i = y(() => ({
+    let t = e, i = h(() => ({
       display: t.display,
       width: t.width,
       height: t.height,
@@ -1744,24 +1768,24 @@ const Xt = {
       flexDirection: t.flexDirection,
       flexWrap: t.flexWrap
     }));
-    return (r, l) => (o(), u("div", {
+    return (r, l) => (s(), u("div", {
       class: "h-flex",
-      style: c(h(i))
+      style: c(g(i))
     }, [
       b(r.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), et = /* @__PURE__ */ m(Zt, [["__scopeId", "data-v-c8c463ea"]]);
+}), et = /* @__PURE__ */ m(te, [["__scopeId", "data-v-c8c463ea"]]);
 et.install = (e) => {
   e.component(et.name, et);
 };
-const te = (e) => {
+const ee = (e) => {
   e.use(T), e.use(W), e.use(tt), e.use(B), e.use(F), e.use(H), e.use(L), e.use(E), e.use(R), e.use(M), e.use(P), e.use(V), e.use(Y), e.use(J), e.use(q), e.use(U), e.use(K), e.use(Q), e.use(X), e.use(Z), e.use(et);
-}, ne = {
-  install: te
+}, ae = {
+  install: ee
 };
 export {
-  ne as default,
+  ae as default,
   M as hBottom,
   U as hButton,
   X as hButtonGroup,

package/dist/hamster-charts.umd.cjs

@@ -1 +1 @@
-(function(f,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("echarts"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","echarts","@vueuse/core"],t):(f=typeof globalThis<"u"?globalThis:f||self,t(f.HamsterCharts={},f.Vue,f.echarts,f.VueUse))})(this,function(f,t,U,P){"use strict";function K(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const a in n)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(n,a);Object.defineProperty(e,a,l.get?l:{enumerable:!0,get:()=>n[a]})}}return e.default=n,Object.freeze(e)}const J=K(U),y=(n,e)=>{const a=n.__vccOpts||n;for(const[l,o]of e)a[l]=o;return a},$=y(Object.assign({name:"hPanel",chineseName:"面板",description:"页面主体容器"},{props:{url:{type:String,default:""},position:{type:String,default:"relative",validator:n=>["static","relative","absolute","fixed","sticky"].includes(n)}},setup(n){let e=n,a=t.computed(()=>({position:e.position,backgroundImage:e.url?`url(${e.url})`:"none"}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-panel",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-474190fc"]]);$.install=n=>{n.component($.name,$)};const w=y(Object.assign({name:"hHeader",chineseName:"标题",description:"页面标题容器"},{props:{url:{type:String,default:""},width:{type:String,default:"100%"},height:{type:String,default:"70px"},text:{type:String,default:"测试标题"},fontSize:{type:String,default:"26px"},color:{type:String,default:"#fff"},showText:{type:Boolean,default:!0},textPosition:{type:String,default:"absolute",validator:n=>["static","relative","absolute","fixed","sticky"].includes(n)},textTop:{type:String,default:"50%"},textLeft:{type:String,default:"50%"},textTransform:{type:String,default:"translate(-50%, -50%)"}},setup(n){let e=n,a=t.computed(()=>({width:e.width,height:e.height,backgroundImage:`url( ${e.url})`})),l=t.computed(()=>({color:e.color,fontSize:e.fontSize,position:e.textPosition,top:e.textTop,left:e.textLeft,transform:e.textTransform}));return(o,g)=>(t.openBlock(),t.createElementBlock("div",{class:"h-header",style:t.normalizeStyle(t.unref(a))},[t.unref(e).showText?(t.openBlock(),t.createElementBlock("span",{key:0,style:t.normalizeStyle(t.unref(l))},t.toDisplayString(t.unref(e).text),5)):t.createCommentVNode("",!0),t.renderSlot(o.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-b83cf769"]]);w.install=n=>{n.component(w.name,w)};const B=y(Object.assign({name:"hMain",chineseName:"主内容区",description:"页面主内容工作区"},{props:{height:{type:String,default:"200px"},display:{type:String,default:"flex"},columnGap:{type:String,default:"auto"},rowGap:{type:String,default:"auto"},padding:{type:String,default:"auto"}},setup(n){let e=n,a=t.computed(()=>({height:e.height!=="auto"||e.height!=="0"?`calc(100% - ${e.height})`:e.height,display:e.display,columnGap:e.columnGap,rowGap:e.rowGap,padding:e.padding}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-main",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-1025786b"]]);B.install=n=>{n.component(B.name,B)};const z=y(Object.assign({name:"hChart"},{props:{height:{type:String,default:"auto"},showChart:{type:Boolean,default:!0},chartsh:{type:String,default:"auto"},url:{type:String,default:""},flex:{type:Number,default:.3},chartsOption:{type:Object,required:!0}},emits:["chart-ready","chart-update","chart-resize","chart-click","chart-dblclick","chart-mouseover","chart-mouseout"],setup(n,{expose:e,emit:a}){const l=a,o=n,g=t.computed(()=>({backgroundImage:o.url?`url(${o.url})`:"none",flex:o.flex,height:o.height})),h=t.computed(()=>({height:o.chartsh!=="auto"&&o.chartsh!=="0"?`calc(100% - ${o.chartsh})`:o.chartsh})),d=t.ref(null);let p=null;const b=P.useDebounceFn(()=>{p&&(p.resize(),l("chart-resize",{instance:p}))},100),k=()=>{if(!p)return;["click","dblclick","mouseover","mouseout"].forEach(i=>{p.on(i,c=>{l(`chart-${i}`,c)})})},x=()=>{p&&(["click","dblclick","mouseover","mouseout"].forEach(i=>{p.off(i)}),p.dispose(),p=null)},S=()=>{if(x(),!!d.value)try{const r=u(o.chartsOption);p=J.init(d.value),p.setOption(r,{notMerge:!0}),k(),l("chart-ready",{instance:p,dom:d.value})}catch(r){console.error("ECharts initialization failed:",r)}},u=r=>{if(!r||typeof r!="object")return{series:[]};const i=JSON.parse(JSON.stringify(r));return i.series?Array.isArray(i.series)||(i.series=[i.series]):i.series=[],i.series=i.series.map(c=>{if(!c||typeof c!="object")return{type:"line"};const m={type:"line",...c,type:c.type||"line"};return m.type==="pie"&&m.data&&(m.data=m.data.map(_=>typeof _=="object"&&_!==null?{type:"line",..._,type:_.type||"line"}:_)),m}),i.xAxis?Array.isArray(i.xAxis)?i.xAxis=i.xAxis.map(c=>!c||typeof c!="object"?{type:"category"}:{type:"category",...c,type:c.type||"category"}):typeof i.xAxis=="object"?i.xAxis={type:"category",...i.xAxis,type:i.xAxis.type||"category"}:i.xAxis={type:"category"}:i.xAxis={type:"category"},i.yAxis?Array.isArray(i.yAxis)?i.yAxis=i.yAxis.map(c=>!c||typeof c!="object"?{type:"value"}:{type:"value",...c,type:c.type||"value"}):typeof i.yAxis=="object"?i.yAxis={type:"value",...i.yAxis,type:i.yAxis.type||"value"}:i.yAxis={type:"value"}:i.yAxis={type:"value"},i.legend&&(typeof i.legend=="object"&&!Array.isArray(i.legend)||Array.isArray(i.legend)&&(i.legend={data:i.legend})),i},s=()=>{b()};return t.onMounted(()=>{setTimeout(()=>{S()},0),window.addEventListener("resize",s),P.useResizeObserver(d,r=>{b()})}),t.onBeforeUnmount(()=>{window.removeEventListener("resize",s),x()}),t.watch(()=>o.chartsOption,(r,i)=>{if(r)try{const c=u(r);if(!p){S();return}p.setOption(c,{notMerge:!0}),l("chart-update",{instance:p,option:c})}catch(c){console.error("更新图表配置时出错:",c),console.error("  错误堆栈:",c.stack)}},{deep:!0}),t.watch(()=>o.showChart,r=>{p&&setTimeout(()=>{p.resize()},0)}),e({getInstance:()=>p,resize:()=>b(),dispatchAction:r=>p==null?void 0:p.dispatchAction(r),dispose:x}),(r,i)=>(t.openBlock(),t.createElementBlock("div",{class:"h-chart",style:t.normalizeStyle(g.value)},[t.renderSlot(r.$slots,"default",{},void 0,!0),t.withDirectives(t.createElementVNode("div",{class:"chart",ref_key:"charts",ref:d,style:t.normalizeStyle(h.value)},null,4),[[t.vShow,o.showChart]])],4))}}),[["__scopeId","data-v-ad5727b9"]]);z.install=n=>{n.component(z.name,z)};const A=y(Object.assign({name:"hLeft"},{props:{width:{type:String,default:"25%"},display:{type:String,default:"flex"},flexDirection:{type:String,default:"column"},columnGap:{type:String,default:"auto"},rowGap:{type:String,default:"auto"}},setup(n){let e=n,a=t.computed(()=>({width:e.width,display:e.display,flexDirection:e.flexDirection,columnGap:e.columnGap,rowGap:e.rowGap}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-left",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-65e91535"]]);A.install=n=>{n.component(A.name,A)};const I=y(Object.assign({name:"hRight"},{props:{width:{type:String,default:"25%"},display:{type:String,default:"flex"},flexDirection:{type:String,default:"column"},columnGap:{type:String,default:"auto"},rowGap:{type:String,default:"auto"}},setup(n){let e=n,a=t.computed(()=>({width:e.width,display:e.display,flexDirection:e.flexDirection,columnGap:e.columnGap,rowGap:e.rowGap}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-right",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-e897c957"]]);I.install=n=>{n.component(I.name,I)};const C=y(Object.assign({name:"hCenter"},{props:{width:{type:String,default:"50%"},height:{type:String,default:"100%"},display:{type:String,default:"block"},flexDirection:{type:String,default:"column"},columnGap:{type:String,default:"auto"},rowGap:{type:String,default:"auto"}},setup(n){let e=n,a=t.computed(()=>({width:e.width,height:e.height,display:e.display,flexDirection:e.flexDirection,columnGap:e.columnGap,rowGap:e.rowGap}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-center",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-73b498de"]]);C.install=n=>{n.component(C.name,C)};const E=y(Object.assign({name:"hTop"},{props:{height:{type:String,default:"70%"},display:{type:String,default:"block"},position:{type:String,default:"relative"}},setup(n){let e=n,a=t.computed(()=>({height:e.height,display:e.display,position:e.position}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-top",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-54014ba4"]]);E.install=n=>{n.component(E.name,E)};const G=y(Object.assign({name:"hBottom"},{props:{height:{type:String,default:"30%"},display:{type:String,default:"flex"},gap:{type:String,default:"auto"},rowGap:{type:String,default:"auto"},columnGap:{type:String,default:"auto"}},setup(n){let e=n,a=t.computed(()=>({height:e.height,display:e.display,gap:e.gap,rowGap:e.rowGap,columnGap:e.columnGap}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-bottom",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-086bec2a"]]);G.install=n=>{n.component(G.name,G)};const j=y(Object.assign({name:"hChartTitle"},{props:{fontSize:{type:String,default:"16px"},url:{type:String,default:""},height:{type:String,default:"50px"},paddingLeft:{type:String,default:"auto"},paddingRight:{type:String,default:"auto"},paddingTop:{type:String,default:"auto"},paddingBottom:{type:String,default:"auto"}},setup(n){let e=n,a=t.computed(()=>({height:e.height,backgroundImage:`url(${e.url})`,fontSize:e.fontSize,paddingLeft:e.paddingLeft,paddingRight:e.paddingRight,paddingTop:e.paddingTop,paddingBottom:e.paddingBottom}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-chart-title",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"title",{},void 0,!0),t.renderSlot(l.$slots,"content",{},void 0,!0)],4))}}),[["__scopeId","data-v-36cebf9b"]]);j.install=n=>{n.component(j.name,j)};const O=y(Object.assign({name:"hItemChart",chineseName:"独立图表",description:"独立的 ECharts 图表容器组件，适用于大屏数据可视化展示"},{props:{height:{type:String,default:"200px"},url:{type:String,default:""},chartsOption:{type:Object,required:!0}},emits:["chart-ready","chart-update","chart-resize","chart-click","chart-dblclick","chart-mouseover","chart-mouseout"],setup(n,{expose:e,emit:a}){const l=a,o=n,g=t.computed(()=>({backgroundImage:o.url?`url(${o.url})`:"none",height:o.height})),h=t.ref(null);let d=null;const p=P.useDebounceFn(()=>{d&&(d.resize(),l("chart-resize",{instance:d}))},100),b=()=>{if(!d)return;["click","dblclick","mouseover","mouseout"].forEach(r=>{d.on(r,i=>{l(`chart-${r}`,i)})})},k=()=>{d&&(["click","dblclick","mouseover","mouseout"].forEach(r=>{d.off(r)}),d.dispose(),d=null)},x=()=>{if(k(),!!h.value)try{const s=S(o.chartsOption);d=J.init(h.value),d.setOption(s,{notMerge:!0}),b(),l("chart-ready",{instance:d,dom:h.value})}catch(s){console.error("ECharts initialization failed:",s)}},S=s=>{if(!s||typeof s!="object")return{series:[]};const r=JSON.parse(JSON.stringify(s));return r.series?Array.isArray(r.series)||(r.series=[r.series]):r.series=[],r.series=r.series.map(i=>{if(!i||typeof i!="object")return{type:"line"};const c={type:"line",...i,type:i.type||"line"};return c.type==="pie"&&c.data&&(c.data=c.data.map(m=>typeof m=="object"&&m!==null?{value:m.value||0,name:m.name||""}:m)),c}),r.xAxis?Array.isArray(r.xAxis)?r.xAxis=r.xAxis.map(i=>!i||typeof i!="object"?{type:"category"}:{type:"category",...i,type:i.type||"category"}):typeof r.xAxis=="object"?r.xAxis={type:"category",...r.xAxis,type:r.xAxis.type||"category"}:r.xAxis={type:"category"}:r.xAxis={type:"category"},r.yAxis?Array.isArray(r.yAxis)?r.yAxis=r.yAxis.map(i=>!i||typeof i!="object"?{type:"value"}:{type:"value",...i,type:i.type||"value"}):typeof r.yAxis=="object"?r.yAxis={type:"value",...r.yAxis,type:r.yAxis.type||"value"}:r.yAxis={type:"value"}:r.yAxis={type:"value"},r.legend&&(typeof r.legend=="object"&&!Array.isArray(r.legend)||Array.isArray(r.legend)&&(r.legend={data:r.legend})),r},u=()=>{p()};return t.onMounted(()=>{setTimeout(()=>{x()},0),window.addEventListener("resize",u),P.useResizeObserver(h,s=>{p()})}),t.onBeforeUnmount(()=>{window.removeEventListener("resize",u),k()}),t.watch(()=>o.chartsOption,s=>{if(s)try{if(!d){x();return}const r=S(s);d.setOption(r,{notMerge:!0}),l("chart-update",{instance:d,option:r})}catch(r){console.error("更新图表配置时出错:",r)}},{deep:!0}),e({getInstance:()=>d,resize:()=>p(),dispatchAction:s=>d==null?void 0:d.dispatchAction(s),dispose:k}),(s,r)=>(t.openBlock(),t.createElementBlock("div",{class:"h-item-chart",ref_key:"itemCharts",ref:h,style:t.normalizeStyle(g.value)},null,4))}}),[["__scopeId","data-v-7c5da244"]]);O.install=n=>{n.component(O.name,O)};const D=y(Object.assign({name:"hList",chineseName:"滚动列表",description:"支持自动滚动的数据列表组件，适用于大屏数据展示"},{props:{width:{type:String,default:"100%"},height:{type:String,default:"100%"},backgroundColor:{type:String,default:"transparent"},data:{type:Array,default:()=>[]},header:{type:Array,default:()=>[]},showHeader:{type:Boolean,default:!1},enableScroll:{type:Boolean,default:!0},headerHeight:{type:String,default:"40px"},headerBackground:{type:String,default:"rgba(255, 255, 255, 0.1)"},scrollDuration:{type:Number,default:2e3},scrollSpeed:{type:Number,default:500},highlightStyle:{type:Object,default:()=>({background:"rgba(0, 102, 255, 0.3)",color:"#fff",boxShadow:"0 0 10px rgba(0, 102, 255, 0.5)"})}},setup(n,{expose:e}){const a=n,l=t.ref(0),o=t.ref(null),g=t.ref(0),h=t.ref([]),d=t.ref(null),p=t.computed(()=>({width:a.width,height:a.height,backgroundColor:a.backgroundColor,position:"relative",overflow:"hidden"})),b=t.computed(()=>({height:a.headerHeight,display:"flex",alignItems:"center",background:a.headerBackground,position:"absolute",top:0,left:0,zIndex:10,width:"100%"})),k=t.computed(()=>({transform:`translateY(-${l.value*g.value}px)`,transition:`transform ${a.scrollSpeed}ms ease-in-out`,marginTop:a.showHeader?a.headerHeight:"0"})),x=i=>i===o.value?a.highlightStyle:{};t.watch(l,i=>{if(a.data.length>0){const c=i%a.data.length;o.value=c}});let S=null;const u=()=>{!a.enableScroll||a.data.length===0||(clearInterval(S),S=setInterval(()=>{l.value=(l.value+1)%a.data.length},a.scrollDuration))},s=()=>{S&&(clearInterval(S),S=null)},r=()=>{h.value&&h.value[0]&&(g.value=h.value[0].offsetHeight||40)};return t.onMounted(()=>{r(),u(),window.addEventListener("resize",r)}),t.onBeforeUnmount(()=>{s(),window.removeEventListener("resize",r)}),t.watch(()=>a.data,i=>{i.length>0?(l.value=0,o.value=null,setTimeout(()=>{r(),u()},100)):s()},{deep:!0}),t.watch(()=>a.enableScroll,i=>{i?u():(s(),l.value=0)}),e({startScroll:u,stopScroll:s,getCurrentIndex:()=>l.value,scrollTo:i=>{i>=0&&i<a.data.length&&(l.value=i)}}),(i,c)=>(t.openBlock(),t.createElementBlock("div",{class:"h-list",style:t.normalizeStyle(p.value)},[n.showHeader?(t.openBlock(),t.createElementBlock("div",{key:0,class:"list-header",style:t.normalizeStyle(b.value)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.header,(m,_)=>(t.openBlock(),t.createElementBlock("p",{key:_,class:"header-item"},t.toDisplayString(m),1))),128))],4)):t.createCommentVNode("",!0),n.enableScroll?(t.openBlock(),t.createElementBlock("div",{key:1,class:"scroll-wrapper",style:t.normalizeStyle(k.value)},[t.createElementVNode("div",{class:"data-list",ref_key:"listContainer",ref:d},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.data,(m,_)=>(t.openBlock(),t.createElementBlock("div",{key:_,class:"data-list-item",style:t.normalizeStyle(x(_)),ref_for:!0,ref_key:"listItems",ref:h},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m,(Y,q)=>(t.openBlock(),t.createElementBlock("p",{key:q,class:"data-item-cell"},t.toDisplayString(Y),1))),128))],4))),128))],512)],4)):t.createCommentVNode("",!0)],4))}}),[["__scopeId","data-v-937cc59c"]]);D.install=n=>{n.component(D.name,D)};const N=y(Object.assign({name:"hView"},{props:{height:{type:String,default:"200px"},width:{type:String,default:"100%"},display:{type:String,default:"block"},flexDirection:{type:String,default:"column"},rowGap:{type:String,default:"0"},columnGap:{type:String,default:"0"},flex:{type:String,default:"0.2"}},setup(n){let e=n,a=t.computed(()=>({width:e.width,height:e.height,display:e.display,flexDirection:e.flexDirection,rowGap:e.rowGap,columnGap:e.columnGap,flex:e.flex}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-view",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-1c58f2d8"]]);N.install=n=>{n.component(N.name,N)};const T=y(Object.assign({name:"hDataLabel"},{props:{url:{type:String,default:""},num:{type:Number,default:12345},text:{type:String,default:"测试"},someText:{type:String,default:"测试"},show:{type:Boolean,default:!0},width:{type:String,default:"230px"},height:{type:String,default:"54px"},position:{type:String,default:"absolute"},left:{type:String,default:"0"},right:{type:String,default:""},top:{type:String,default:"0"},bottom:{type:String,default:""},zIndex:{type:String,default:"1"},display:{type:String,default:""},border:{type:String,default:"none"},display:{type:String,default:"flex"},flexDirection:{type:String,default:"column"},justifyContent:{type:String,default:"center"},alignItems:{type:String,default:"center"},color:{type:String,default:"#fff"},numFontSize:{type:String,default:"20px"},numFontWeight:{type:String,default:"600"},numColor:{type:String,default:"#fff"},textFontSize:{type:String,default:"10px"},textFontWeight:{type:String,default:""},textColor:{type:String,default:"#fff"},titlelineHeight:{type:String,default:""},titletextAlign:{type:String,default:""},titleFontSize:{type:String,default:"10px"},titleFontWeight:{type:String,default:""},titleColor:{type:String,default:"#fff"},titleShow:{type:Boolean,default:!1}},setup(n){let e=n,a=t.ref({width:e.width,height:e.height,position:e.position,left:e.left,right:e.right,top:e.top,bottom:e.bottom,zIndex:e.zIndex,display:e.display,border:e.border,backgroundImage:`url(${e.url})`,flexDirection:e.flexDirection,justifyContent:e.justifyContent,alignItems:e.alignItems,color:e.color}),l=t.ref({fontSize:e.numFontSize,fontWeight:e.numFontWeight,color:e.numColor}),o=t.ref({fontSize:e.textFontSize,fontWeight:e.textFontWeight,color:e.textColor}),g=t.ref({fontSize:e.titleFontSize,fontWeight:e.titleFontWeight,color:e.titleColor,lineHeight:e.titlelineHeight,textAlign:e.titletextAlign});return(h,d)=>(t.openBlock(),t.createElementBlock("div",{class:"h-data-label",style:t.normalizeStyle(t.unref(a))},[n.show?(t.openBlock(),t.createElementBlock("span",{key:0,class:"h-data-label-num",style:t.normalizeStyle(t.unref(l))},t.toDisplayString(n.num),5)):t.createCommentVNode("",!0),n.show?(t.openBlock(),t.createElementBlock("span",{key:1,class:"h-data-label-text",style:t.normalizeStyle(t.unref(o))},t.toDisplayString(n.text),5)):t.createCommentVNode("",!0),n.titleShow?(t.openBlock(),t.createElementBlock("span",{key:2,class:"h-data-label-title",style:t.normalizeStyle(t.unref(g))},t.toDisplayString(n.someText),5)):t.createCommentVNode("",!0)],4))}}),[["__scopeId","data-v-f0ce86db"]]);T.install=n=>{n.component(T.name,T)};const F=y(Object.assign({name:"hButton"},{props:{url:{type:String,default:""},padding:{type:String,default:"5px 15px"},margin:{type:String,default:""},width:{type:String,default:""},height:{type:String,default:""},fontSize:{type:String,default:""},fontWeight:{type:Number,default:400},color:{type:String,default:""},text:{type:String,default:"测试按钮"}},setup(n){let e=n,a=t.ref({width:e.width,height:e.height,padding:e.padding,margin:e.margin,border:e.border,backgroundImage:`url(${e.url})`,fontSize:e.fontSize,fontWeight:e.fontWeight,color:e.color});return(l,o)=>(t.openBlock(),t.createElementBlock("button",{class:"h-button",style:t.normalizeStyle(t.unref(a))},t.toDisplayString(t.unref(e).text),5))}}),[["__scopeId","data-v-0a183c56"]]);F.install=n=>{n.component(F.name,F)};const L=y(Object.assign({name:"hGrid"},{props:{width:{type:String,default:"100%"},height:{type:String,default:"100%"},gridWidth:{type:String,default:"1fr"},gridHeight:{type:String,default:"1fr"},display:{type:String,default:"grid"},gridTemplateColumns:{type:String,default:"3"},gridTemplateRows:{type:String,default:"2"},iwidth:{type:String,default:""},iheight:{type:String,default:""},idisplay:{type:String,default:"flex"}},setup(n){let e=n,a=t.ref({width:e.width,height:e.height,display:e.display,gridTemplateColumns:`repeat(${e.gridTemplateColumns}, ${e.gridWidth})`,gridTemplateRows:`repeat(${e.gridTemplateRows}, ${e.gridHeight})`}),l=t.ref({width:e.iwidth,height:e.iheight,display:e.idisplay});return(o,g)=>(t.openBlock(),t.createElementBlock("div",{class:"h-grid",style:t.normalizeStyle(t.unref(a))},[(t.openBlock(),t.createElementBlock(t.Fragment,null,t.renderList(6,h=>t.createElementVNode("div",{key:h,class:"h-grid-item",style:t.normalizeStyle(t.unref(l))},g[0]||(g[0]=[t.createElementVNode("div",{class:"h-grid-item-left"},[t.createElementVNode("img",{src:"",alt:""})],-1),t.createElementVNode("div",{class:"h-grid-item-right"},null,-1)]),4)),64)),t.renderSlot(o.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-34e7422b"]]);L.install=n=>{n.component(L.name,L)};const W=y(Object.assign({name:"hCounter",chineseName:"数字计数器",description:"支持老虎机滚动动画的数字计数器组件，每个数字位独立从0滚动到目标值"},{props:{data:{type:[Number,String],default:123456},width:{type:String,default:"auto"},height:{type:String,default:"auto"},backgroundColor:{type:String,default:"transparent"},backgroundImage:{type:String,default:""},display:{type:String,default:"flex"},justifyContent:{type:String,default:"center"},alignItems:{type:String,default:"center"},gap:{type:String,default:"5px"},position:{type:String,default:"relative",validator:n=>["static","relative","absolute","fixed","sticky"].includes(n)},left:{type:String,default:""},right:{type:String,default:""},top:{type:String,default:""},bottom:{type:String,default:""},zIndex:{type:Number,default:1},digitWidth:{type:String,default:""},digitHeight:{type:String,default:""},digitBackgroundImage:{type:String,default:""},digitColor:{type:String,default:"#fff"},digitFontSize:{type:String,default:"32px"},digitFontWeight:{type:String,default:"bold"},digitBackgroundColor:{type:String,default:"transparent"},digitBorderRadius:{type:String,default:"4px"},showSeparator:{type:Boolean,default:!1},separator:{type:String,default:","},decimalPlaces:{type:Number,default:-1},prefix:{type:String,default:""},suffix:{type:String,default:""},enableAnimation:{type:Boolean,default:!0},animationDuration:{type:Number,default:2e3},digitDelay:{type:Number,default:100},transform:{type:String,default:"none"}},setup(n,{expose:e}){const a=n,l=t.ref([]),o=t.ref(!1),g=t.computed(()=>{let u=a.data;a.decimalPlaces>=0&&typeof u=="number"&&(u=u.toFixed(a.decimalPlaces));let s=String(u);if(a.showSeparator&&typeof a.data=="number"){const r=s.split(".");r[0]=r[0].replace(/\B(?=(\d{3})+(?!\d))/g,a.separator),s=r.join(".")}return a.prefix&&(s=a.prefix+s),a.suffix&&(s=s+a.suffix),s.split("")}),h=t.computed(()=>a.digitWidth?a.digitWidth:`${(parseInt(a.digitFontSize)||32)*1.2}px`),d=t.computed(()=>a.digitHeight?a.digitHeight:`${(parseInt(a.digitFontSize)||32)*1.5}px`),p=()=>{if(!a.enableAnimation){l.value=g.value.map(()=>0);return}o.value=!0,l.value=g.value.map(()=>0);const u=g.value;u.forEach((s,r)=>{if(isNaN(parseInt(s))){l.value[r]=s;return}const i=parseInt(s),c=r*a.digitDelay,m=a.animationDuration;setTimeout(()=>{let _=0;const Y=m/(i+1),q=()=>{_<=i&&(l.value[r]=_,_++,_<=i?setTimeout(q,Y):(r===u.length-1||u.slice(r+1).every(Z=>isNaN(parseInt(Z))))&&(o.value=!1))};q()},c)})},b=u=>{const s=l.value[u];if(isNaN(parseInt(s)))return{transform:"translateY(0)",transition:"none"};const r=parseInt(d.value)||60;return{transform:`translateY(${-parseInt(s)*r}px)`,transition:`transform ${a.animationDuration}ms cubic-bezier(0.25, 0.46, 0.45, 0.94)`}},k=t.computed(()=>({width:a.width,height:a.height,backgroundColor:a.backgroundColor,backgroundImage:a.backgroundImage?`url(${a.backgroundImage})`:"none",display:a.display,justifyContent:a.justifyContent,alignItems:a.alignItems,gap:a.gap,position:a.position,left:a.left||void 0,right:a.right||void 0,top:a.top||void 0,bottom:a.bottom||void 0,zIndex:a.zIndex,transform:a.transform||void 0})),x=t.computed(()=>({width:h.value,height:d.value,overflow:"hidden",position:"relative",borderRadius:a.digitBorderRadius,backgroundColor:a.digitBackgroundColor})),S=t.computed(()=>({width:"100%",height:d.value,color:a.digitColor,fontSize:a.digitFontSize,fontWeight:a.digitFontWeight,display:"flex",justifyContent:"center",alignItems:"center",textAlign:"center",flexShrink:0,lineHeight:"1"}));return t.watch(()=>a.data,()=>{p()}),t.onMounted(()=>{p()}),e({restart:p,getCurrentValue:()=>l.value.join("")}),(u,s)=>(t.openBlock(),t.createElementBlock("div",{class:"h-counter",style:t.normalizeStyle(k.value)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(g.value,(r,i)=>(t.openBlock(),t.createElementBlock("div",{key:i,class:"counter-digit",style:t.normalizeStyle(x.value)},[t.createElementVNode("div",{class:"digit-scroll",style:t.normalizeStyle(b(i))},[(t.openBlock(),t.createElementBlock(t.Fragment,null,t.renderList(10,c=>t.createElementVNode("div",{key:c-1,class:"digit-item",style:t.normalizeStyle(S.value)},t.toDisplayString(c-1),5)),64))],4)],4))),128)),t.renderSlot(u.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-fba32a26"]]);W.install=n=>{n.component(W.name,W)};const H=y(Object.assign({name:"hButtonGroup"},{props:{width:{type:String,default:""},height:{type:String,default:""},rowGap:{type:String,default:"5px"},columnGap:{type:String,default:"5px"},position:{type:String,default:"relative"},left:{type:String,default:""},right:{type:String,default:""},top:{type:String,default:""},bottom:{type:String,default:""},display:{type:String,default:"flex"},flexWrap:{type:String,default:"nowrap"}},setup(n){let e=n,a=t.ref({position:e.position,left:e.left,right:e.right,top:e.top,bottom:e.bottom,display:e.display,gap:e.gap,rowGap:e.rowGap,columnGap:e.columnGap,flexWrap:e.flexWrap});return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-button-group",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-7bf905ff"]]);H.install=n=>{n.component(H.name,H)};const Q={class:"h-text"},V=y(Object.assign({name:"hText",chineseName:"文本",description:"用于显示文本内容"},{props:{text:{type:String,default:"测试文字"},fontSize:{type:String,default:"16px"},color:{type:String,default:"#fff"}},setup(n){let e=n;return(a,l)=>(t.openBlock(),t.createElementBlock("span",Q,t.toDisplayString(t.unref(e).text),1))}}),[["__scopeId","data-v-bc52bf83"]]);V.install=n=>{n.component(V.name,V)};const R=y(Object.assign({name:"hLayout",chineseName:"布局",description:"页面布局容器"},{props:{width:{type:String,default:"25%"},height:{type:String,default:"100%"},display:{type:String,default:"flex"},flexDirection:{type:String,default:"column"},columnGap:{type:String,default:"auto"},rowGap:{type:String,default:"auto"}},setup(n){let e=n,a=t.computed(()=>({width:e.width,height:e.height,display:e.display,flexDirection:e.flexDirection,columnGap:e.columnGap,rowGap:e.rowGap}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-layout",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-957ea318"]]);R.install=n=>{n.component(R.name,R)};const M=y(Object.assign({name:"hFlex"},{props:{width:{type:String,default:"100%"},height:{type:String,default:"100px"},url:{type:String,default:""},display:{type:String,default:"flex"},flexDirection:{type:String,default:""},flexWrap:{type:String,default:"wrap"},rowGap:{type:String,default:"0"},columnGap:{type:String,default:"0"}},setup(n){let e=n,a=t.computed(()=>({display:e.display,width:e.width,height:e.height,backgroundImage:e.url?`url(${e.url})`:"none",rowGap:e.rowGap,columnGap:e.columnGap,flexDirection:e.flexDirection,flexWrap:e.flexWrap}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-flex",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-c8c463ea"]]);M.install=n=>{n.component(M.name,M)};const X={install:n=>{n.use($),n.use(w),n.use(R),n.use(B),n.use(z),n.use(A),n.use(I),n.use(C),n.use(E),n.use(G),n.use(j),n.use(O),n.use(D),n.use(N),n.use(T),n.use(F),n.use(L),n.use(W),n.use(H),n.use(V),n.use(M)}};f.default=X,f.hBottom=G,f.hButton=F,f.hButtonGroup=H,f.hCenter=C,f.hChart=z,f.hChartTitle=j,f.hCounter=W,f.hDataLabel=T,f.hFlex=M,f.hGrid=L,f.hHeader=w,f.hItemChart=O,f.hLayout=R,f.hLeft=A,f.hList=D,f.hMain=B,f.hPanel=$,f.hRight=I,f.hText=V,f.hTop=E,f.hView=N,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(f,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("echarts"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","echarts","@vueuse/core"],t):(f=typeof globalThis<"u"?globalThis:f||self,t(f.HamsterCharts={},f.Vue,f.echarts,f.VueUse))})(this,function(f,t,U,P){"use strict";function K(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const a in n)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(n,a);Object.defineProperty(e,a,l.get?l:{enumerable:!0,get:()=>n[a]})}}return e.default=n,Object.freeze(e)}const J=K(U),y=(n,e)=>{const a=n.__vccOpts||n;for(const[l,o]of e)a[l]=o;return a},$=y(Object.assign({name:"hPanel",chineseName:"面板",description:"页面主体容器"},{props:{url:{type:String,default:""},position:{type:String,default:"relative",validator:n=>["static","relative","absolute","fixed","sticky"].includes(n)}},setup(n){let e=n,a=t.computed(()=>({position:e.position,backgroundImage:e.url?`url(${e.url})`:"none"}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-panel",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-474190fc"]]);$.install=n=>{n.component($.name,$)};const w=y(Object.assign({name:"hHeader",chineseName:"标题",description:"页面标题容器"},{props:{url:{type:String,default:""},width:{type:String,default:"100%"},height:{type:String,default:"70px"},text:{type:String,default:"测试标题"},fontSize:{type:String,default:"26px"},color:{type:String,default:"#fff"},showText:{type:Boolean,default:!0},textPosition:{type:String,default:"absolute",validator:n=>["static","relative","absolute","fixed","sticky"].includes(n)},textTop:{type:String,default:"50%"},textLeft:{type:String,default:"50%"},textTransform:{type:String,default:"translate(-50%, -50%)"}},setup(n){let e=n,a=t.computed(()=>({width:e.width,height:e.height,backgroundImage:`url( ${e.url})`})),l=t.computed(()=>({color:e.color,fontSize:e.fontSize,position:e.textPosition,top:e.textTop,left:e.textLeft,transform:e.textTransform}));return(o,g)=>(t.openBlock(),t.createElementBlock("div",{class:"h-header",style:t.normalizeStyle(t.unref(a))},[t.unref(e).showText?(t.openBlock(),t.createElementBlock("span",{key:0,style:t.normalizeStyle(t.unref(l))},t.toDisplayString(t.unref(e).text),5)):t.createCommentVNode("",!0),t.renderSlot(o.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-b83cf769"]]);w.install=n=>{n.component(w.name,w)};const B=y(Object.assign({name:"hMain",chineseName:"主内容区",description:"页面主内容工作区"},{props:{height:{type:String,default:"200px"},display:{type:String,default:"flex"},columnGap:{type:String,default:"auto"},rowGap:{type:String,default:"auto"},padding:{type:String,default:"auto"}},setup(n){let e=n,a=t.computed(()=>({height:e.height!=="auto"||e.height!=="0"?`calc(100% - ${e.height})`:e.height,display:e.display,columnGap:e.columnGap,rowGap:e.rowGap,padding:e.padding}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-main",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-1025786b"]]);B.install=n=>{n.component(B.name,B)};const z=y(Object.assign({name:"hChart"},{props:{height:{type:String,default:"auto"},showChart:{type:Boolean,default:!0},chartsh:{type:String,default:"auto"},url:{type:String,default:""},flex:{type:Number,default:.3},chartsOption:{type:Object,required:!0}},emits:["chart-ready","chart-update","chart-resize","chart-click","chart-dblclick","chart-mouseover","chart-mouseout"],setup(n,{expose:e,emit:a}){const l=a,o=n,g=t.computed(()=>({backgroundImage:o.url?`url(${o.url})`:"none",flex:o.flex,height:o.height})),h=t.computed(()=>({height:o.chartsh!=="auto"&&o.chartsh!=="0"?`calc(100% - ${o.chartsh})`:o.chartsh})),d=t.ref(null);let p=null;const b=P.useDebounceFn(()=>{p&&(p.resize(),l("chart-resize",{instance:p}))},100),k=()=>{if(!p)return;["click","dblclick","mouseover","mouseout"].forEach(i=>{p.on(i,c=>{l(`chart-${i}`,c)})})},x=()=>{p&&(["click","dblclick","mouseover","mouseout"].forEach(i=>{p.off(i)}),p.dispose(),p=null)},S=()=>{if(x(),!!d.value)try{const r=u(o.chartsOption);p=J.init(d.value),p.setOption(r,{notMerge:!0}),k(),l("chart-ready",{instance:p,dom:d.value})}catch(r){console.error("ECharts initialization failed:",r)}},u=r=>{if(!r||typeof r!="object")return{series:[]};const i=JSON.parse(JSON.stringify(r));return i.series?Array.isArray(i.series)||(i.series=[i.series]):i.series=[],i.series=i.series.map(c=>{if(!c||typeof c!="object")return{type:"line"};const m={type:"line",...c,type:c.type||"line"};return m.type==="pie"&&m.data&&(m.data=m.data.map(_=>typeof _=="object"&&_!==null?{type:"line",..._,type:_.type||"line"}:_)),m}),i.xAxis?Array.isArray(i.xAxis)?i.xAxis=i.xAxis.map(c=>!c||typeof c!="object"?{type:"category"}:{type:"category",...c,type:c.type||"category"}):typeof i.xAxis=="object"?i.xAxis={type:"category",...i.xAxis,type:i.xAxis.type||"category"}:i.xAxis={type:"category"}:i.xAxis={type:"category"},i.yAxis?Array.isArray(i.yAxis)?i.yAxis=i.yAxis.map(c=>!c||typeof c!="object"?{type:"value"}:{type:"value",...c,type:c.type||"value"}):typeof i.yAxis=="object"?i.yAxis={type:"value",...i.yAxis,type:i.yAxis.type||"value"}:i.yAxis={type:"value"}:i.yAxis={type:"value"},i.legend&&(typeof i.legend=="object"&&!Array.isArray(i.legend)||Array.isArray(i.legend)&&(i.legend={data:i.legend})),i},s=()=>{b()};return t.onMounted(()=>{setTimeout(()=>{S()},0),window.addEventListener("resize",s),P.useResizeObserver(d,r=>{b()})}),t.onBeforeUnmount(()=>{window.removeEventListener("resize",s),x()}),t.watch(()=>o.chartsOption,(r,i)=>{if(r)try{const c=u(r);if(!p){S();return}p.setOption(c,{notMerge:!0}),l("chart-update",{instance:p,option:c})}catch(c){console.error("更新图表配置时出错:",c),console.error("  错误堆栈:",c.stack)}},{deep:!0}),t.watch(()=>o.showChart,r=>{p&&setTimeout(()=>{p.resize()},0)}),e({getInstance:()=>p,resize:()=>b(),dispatchAction:r=>p==null?void 0:p.dispatchAction(r),dispose:x}),(r,i)=>(t.openBlock(),t.createElementBlock("div",{class:"h-chart",style:t.normalizeStyle(g.value)},[t.renderSlot(r.$slots,"default",{},void 0,!0),t.withDirectives(t.createElementVNode("div",{class:"chart",ref_key:"charts",ref:d,style:t.normalizeStyle(h.value)},null,4),[[t.vShow,o.showChart]])],4))}}),[["__scopeId","data-v-ad5727b9"]]);z.install=n=>{n.component(z.name,z)};const A=y(Object.assign({name:"hLeft"},{props:{width:{type:String,default:"25%"},display:{type:String,default:"flex"},flexDirection:{type:String,default:"column"},columnGap:{type:String,default:"auto"},rowGap:{type:String,default:"auto"}},setup(n){let e=n,a=t.computed(()=>({width:e.width,display:e.display,flexDirection:e.flexDirection,columnGap:e.columnGap,rowGap:e.rowGap}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-left",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-65e91535"]]);A.install=n=>{n.component(A.name,A)};const I=y(Object.assign({name:"hRight"},{props:{width:{type:String,default:"25%"},display:{type:String,default:"flex"},flexDirection:{type:String,default:"column"},columnGap:{type:String,default:"auto"},rowGap:{type:String,default:"auto"}},setup(n){let e=n,a=t.computed(()=>({width:e.width,display:e.display,flexDirection:e.flexDirection,columnGap:e.columnGap,rowGap:e.rowGap}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-right",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-e897c957"]]);I.install=n=>{n.component(I.name,I)};const C=y(Object.assign({name:"hCenter"},{props:{width:{type:String,default:"50%"},height:{type:String,default:"100%"},display:{type:String,default:"block"},flexDirection:{type:String,default:"column"},columnGap:{type:String,default:"auto"},rowGap:{type:String,default:"auto"}},setup(n){let e=n,a=t.computed(()=>({width:e.width,height:e.height,display:e.display,flexDirection:e.flexDirection,columnGap:e.columnGap,rowGap:e.rowGap}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-center",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-73b498de"]]);C.install=n=>{n.component(C.name,C)};const E=y(Object.assign({name:"hTop"},{props:{height:{type:String,default:"70%"},display:{type:String,default:"block"},position:{type:String,default:"relative"}},setup(n){let e=n,a=t.computed(()=>({height:e.height,display:e.display,position:e.position}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-top",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-54014ba4"]]);E.install=n=>{n.component(E.name,E)};const G=y(Object.assign({name:"hBottom"},{props:{height:{type:String,default:"30%"},display:{type:String,default:"flex"},gap:{type:String,default:"auto"},rowGap:{type:String,default:"auto"},columnGap:{type:String,default:"auto"}},setup(n){let e=n,a=t.computed(()=>({height:e.height,display:e.display,gap:e.gap,rowGap:e.rowGap,columnGap:e.columnGap}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-bottom",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-086bec2a"]]);G.install=n=>{n.component(G.name,G)};const Q={class:"def-text"},j=y(Object.assign({name:"hChartTitle"},{props:{fontSize:{type:String,default:"16px"},url:{type:String,default:""},height:{type:String,default:"50px"},paddingLeft:{type:String,default:"auto"},paddingRight:{type:String,default:"auto"},paddingTop:{type:String,default:"auto"},paddingBottom:{type:String,default:"auto"},color:{type:String,default:"#fff"},text:{type:String,default:"测试标题"}},setup(n){let e=n,a=t.computed(()=>({height:e.height,backgroundImage:`url(${e.url})`,fontSize:e.fontSize,paddingLeft:e.paddingLeft,paddingRight:e.paddingRight,paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,color:e.color}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-chart-title",style:t.normalizeStyle(t.unref(a))},[t.createElementVNode("span",Q,t.toDisplayString(t.unref(e).text),1),t.renderSlot(l.$slots,"diy",{},void 0,!0)],4))}}),[["__scopeId","data-v-5c9b16aa"]]);j.install=n=>{n.component(j.name,j)};const O=y(Object.assign({name:"hItemChart",chineseName:"独立图表",description:"独立的 ECharts 图表容器组件，适用于大屏数据可视化展示"},{props:{height:{type:String,default:"200px"},url:{type:String,default:""},chartsOption:{type:Object,required:!0}},emits:["chart-ready","chart-update","chart-resize","chart-click","chart-dblclick","chart-mouseover","chart-mouseout"],setup(n,{expose:e,emit:a}){const l=a,o=n,g=t.computed(()=>({backgroundImage:o.url?`url(${o.url})`:"none",height:o.height})),h=t.ref(null);let d=null;const p=P.useDebounceFn(()=>{d&&(d.resize(),l("chart-resize",{instance:d}))},100),b=()=>{if(!d)return;["click","dblclick","mouseover","mouseout"].forEach(r=>{d.on(r,i=>{l(`chart-${r}`,i)})})},k=()=>{d&&(["click","dblclick","mouseover","mouseout"].forEach(r=>{d.off(r)}),d.dispose(),d=null)},x=()=>{if(k(),!!h.value)try{const s=S(o.chartsOption);d=J.init(h.value),d.setOption(s,{notMerge:!0}),b(),l("chart-ready",{instance:d,dom:h.value})}catch(s){console.error("ECharts initialization failed:",s)}},S=s=>{if(!s||typeof s!="object")return{series:[]};const r=JSON.parse(JSON.stringify(s));return r.series?Array.isArray(r.series)||(r.series=[r.series]):r.series=[],r.series=r.series.map(i=>{if(!i||typeof i!="object")return{type:"line"};const c={type:"line",...i,type:i.type||"line"};return c.type==="pie"&&c.data&&(c.data=c.data.map(m=>typeof m=="object"&&m!==null?{value:m.value||0,name:m.name||""}:m)),c}),r.xAxis?Array.isArray(r.xAxis)?r.xAxis=r.xAxis.map(i=>!i||typeof i!="object"?{type:"category"}:{type:"category",...i,type:i.type||"category"}):typeof r.xAxis=="object"?r.xAxis={type:"category",...r.xAxis,type:r.xAxis.type||"category"}:r.xAxis={type:"category"}:r.xAxis={type:"category"},r.yAxis?Array.isArray(r.yAxis)?r.yAxis=r.yAxis.map(i=>!i||typeof i!="object"?{type:"value"}:{type:"value",...i,type:i.type||"value"}):typeof r.yAxis=="object"?r.yAxis={type:"value",...r.yAxis,type:r.yAxis.type||"value"}:r.yAxis={type:"value"}:r.yAxis={type:"value"},r.legend&&(typeof r.legend=="object"&&!Array.isArray(r.legend)||Array.isArray(r.legend)&&(r.legend={data:r.legend})),r},u=()=>{p()};return t.onMounted(()=>{setTimeout(()=>{x()},0),window.addEventListener("resize",u),P.useResizeObserver(h,s=>{p()})}),t.onBeforeUnmount(()=>{window.removeEventListener("resize",u),k()}),t.watch(()=>o.chartsOption,s=>{if(s)try{if(!d){x();return}const r=S(s);d.setOption(r,{notMerge:!0}),l("chart-update",{instance:d,option:r})}catch(r){console.error("更新图表配置时出错:",r)}},{deep:!0}),e({getInstance:()=>d,resize:()=>p(),dispatchAction:s=>d==null?void 0:d.dispatchAction(s),dispose:k}),(s,r)=>(t.openBlock(),t.createElementBlock("div",{class:"h-item-chart",ref_key:"itemCharts",ref:h,style:t.normalizeStyle(g.value)},null,4))}}),[["__scopeId","data-v-7c5da244"]]);O.install=n=>{n.component(O.name,O)};const D=y(Object.assign({name:"hList",chineseName:"滚动列表",description:"支持自动滚动的数据列表组件，适用于大屏数据展示"},{props:{width:{type:String,default:"100%"},height:{type:String,default:"100%"},backgroundColor:{type:String,default:"transparent"},data:{type:Array,default:()=>[]},header:{type:Array,default:()=>[]},showHeader:{type:Boolean,default:!1},enableScroll:{type:Boolean,default:!0},headerHeight:{type:String,default:"40px"},headerBackground:{type:String,default:"rgba(255, 255, 255, 0.1)"},scrollDuration:{type:Number,default:2e3},scrollSpeed:{type:Number,default:500},highlightStyle:{type:Object,default:()=>({background:"rgba(0, 102, 255, 0.3)",color:"#fff",boxShadow:"0 0 10px rgba(0, 102, 255, 0.5)"})}},setup(n,{expose:e}){const a=n,l=t.ref(0),o=t.ref(null),g=t.ref(0),h=t.ref([]),d=t.ref(null),p=t.computed(()=>({width:a.width,height:a.height,backgroundColor:a.backgroundColor,position:"relative",overflow:"hidden"})),b=t.computed(()=>({height:a.headerHeight,display:"flex",alignItems:"center",background:a.headerBackground,position:"absolute",top:0,left:0,zIndex:10,width:"100%"})),k=t.computed(()=>({transform:`translateY(-${l.value*g.value}px)`,transition:`transform ${a.scrollSpeed}ms ease-in-out`,marginTop:a.showHeader?a.headerHeight:"0"})),x=i=>i===o.value?a.highlightStyle:{};t.watch(l,i=>{if(a.data.length>0){const c=i%a.data.length;o.value=c}});let S=null;const u=()=>{!a.enableScroll||a.data.length===0||(clearInterval(S),S=setInterval(()=>{l.value=(l.value+1)%a.data.length},a.scrollDuration))},s=()=>{S&&(clearInterval(S),S=null)},r=()=>{h.value&&h.value[0]&&(g.value=h.value[0].offsetHeight||40)};return t.onMounted(()=>{r(),u(),window.addEventListener("resize",r)}),t.onBeforeUnmount(()=>{s(),window.removeEventListener("resize",r)}),t.watch(()=>a.data,i=>{i.length>0?(l.value=0,o.value=null,setTimeout(()=>{r(),u()},100)):s()},{deep:!0}),t.watch(()=>a.enableScroll,i=>{i?u():(s(),l.value=0)}),e({startScroll:u,stopScroll:s,getCurrentIndex:()=>l.value,scrollTo:i=>{i>=0&&i<a.data.length&&(l.value=i)}}),(i,c)=>(t.openBlock(),t.createElementBlock("div",{class:"h-list",style:t.normalizeStyle(p.value)},[n.showHeader?(t.openBlock(),t.createElementBlock("div",{key:0,class:"list-header",style:t.normalizeStyle(b.value)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.header,(m,_)=>(t.openBlock(),t.createElementBlock("p",{key:_,class:"header-item"},t.toDisplayString(m),1))),128))],4)):t.createCommentVNode("",!0),n.enableScroll?(t.openBlock(),t.createElementBlock("div",{key:1,class:"scroll-wrapper",style:t.normalizeStyle(k.value)},[t.createElementVNode("div",{class:"data-list",ref_key:"listContainer",ref:d},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.data,(m,_)=>(t.openBlock(),t.createElementBlock("div",{key:_,class:"data-list-item",style:t.normalizeStyle(x(_)),ref_for:!0,ref_key:"listItems",ref:h},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m,(Y,q)=>(t.openBlock(),t.createElementBlock("p",{key:q,class:"data-item-cell"},t.toDisplayString(Y),1))),128))],4))),128))],512)],4)):t.createCommentVNode("",!0)],4))}}),[["__scopeId","data-v-937cc59c"]]);D.install=n=>{n.component(D.name,D)};const N=y(Object.assign({name:"hView"},{props:{height:{type:String,default:"200px"},width:{type:String,default:"100%"},display:{type:String,default:"block"},flexDirection:{type:String,default:"column"},rowGap:{type:String,default:"0"},columnGap:{type:String,default:"0"},flex:{type:String,default:"0.2"},position:{type:String,default:"relative"},top:{type:String,default:"auto"},left:{type:String,default:"auto"}},setup(n){let e=n,a=t.computed(()=>({width:e.width,height:e.height,display:e.display,flexDirection:e.flexDirection,rowGap:e.rowGap,columnGap:e.columnGap,flex:e.flex,position:e.position,top:e.top,left:e.left}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-view",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-2b1c3083"]]);N.install=n=>{n.component(N.name,N)};const T=y(Object.assign({name:"hDataLabel"},{props:{url:{type:String,default:""},num:{type:Number,default:12345},text:{type:String,default:"测试"},someText:{type:String,default:"测试"},show:{type:Boolean,default:!0},width:{type:String,default:"230px"},height:{type:String,default:"54px"},position:{type:String,default:"absolute"},left:{type:String,default:"0"},right:{type:String,default:""},top:{type:String,default:"0"},bottom:{type:String,default:""},zIndex:{type:String,default:"1"},display:{type:String,default:""},border:{type:String,default:"none"},display:{type:String,default:"flex"},flexDirection:{type:String,default:"column"},justifyContent:{type:String,default:"center"},alignItems:{type:String,default:"center"},color:{type:String,default:"#fff"},numFontSize:{type:String,default:"20px"},numFontWeight:{type:String,default:"600"},numColor:{type:String,default:"#fff"},textFontSize:{type:String,default:"10px"},textFontWeight:{type:String,default:""},textColor:{type:String,default:"#fff"},titlelineHeight:{type:String,default:""},titletextAlign:{type:String,default:""},titleFontSize:{type:String,default:"10px"},titleFontWeight:{type:String,default:""},titleColor:{type:String,default:"#fff"},titleShow:{type:Boolean,default:!1}},setup(n){let e=n,a=t.ref({width:e.width,height:e.height,position:e.position,left:e.left,right:e.right,top:e.top,bottom:e.bottom,zIndex:e.zIndex,display:e.display,border:e.border,backgroundImage:`url(${e.url})`,flexDirection:e.flexDirection,justifyContent:e.justifyContent,alignItems:e.alignItems,color:e.color}),l=t.ref({fontSize:e.numFontSize,fontWeight:e.numFontWeight,color:e.numColor}),o=t.ref({fontSize:e.textFontSize,fontWeight:e.textFontWeight,color:e.textColor}),g=t.ref({fontSize:e.titleFontSize,fontWeight:e.titleFontWeight,color:e.titleColor,lineHeight:e.titlelineHeight,textAlign:e.titletextAlign});return(h,d)=>(t.openBlock(),t.createElementBlock("div",{class:"h-data-label",style:t.normalizeStyle(t.unref(a))},[n.show?(t.openBlock(),t.createElementBlock("span",{key:0,class:"h-data-label-num",style:t.normalizeStyle(t.unref(l))},t.toDisplayString(n.num),5)):t.createCommentVNode("",!0),n.show?(t.openBlock(),t.createElementBlock("span",{key:1,class:"h-data-label-text",style:t.normalizeStyle(t.unref(o))},t.toDisplayString(n.text),5)):t.createCommentVNode("",!0),n.titleShow?(t.openBlock(),t.createElementBlock("span",{key:2,class:"h-data-label-title",style:t.normalizeStyle(t.unref(g))},t.toDisplayString(n.someText),5)):t.createCommentVNode("",!0)],4))}}),[["__scopeId","data-v-f0ce86db"]]);T.install=n=>{n.component(T.name,T)};const F=y(Object.assign({name:"hButton"},{props:{url:{type:String,default:""},padding:{type:String,default:"5px 15px"},margin:{type:String,default:""},width:{type:String,default:""},height:{type:String,default:""},fontSize:{type:String,default:""},fontWeight:{type:Number,default:400},color:{type:String,default:""},text:{type:String,default:"测试按钮"}},setup(n){let e=n,a=t.ref({width:e.width,height:e.height,padding:e.padding,margin:e.margin,border:e.border,backgroundImage:`url(${e.url})`,fontSize:e.fontSize,fontWeight:e.fontWeight,color:e.color});return(l,o)=>(t.openBlock(),t.createElementBlock("button",{class:"h-button",style:t.normalizeStyle(t.unref(a))},t.toDisplayString(t.unref(e).text),5))}}),[["__scopeId","data-v-0a183c56"]]);F.install=n=>{n.component(F.name,F)};const L=y(Object.assign({name:"hGrid"},{props:{width:{type:String,default:"100%"},height:{type:String,default:"100%"},gridWidth:{type:String,default:"1fr"},gridHeight:{type:String,default:"1fr"},display:{type:String,default:"grid"},gridTemplateColumns:{type:String,default:"3"},gridTemplateRows:{type:String,default:"2"},iwidth:{type:String,default:""},iheight:{type:String,default:""},idisplay:{type:String,default:"flex"}},setup(n){let e=n,a=t.ref({width:e.width,height:e.height,display:e.display,gridTemplateColumns:`repeat(${e.gridTemplateColumns}, ${e.gridWidth})`,gridTemplateRows:`repeat(${e.gridTemplateRows}, ${e.gridHeight})`}),l=t.ref({width:e.iwidth,height:e.iheight,display:e.idisplay});return(o,g)=>(t.openBlock(),t.createElementBlock("div",{class:"h-grid",style:t.normalizeStyle(t.unref(a))},[(t.openBlock(),t.createElementBlock(t.Fragment,null,t.renderList(6,h=>t.createElementVNode("div",{key:h,class:"h-grid-item",style:t.normalizeStyle(t.unref(l))},g[0]||(g[0]=[t.createElementVNode("div",{class:"h-grid-item-left"},[t.createElementVNode("img",{src:"",alt:""})],-1),t.createElementVNode("div",{class:"h-grid-item-right"},null,-1)]),4)),64)),t.renderSlot(o.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-34e7422b"]]);L.install=n=>{n.component(L.name,L)};const W=y(Object.assign({name:"hCounter",chineseName:"数字计数器",description:"支持老虎机滚动动画的数字计数器组件，每个数字位独立从0滚动到目标值"},{props:{data:{type:[Number,String],default:123456},width:{type:String,default:"auto"},height:{type:String,default:"auto"},backgroundColor:{type:String,default:"transparent"},backgroundImage:{type:String,default:""},display:{type:String,default:"flex"},justifyContent:{type:String,default:"center"},alignItems:{type:String,default:"center"},gap:{type:String,default:"5px"},position:{type:String,default:"relative",validator:n=>["static","relative","absolute","fixed","sticky"].includes(n)},left:{type:String,default:""},right:{type:String,default:""},top:{type:String,default:""},bottom:{type:String,default:""},zIndex:{type:Number,default:1},digitWidth:{type:String,default:""},digitHeight:{type:String,default:""},digitBackgroundImage:{type:String,default:""},digitColor:{type:String,default:"#fff"},digitFontSize:{type:String,default:"32px"},digitFontWeight:{type:String,default:"bold"},digitBackgroundColor:{type:String,default:"transparent"},digitBorderRadius:{type:String,default:"4px"},showSeparator:{type:Boolean,default:!1},separator:{type:String,default:","},decimalPlaces:{type:Number,default:-1},prefix:{type:String,default:""},suffix:{type:String,default:""},enableAnimation:{type:Boolean,default:!0},animationDuration:{type:Number,default:2e3},digitDelay:{type:Number,default:100},transform:{type:String,default:"none"}},setup(n,{expose:e}){const a=n,l=t.ref([]),o=t.ref(!1),g=t.computed(()=>{let u=a.data;a.decimalPlaces>=0&&typeof u=="number"&&(u=u.toFixed(a.decimalPlaces));let s=String(u);if(a.showSeparator&&typeof a.data=="number"){const r=s.split(".");r[0]=r[0].replace(/\B(?=(\d{3})+(?!\d))/g,a.separator),s=r.join(".")}return a.prefix&&(s=a.prefix+s),a.suffix&&(s=s+a.suffix),s.split("")}),h=t.computed(()=>a.digitWidth?a.digitWidth:`${(parseInt(a.digitFontSize)||32)*1.2}px`),d=t.computed(()=>a.digitHeight?a.digitHeight:`${(parseInt(a.digitFontSize)||32)*1.5}px`),p=()=>{if(!a.enableAnimation){l.value=g.value.map(()=>0);return}o.value=!0,l.value=g.value.map(()=>0);const u=g.value;u.forEach((s,r)=>{if(isNaN(parseInt(s))){l.value[r]=s;return}const i=parseInt(s),c=r*a.digitDelay,m=a.animationDuration;setTimeout(()=>{let _=0;const Y=m/(i+1),q=()=>{_<=i&&(l.value[r]=_,_++,_<=i?setTimeout(q,Y):(r===u.length-1||u.slice(r+1).every(v=>isNaN(parseInt(v))))&&(o.value=!1))};q()},c)})},b=u=>{const s=l.value[u];if(isNaN(parseInt(s)))return{transform:"translateY(0)",transition:"none"};const r=parseInt(d.value)||60;return{transform:`translateY(${-parseInt(s)*r}px)`,transition:`transform ${a.animationDuration}ms cubic-bezier(0.25, 0.46, 0.45, 0.94)`}},k=t.computed(()=>({width:a.width,height:a.height,backgroundColor:a.backgroundColor,backgroundImage:a.backgroundImage?`url(${a.backgroundImage})`:"none",display:a.display,justifyContent:a.justifyContent,alignItems:a.alignItems,gap:a.gap,position:a.position,left:a.left||void 0,right:a.right||void 0,top:a.top||void 0,bottom:a.bottom||void 0,zIndex:a.zIndex,transform:a.transform||void 0})),x=t.computed(()=>({width:h.value,height:d.value,overflow:"hidden",position:"relative",borderRadius:a.digitBorderRadius,backgroundColor:a.digitBackgroundColor})),S=t.computed(()=>({width:"100%",height:d.value,color:a.digitColor,fontSize:a.digitFontSize,fontWeight:a.digitFontWeight,display:"flex",justifyContent:"center",alignItems:"center",textAlign:"center",flexShrink:0,lineHeight:"1"}));return t.watch(()=>a.data,()=>{p()}),t.onMounted(()=>{p()}),e({restart:p,getCurrentValue:()=>l.value.join("")}),(u,s)=>(t.openBlock(),t.createElementBlock("div",{class:"h-counter",style:t.normalizeStyle(k.value)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(g.value,(r,i)=>(t.openBlock(),t.createElementBlock("div",{key:i,class:"counter-digit",style:t.normalizeStyle(x.value)},[t.createElementVNode("div",{class:"digit-scroll",style:t.normalizeStyle(b(i))},[(t.openBlock(),t.createElementBlock(t.Fragment,null,t.renderList(10,c=>t.createElementVNode("div",{key:c-1,class:"digit-item",style:t.normalizeStyle(S.value)},t.toDisplayString(c-1),5)),64))],4)],4))),128)),t.renderSlot(u.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-fba32a26"]]);W.install=n=>{n.component(W.name,W)};const H=y(Object.assign({name:"hButtonGroup"},{props:{width:{type:String,default:""},height:{type:String,default:""},rowGap:{type:String,default:"5px"},columnGap:{type:String,default:"5px"},position:{type:String,default:"relative"},left:{type:String,default:""},right:{type:String,default:""},top:{type:String,default:""},bottom:{type:String,default:""},display:{type:String,default:"flex"},flexWrap:{type:String,default:"nowrap"}},setup(n){let e=n,a=t.ref({position:e.position,left:e.left,right:e.right,top:e.top,bottom:e.bottom,display:e.display,gap:e.gap,rowGap:e.rowGap,columnGap:e.columnGap,flexWrap:e.flexWrap});return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-button-group",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-7bf905ff"]]);H.install=n=>{n.component(H.name,H)};const X={class:"h-text"},V=y(Object.assign({name:"hText",chineseName:"文本",description:"用于显示文本内容"},{props:{text:{type:String,default:"测试文字"},fontSize:{type:String,default:"16px"},color:{type:String,default:"#fff"}},setup(n){let e=n;return(a,l)=>(t.openBlock(),t.createElementBlock("span",X,t.toDisplayString(t.unref(e).text),1))}}),[["__scopeId","data-v-bc52bf83"]]);V.install=n=>{n.component(V.name,V)};const R=y(Object.assign({name:"hLayout",chineseName:"布局",description:"页面布局容器"},{props:{width:{type:String,default:"25%"},height:{type:String,default:"100%"},display:{type:String,default:"flex"},flexDirection:{type:String,default:"column"},columnGap:{type:String,default:"auto"},rowGap:{type:String,default:"auto"}},setup(n){let e=n,a=t.computed(()=>({width:e.width,height:e.height,display:e.display,flexDirection:e.flexDirection,columnGap:e.columnGap,rowGap:e.rowGap}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-layout",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-957ea318"]]);R.install=n=>{n.component(R.name,R)};const M=y(Object.assign({name:"hFlex"},{props:{width:{type:String,default:"100%"},height:{type:String,default:"100px"},url:{type:String,default:""},display:{type:String,default:"flex"},flexDirection:{type:String,default:""},flexWrap:{type:String,default:"wrap"},rowGap:{type:String,default:"0"},columnGap:{type:String,default:"0"}},setup(n){let e=n,a=t.computed(()=>({display:e.display,width:e.width,height:e.height,backgroundImage:e.url?`url(${e.url})`:"none",rowGap:e.rowGap,columnGap:e.columnGap,flexDirection:e.flexDirection,flexWrap:e.flexWrap}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-flex",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-c8c463ea"]]);M.install=n=>{n.component(M.name,M)};const Z={install:n=>{n.use($),n.use(w),n.use(R),n.use(B),n.use(z),n.use(A),n.use(I),n.use(C),n.use(E),n.use(G),n.use(j),n.use(O),n.use(D),n.use(N),n.use(T),n.use(F),n.use(L),n.use(W),n.use(H),n.use(V),n.use(M)}};f.default=Z,f.hBottom=G,f.hButton=F,f.hButtonGroup=H,f.hCenter=C,f.hChart=z,f.hChartTitle=j,f.hCounter=W,f.hDataLabel=T,f.hFlex=M,f.hGrid=L,f.hHeader=w,f.hItemChart=O,f.hLayout=R,f.hLeft=A,f.hList=D,f.hMain=B,f.hPanel=$,f.hRight=I,f.hText=V,f.hTop=E,f.hView=N,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "hamster-charts",
   "private": false,
-  "version": "0.4.6",
+  "version": "0.4.7",
   "description": "HamsterCharts-更新了-修复了一些东西",
   "type": "module",
   "main": "./dist/hamster-charts.umd.cjs",