hamster-charts 0.4.3 → 0.4.5

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-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-c03db97b]{display:flex;align-items:center}.counter-digit[data-v-c03db97b]{position:relative;overflow:hidden}.digit-scroll[data-v-c03db97b]{display:flex;flex-direction:column;will-change:transform}.digit-item[data-v-c03db97b]{flex-shrink:0}.h-layout[data-v-957ea318]{height:100%}
+.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-490e5736]{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,16 +1,16 @@
-import { computed as y, openBlock as u, createElementBlock as d, normalizeStyle as f, unref as h, renderSlot as b, toDisplayString as C, createCommentVNode as j, ref as x, onMounted as et, onBeforeUnmount as nt, watch as G, withDirectives as ot, createElementVNode as z, vShow as ut, Fragment as O, renderList as D } from "vue";
-import * as at from "echarts";
-import { useDebounceFn as rt, useResizeObserver as lt } from "@vueuse/core";
+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 * as rt from "echarts";
+import { useDebounceFn as lt, useResizeObserver as st } from "@vueuse/core";
 const m = (e, t) => {
   const i = e.__vccOpts || e;
   for (const [r, l] of t)
     i[r] = l;
   return i;
-}, dt = {
+}, pt = {
   name: "hPanel",
   chineseName: "面板",
   description: "页面主体容器"
-}, pt = /* @__PURE__ */ Object.assign(dt, {
+}, ct = /* @__PURE__ */ Object.assign(pt, {
   props: {
     url: {
       type: String,
@@ -27,22 +27,22 @@ const m = (e, t) => {
       position: t.position,
       backgroundImage: t.url ? `url(${t.url})` : "none"
     }));
-    return (r, l) => (u(), d("div", {
+    return (r, l) => (o(), u("div", {
       class: "h-panel",
-      style: f(h(i))
+      style: c(h(i))
     }, [
       b(r.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), T = /* @__PURE__ */ m(pt, [["__scopeId", "data-v-474190fc"]]);
+}), T = /* @__PURE__ */ m(ct, [["__scopeId", "data-v-474190fc"]]);
 T.install = (e) => {
   e.component(T.name, T);
 };
-const ct = {
+const ft = {
   name: "hHeader",
   chineseName: "标题",
   description: "页面标题容器"
-}, ft = /* @__PURE__ */ Object.assign(ct, {
+}, gt = /* @__PURE__ */ Object.assign(ft, {
   props: {
     url: {
       type: String,
@@ -103,26 +103,26 @@ const ct = {
       left: t.textLeft,
       transform: t.textTransform
     }));
-    return (l, S) => (u(), d("div", {
+    return (l, S) => (o(), u("div", {
       class: "h-header",
-      style: f(h(i))
+      style: c(h(i))
     }, [
-      h(t).showText ? (u(), d("span", {
+      h(t).showText ? (o(), u("span", {
         key: 0,
-        style: f(h(r))
+        style: c(h(r))
       }, C(h(t).text), 5)) : j("", !0),
       b(l.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), B = /* @__PURE__ */ m(ft, [["__scopeId", "data-v-b83cf769"]]);
-B.install = (e) => {
-  e.component(B.name, B);
+}), W = /* @__PURE__ */ m(gt, [["__scopeId", "data-v-b83cf769"]]);
+W.install = (e) => {
+  e.component(W.name, W);
 };
-const gt = {
+const yt = {
   name: "hMain",
   chineseName: "主内容区",
   description: "页面主内容工作区"
-}, yt = /* @__PURE__ */ Object.assign(gt, {
+}, ht = /* @__PURE__ */ Object.assign(yt, {
   props: {
     height: {
       type: String,
@@ -153,20 +153,20 @@ const gt = {
       rowGap: t.rowGap,
       padding: t.padding
     }));
-    return (r, l) => (u(), d("div", {
+    return (r, l) => (o(), u("div", {
       class: "h-main",
-      style: f(h(i))
+      style: c(h(i))
     }, [
       b(r.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), W = /* @__PURE__ */ m(yt, [["__scopeId", "data-v-1025786b"]]);
-W.install = (e) => {
-  e.component(W.name, W);
+}), B = /* @__PURE__ */ m(ht, [["__scopeId", "data-v-1025786b"]]);
+B.install = (e) => {
+  e.component(B.name, B);
 };
-const ht = {
+const mt = {
   name: "hChart"
-}, mt = /* @__PURE__ */ Object.assign(ht, {
+}, St = /* @__PURE__ */ Object.assign(mt, {
   props: {
     height: {
       type: String,
@@ -214,29 +214,29 @@ const ht = {
       backgroundImage: l.url ? `url(${l.url})` : "none",
       flex: l.flex,
       height: l.height
-    })), _ = y(() => ({
+    })), x = y(() => ({
       height: l.chartsh !== "auto" && l.chartsh !== "0" ? `calc(100% - ${l.chartsh})` : l.chartsh
-    })), p = x(null);
-    let c = null;
-    const I = rt(() => {
-      c && (c.resize(), r("chart-resize", { instance: c }));
+    })), p = v(null);
+    let f = null;
+    const I = lt(() => {
+      f && (f.resize(), r("chart-resize", { instance: f }));
     }, 100), k = () => {
-      if (!c) return;
+      if (!f) return;
       ["click", "dblclick", "mouseover", "mouseout"].forEach((a) => {
-        c.on(a, (o) => {
-          r(`chart-${a}`, o);
+        f.on(a, (d) => {
+          r(`chart-${a}`, d);
         });
       });
     }, A = () => {
-      c && (["click", "dblclick", "mouseover", "mouseout"].forEach((a) => {
-        c.off(a);
-      }), c.dispose(), c = null);
+      f && (["click", "dblclick", "mouseover", "mouseout"].forEach((a) => {
+        f.off(a);
+      }), f.dispose(), f = null);
     }, $ = () => {
       if (A(), !!p.value)
         try {
           const n = g(l.chartsOption);
-          c = at.init(p.value), c.setOption(n, { notMerge: !0 }), k(), r("chart-ready", {
-            instance: c,
+          f = rt.init(p.value), f.setOption(n, { notMerge: !0 }), k(), r("chart-ready", {
+            instance: f,
             dom: p.value
           });
         } catch (n) {
@@ -246,31 +246,31 @@ const ht = {
       if (!n || typeof n != "object")
         return { series: [] };
       const a = JSON.parse(JSON.stringify(n));
-      return a.series ? Array.isArray(a.series) || (a.series = [a.series]) : a.series = [], a.series = a.series.map((o) => {
-        if (!o || typeof o != "object")
+      return a.series ? Array.isArray(a.series) || (a.series = [a.series]) : a.series = [], a.series = a.series.map((d) => {
+        if (!d || typeof d != "object")
           return { type: "line" };
-        const v = {
+        const _ = {
           type: "line",
-          ...o,
-          type: o.type || "line"
+          ...d,
+          type: d.type || "line"
         };
-        return v.type === "pie" && v.data && (v.data = v.data.map((w) => typeof w == "object" && w !== null ? {
+        return _.type === "pie" && _.data && (_.data = _.data.map((w) => typeof w == "object" && w !== null ? {
           type: "line",
           ...w,
           type: w.type || "line"
-        } : w)), v;
-      }), a.xAxis ? Array.isArray(a.xAxis) ? a.xAxis = a.xAxis.map((o) => !o || typeof o != "object" ? { type: "category" } : {
+        } : w)), _;
+      }), a.xAxis ? Array.isArray(a.xAxis) ? a.xAxis = a.xAxis.map((d) => !d || typeof d != "object" ? { type: "category" } : {
         type: "category",
-        ...o,
-        type: o.type || "category"
+        ...d,
+        type: d.type || "category"
       }) : typeof a.xAxis == "object" ? a.xAxis = {
         type: "category",
         ...a.xAxis,
         type: a.xAxis.type || "category"
-      } : a.xAxis = { type: "category" } : a.xAxis = { type: "category" }, a.yAxis ? Array.isArray(a.yAxis) ? a.yAxis = a.yAxis.map((o) => !o || typeof o != "object" ? { type: "value" } : {
+      } : a.xAxis = { type: "category" } : a.xAxis = { type: "category" }, a.yAxis ? Array.isArray(a.yAxis) ? a.yAxis = a.yAxis.map((d) => !d || typeof d != "object" ? { type: "value" } : {
         type: "value",
-        ...o,
-        type: o.type || "value"
+        ...d,
+        type: d.type || "value"
       }) : typeof a.yAxis == "object" ? a.yAxis = {
         type: "value",
         ...a.yAxis,
@@ -281,60 +281,60 @@ const ht = {
     }, s = () => {
       I();
     };
-    return et(() => {
+    return it(() => {
       setTimeout(() => {
         $();
-      }, 0), window.addEventListener("resize", s), lt(p, (n) => {
+      }, 0), window.addEventListener("resize", s), st(p, (n) => {
         I();
       });
-    }), nt(() => {
+    }), at(() => {
       window.removeEventListener("resize", s), A();
     }), G(() => l.chartsOption, (n, a) => {
       if (n)
         try {
-          const o = g(n);
-          if (!c) {
+          const d = g(n);
+          if (!f) {
             $();
             return;
           }
-          c.setOption(o, { notMerge: !0 }), r("chart-update", {
-            instance: c,
-            option: o
+          f.setOption(d, { notMerge: !0 }), r("chart-update", {
+            instance: f,
+            option: d
           });
-        } catch (o) {
-          console.error("更新图表配置时出错:", o), console.error("  错误堆栈:", o.stack);
+        } catch (d) {
+          console.error("更新图表配置时出错:", d), console.error("  错误堆栈:", d.stack);
         }
     }, { deep: !0 }), G(() => l.showChart, (n) => {
-      c && setTimeout(() => {
-        c.resize();
+      f && setTimeout(() => {
+        f.resize();
       }, 0);
     }), t({
-      getInstance: () => c,
+      getInstance: () => f,
       resize: () => I(),
-      dispatchAction: (n) => c == null ? void 0 : c.dispatchAction(n),
+      dispatchAction: (n) => f == null ? void 0 : f.dispatchAction(n),
       dispose: A
-    }), (n, a) => (u(), d("div", {
+    }), (n, a) => (o(), u("div", {
       class: "h-chart",
-      style: f(S.value)
+      style: c(S.value)
     }, [
       b(n.$slots, "default", {}, void 0, !0),
-      ot(z("div", {
+      ut(z("div", {
         class: "chart",
         ref_key: "charts",
         ref: p,
-        style: f(_.value)
+        style: c(x.value)
       }, null, 4), [
-        [ut, l.showChart]
+        [dt, l.showChart]
       ])
     ], 4));
   }
-}), H = /* @__PURE__ */ m(mt, [["__scopeId", "data-v-ad5727b9"]]);
-H.install = (e) => {
-  e.component(H.name, H);
+}), F = /* @__PURE__ */ m(St, [["__scopeId", "data-v-ad5727b9"]]);
+F.install = (e) => {
+  e.component(F.name, F);
 };
-const St = {
+const xt = {
   name: "hLeft"
-}, _t = /* @__PURE__ */ Object.assign(St, {
+}, _t = /* @__PURE__ */ Object.assign(xt, {
   props: {
     width: {
       type: String,
@@ -365,20 +365,20 @@ const St = {
       columnGap: t.columnGap,
       rowGap: t.rowGap
     }));
-    return (r, l) => (u(), d("div", {
+    return (r, l) => (o(), u("div", {
       class: "h-left",
-      style: f(h(i))
+      style: c(h(i))
     }, [
       b(r.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), F = /* @__PURE__ */ m(_t, [["__scopeId", "data-v-65e91535"]]);
-F.install = (e) => {
-  e.component(F.name, F);
+}), H = /* @__PURE__ */ m(_t, [["__scopeId", "data-v-65e91535"]]);
+H.install = (e) => {
+  e.component(H.name, H);
 };
 const vt = {
   name: "hRight"
-}, xt = /* @__PURE__ */ Object.assign(vt, {
+}, bt = /* @__PURE__ */ Object.assign(vt, {
   props: {
     width: {
       type: String,
@@ -409,20 +409,20 @@ const vt = {
       columnGap: t.columnGap,
       rowGap: t.rowGap
     }));
-    return (r, l) => (u(), d("div", {
+    return (r, l) => (o(), u("div", {
       class: "h-right",
-      style: f(h(i))
+      style: c(h(i))
     }, [
       b(r.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), L = /* @__PURE__ */ m(xt, [["__scopeId", "data-v-e897c957"]]);
+}), L = /* @__PURE__ */ m(bt, [["__scopeId", "data-v-e897c957"]]);
 L.install = (e) => {
   e.component(L.name, L);
 };
-const bt = {
+const wt = {
   name: "hCenter"
-}, wt = /* @__PURE__ */ Object.assign(bt, {
+}, $t = /* @__PURE__ */ Object.assign(wt, {
   props: {
     width: {
       type: String,
@@ -458,20 +458,20 @@ const bt = {
       columnGap: t.columnGap,
       rowGap: t.rowGap
     }));
-    return (r, l) => (u(), d("div", {
+    return (r, l) => (o(), u("div", {
       class: "h-center",
-      style: f(h(i))
+      style: c(h(i))
     }, [
       b(r.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), E = /* @__PURE__ */ m(wt, [["__scopeId", "data-v-73b498de"]]);
+}), E = /* @__PURE__ */ m($t, [["__scopeId", "data-v-73b498de"]]);
 E.install = (e) => {
   e.component(E.name, E);
 };
-const $t = {
+const At = {
   name: "hTop"
-}, At = /* @__PURE__ */ Object.assign($t, {
+}, It = /* @__PURE__ */ Object.assign(At, {
   props: {
     height: {
       type: String,
@@ -492,20 +492,20 @@ const $t = {
       display: t.display,
       position: t.position
     }));
-    return (r, l) => (u(), d("div", {
+    return (r, l) => (o(), u("div", {
       class: "h-top",
-      style: f(h(i))
+      style: c(h(i))
     }, [
       b(r.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), R = /* @__PURE__ */ m(At, [["__scopeId", "data-v-54014ba4"]]);
+}), R = /* @__PURE__ */ m(It, [["__scopeId", "data-v-54014ba4"]]);
 R.install = (e) => {
   e.component(R.name, R);
 };
-const It = {
+const kt = {
   name: "hBottom"
-}, kt = /* @__PURE__ */ Object.assign(It, {
+}, Ct = /* @__PURE__ */ Object.assign(kt, {
   props: {
     height: {
       type: String,
@@ -536,20 +536,20 @@ const It = {
       rowGap: t.rowGap,
       columnGap: t.columnGap
     }));
-    return (r, l) => (u(), d("div", {
+    return (r, l) => (o(), u("div", {
       class: "h-bottom",
-      style: f(h(i))
+      style: c(h(i))
     }, [
       b(r.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), M = /* @__PURE__ */ m(kt, [["__scopeId", "data-v-086bec2a"]]);
+}), M = /* @__PURE__ */ m(Ct, [["__scopeId", "data-v-086bec2a"]]);
 M.install = (e) => {
   e.component(M.name, M);
 };
-const Ct = {
+const zt = {
   name: "hChartTitle"
-}, zt = /* @__PURE__ */ Object.assign(Ct, {
+}, Gt = /* @__PURE__ */ Object.assign(zt, {
   props: {
     fontSize: {
       type: String,
@@ -590,23 +590,23 @@ const Ct = {
       paddingTop: t.paddingTop,
       paddingBottom: t.paddingBottom
     }));
-    return (r, l) => (u(), d("div", {
+    return (r, l) => (o(), u("div", {
       class: "h-chart-title",
-      style: f(h(i))
+      style: c(h(i))
     }, [
       b(r.$slots, "title", {}, void 0, !0),
       b(r.$slots, "content", {}, void 0, !0)
     ], 4));
   }
-}), P = /* @__PURE__ */ m(zt, [["__scopeId", "data-v-36cebf9b"]]);
+}), P = /* @__PURE__ */ m(Gt, [["__scopeId", "data-v-36cebf9b"]]);
 P.install = (e) => {
   e.component(P.name, P);
 };
-const Gt = {
+const jt = {
   name: "hItemChart",
   chineseName: "独立图表",
   description: "独立的 ECharts 图表容器组件，适用于大屏数据可视化展示"
-}, jt = /* @__PURE__ */ Object.assign(Gt, {
+}, Ot = /* @__PURE__ */ Object.assign(jt, {
   props: {
     height: {
       type: String,
@@ -634,9 +634,9 @@ const Gt = {
     const r = i, l = e, S = y(() => ({
       backgroundImage: l.url ? `url(${l.url})` : "none",
       height: l.height
-    })), _ = x(null);
+    })), x = v(null);
     let p = null;
-    const c = rt(() => {
+    const f = lt(() => {
       p && (p.resize(), r("chart-resize", { instance: p }));
     }, 100), I = () => {
       if (!p) return;
@@ -650,12 +650,12 @@ const Gt = {
         p.off(n);
       }), p.dispose(), p = null);
     }, A = () => {
-      if (k(), !!_.value)
+      if (k(), !!x.value)
         try {
           const s = $(l.chartsOption);
-          p = at.init(_.value), p.setOption(s, { notMerge: !0 }), I(), r("chart-ready", {
+          p = rt.init(x.value), p.setOption(s, { notMerge: !0 }), I(), r("chart-ready", {
             instance: p,
-            dom: _.value
+            dom: x.value
           });
         } catch (s) {
           console.error("ECharts initialization failed:", s);
@@ -667,15 +667,15 @@ const Gt = {
       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" };
-        const o = {
+        const d = {
           type: "line",
           ...a,
           type: a.type || "line"
         };
-        return o.type === "pie" && o.data && (o.data = o.data.map((v) => typeof v == "object" && v !== null ? {
-          value: v.value || 0,
-          name: v.name || ""
-        } : v)), o;
+        return d.type === "pie" && d.data && (d.data = d.data.map((_) => typeof _ == "object" && _ !== null ? {
+          value: _.value || 0,
+          name: _.name || ""
+        } : _)), d;
       }), n.xAxis ? Array.isArray(n.xAxis) ? n.xAxis = n.xAxis.map((a) => !a || typeof a != "object" ? { type: "category" } : {
         type: "category",
         ...a,
@@ -696,15 +696,15 @@ const Gt = {
         data: n.legend
       })), n;
     }, g = () => {
-      c();
+      f();
     };
-    return et(() => {
+    return it(() => {
       setTimeout(() => {
         A();
-      }, 0), window.addEventListener("resize", g), lt(_, (s) => {
-        c();
+      }, 0), window.addEventListener("resize", g), st(x, (s) => {
+        f();
       });
-    }), nt(() => {
+    }), at(() => {
       window.removeEventListener("resize", g), k();
     }), G(() => l.chartsOption, (s) => {
       if (s)
@@ -723,25 +723,25 @@ const Gt = {
         }
     }, { deep: !0 }), t({
       getInstance: () => p,
-      resize: () => c(),
+      resize: () => f(),
       dispatchAction: (s) => p == null ? void 0 : p.dispatchAction(s),
       dispose: k
-    }), (s, n) => (u(), d("div", {
+    }), (s, n) => (o(), u("div", {
       class: "h-item-chart",
       ref_key: "itemCharts",
-      ref: _,
-      style: f(S.value)
+      ref: x,
+      style: c(S.value)
     }, null, 4));
   }
-}), Y = /* @__PURE__ */ m(jt, [["__scopeId", "data-v-7c5da244"]]);
-Y.install = (e) => {
-  e.component(Y.name, Y);
+}), V = /* @__PURE__ */ m(Ot, [["__scopeId", "data-v-7c5da244"]]);
+V.install = (e) => {
+  e.component(V.name, V);
 };
-const Ot = {
+const Dt = {
   name: "hList",
   chineseName: "滚动列表",
   description: "支持自动滚动的数据列表组件，适用于大屏数据展示"
-}, Dt = /* @__PURE__ */ Object.assign(Ot, {
+}, Nt = /* @__PURE__ */ Object.assign(Dt, {
   props: {
     // 容器样式
     width: {
@@ -803,7 +803,7 @@ const Ot = {
     }
   },
   setup(e, { expose: t }) {
-    const i = e, r = x(0), l = x(null), S = x(0), _ = x([]), p = x(null), c = y(() => ({
+    const i = e, r = v(0), l = v(null), S = v(0), x = v([]), p = v(null), f = y(() => ({
       width: i.width,
       height: i.height,
       backgroundColor: i.backgroundColor,
@@ -826,8 +826,8 @@ const Ot = {
     })), A = (a) => a === l.value ? i.highlightStyle : {};
     G(r, (a) => {
       if (i.data.length > 0) {
-        const o = a % i.data.length;
-        l.value = o;
+        const d = a % i.data.length;
+        l.value = d;
       }
     });
     let $ = null;
@@ -838,11 +838,11 @@ const Ot = {
     }, s = () => {
       $ && (clearInterval($), $ = null);
     }, n = () => {
-      _.value && _.value[0] && (S.value = _.value[0].offsetHeight || 40);
+      x.value && x.value[0] && (S.value = x.value[0].offsetHeight || 40);
     };
-    return et(() => {
+    return it(() => {
       n(), g(), window.addEventListener("resize", n);
-    }), nt(() => {
+    }), at(() => {
       s(), window.removeEventListener("resize", n);
     }), G(() => i.data, (a) => {
       a.length > 0 ? (r.value = 0, l.value = null, setTimeout(() => {
@@ -857,58 +857,62 @@ const Ot = {
       scrollTo: (a) => {
         a >= 0 && a < i.data.length && (r.value = a);
       }
-    }), (a, o) => (u(), d("div", {
+    }), (a, d) => (o(), u("div", {
       class: "h-list",
-      style: f(c.value)
+      style: c(f.value)
     }, [
-      e.showHeader ? (u(), d("div", {
+      e.showHeader ? (o(), u("div", {
         key: 0,
         class: "list-header",
-        style: f(I.value)
+        style: c(I.value)
       }, [
-        (u(!0), d(O, null, D(e.header, (v, w) => (u(), d("p", {
+        (o(!0), u(O, null, D(e.header, (_, w) => (o(), u("p", {
           key: w,
           class: "header-item"
-        }, C(v), 1))), 128))
+        }, C(_), 1))), 128))
       ], 4)) : j("", !0),
-      e.enableScroll ? (u(), d("div", {
+      e.enableScroll ? (o(), u("div", {
         key: 1,
         class: "scroll-wrapper",
-        style: f(k.value)
+        style: c(k.value)
       }, [
         z("div", {
           class: "data-list",
           ref_key: "listContainer",
           ref: p
         }, [
-          (u(!0), d(O, null, D(e.data, (v, w) => (u(), d("div", {
+          (o(!0), u(O, null, D(e.data, (_, w) => (o(), u("div", {
             key: w,
             class: "data-list-item",
-            style: f(A(w)),
+            style: c(A(w)),
             ref_for: !0,
             ref_key: "listItems",
-            ref: _
+            ref: x
           }, [
-            (u(!0), d(O, null, D(v, (it, N) => (u(), d("p", {
+            (o(!0), u(O, null, D(_, (nt, N) => (o(), u("p", {
               key: N,
               class: "data-item-cell"
-            }, C(it), 1))), 128))
+            }, C(nt), 1))), 128))
           ], 4))), 128))
         ], 512)
       ], 4)) : j("", !0)
     ], 4));
   }
-}), J = /* @__PURE__ */ m(Dt, [["__scopeId", "data-v-937cc59c"]]);
-J.install = (e) => {
-  e.component(J.name, J);
+}), Y = /* @__PURE__ */ m(Nt, [["__scopeId", "data-v-937cc59c"]]);
+Y.install = (e) => {
+  e.component(Y.name, Y);
 };
-const Nt = {
-  name: "hDiy"
-}, Tt = /* @__PURE__ */ Object.assign(Nt, {
+const Tt = {
+  name: "hView"
+}, Wt = /* @__PURE__ */ Object.assign(Tt, {
   props: {
     height: {
       type: String,
-      default: "200px"
+      default: "100%"
+    },
+    width: {
+      type: String,
+      default: "50px"
     },
     display: {
       type: String,
@@ -925,30 +929,36 @@ const Nt = {
     columnGap: {
       type: String,
       default: "0"
+    },
+    flex: {
+      type: String,
+      default: "0.2"
     }
   },
   setup(e) {
     let t = e, i = y(() => ({
+      width: t.width,
       height: t.height,
       display: t.display,
       flexDirection: t.flexDirection,
       rowGap: t.rowGap,
-      columnGap: t.columnGap
+      columnGap: t.columnGap,
+      flex: t.flex
     }));
-    return (r, l) => (u(), d("div", {
-      class: "h-diy",
-      style: f(h(i))
+    return (r, l) => (o(), u("div", {
+      class: "h-view",
+      style: c(h(i))
     }, [
       b(r.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), V = /* @__PURE__ */ m(Tt, [["__scopeId", "data-v-18c6061f"]]);
-V.install = (e) => {
-  e.component(V.name, V);
+}), J = /* @__PURE__ */ m(Wt, [["__scopeId", "data-v-490e5736"]]);
+J.install = (e) => {
+  e.component(J.name, J);
 };
 const Bt = {
   name: "hDataLabel"
-}, Wt = /* @__PURE__ */ Object.assign(Bt, {
+}, Ft = /* @__PURE__ */ Object.assign(Bt, {
   props: {
     url: {
       type: String,
@@ -1080,7 +1090,7 @@ const Bt = {
     }
   },
   setup(e) {
-    let t = e, i = x({
+    let t = e, i = v({
       width: t.width,
       height: t.height,
       position: t.position,
@@ -1096,49 +1106,49 @@ const Bt = {
       justifyContent: t.justifyContent,
       alignItems: t.alignItems,
       color: t.color
-    }), r = x({
+    }), r = v({
       fontSize: t.numFontSize,
       fontWeight: t.numFontWeight,
       color: t.numColor
-    }), l = x({
+    }), l = v({
       fontSize: t.textFontSize,
       fontWeight: t.textFontWeight,
       color: t.textColor
-    }), S = x({
+    }), S = v({
       fontSize: t.titleFontSize,
       fontWeight: t.titleFontWeight,
       color: t.titleColor,
       lineHeight: t.titlelineHeight,
       textAlign: t.titletextAlign
     });
-    return (_, p) => (u(), d("div", {
+    return (x, p) => (o(), u("div", {
       class: "h-data-label",
-      style: f(h(i))
+      style: c(h(i))
     }, [
-      e.show ? (u(), d("span", {
+      e.show ? (o(), u("span", {
         key: 0,
         class: "h-data-label-num",
-        style: f(h(r))
+        style: c(h(r))
       }, C(e.num), 5)) : j("", !0),
-      e.show ? (u(), d("span", {
+      e.show ? (o(), u("span", {
         key: 1,
         class: "h-data-label-text",
-        style: f(h(l))
+        style: c(h(l))
       }, C(e.text), 5)) : j("", !0),
-      e.titleShow ? (u(), d("span", {
+      e.titleShow ? (o(), u("span", {
         key: 2,
         class: "h-data-label-title",
-        style: f(h(S))
+        style: c(h(S))
       }, C(e.someText), 5)) : j("", !0)
     ], 4));
   }
-}), q = /* @__PURE__ */ m(Wt, [["__scopeId", "data-v-f0ce86db"]]);
+}), q = /* @__PURE__ */ m(Ft, [["__scopeId", "data-v-f0ce86db"]]);
 q.install = (e) => {
   e.component(q.name, q);
 };
 const Ht = {
   name: "hButton"
-}, Ft = /* @__PURE__ */ Object.assign(Ht, {
+}, Lt = /* @__PURE__ */ Object.assign(Ht, {
   props: {
     url: {
       type: String,
@@ -1178,7 +1188,7 @@ const Ht = {
     }
   },
   setup(e) {
-    let t = e, i = x({
+    let t = e, i = v({
       width: t.width,
       height: t.height,
       padding: t.padding,
@@ -1189,18 +1199,18 @@ const Ht = {
       fontWeight: t.fontWeight,
       color: t.color
     });
-    return (r, l) => (u(), d("button", {
+    return (r, l) => (o(), u("button", {
       class: "h-button",
-      style: f(h(i))
+      style: c(h(i))
     }, C(h(t).text), 5));
   }
-}), U = /* @__PURE__ */ m(Ft, [["__scopeId", "data-v-0a183c56"]]);
+}), U = /* @__PURE__ */ m(Lt, [["__scopeId", "data-v-0a183c56"]]);
 U.install = (e) => {
   e.component(U.name, U);
 };
-const Lt = {
+const Et = {
   name: "hGrid"
-}, Et = /* @__PURE__ */ Object.assign(Lt, {
+}, Rt = /* @__PURE__ */ Object.assign(Et, {
   props: {
     width: {
       type: String,
@@ -1244,25 +1254,25 @@ const Lt = {
     }
   },
   setup(e) {
-    let t = e, i = x({
+    let t = e, i = v({
       width: t.width,
       height: t.height,
       display: t.display,
       gridTemplateColumns: `repeat(${t.gridTemplateColumns}, ${t.gridWidth})`,
       gridTemplateRows: `repeat(${t.gridTemplateRows}, ${t.gridHeight})`
-    }), r = x({
+    }), r = v({
       width: t.iwidth,
       height: t.iheight,
       display: t.idisplay
     });
-    return (l, S) => (u(), d("div", {
+    return (l, S) => (o(), u("div", {
       class: "h-grid",
-      style: f(h(i))
+      style: c(h(i))
     }, [
-      (u(), d(O, null, D(6, (_) => z("div", {
-        key: _,
+      (o(), u(O, null, D(6, (x) => z("div", {
+        key: x,
         class: "h-grid-item",
-        style: f(h(r))
+        style: c(h(r))
       }, S[0] || (S[0] = [
         z("div", { class: "h-grid-item-left" }, [
           z("img", {
@@ -1275,15 +1285,15 @@ const Lt = {
       b(l.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), K = /* @__PURE__ */ m(Et, [["__scopeId", "data-v-34e7422b"]]);
+}), K = /* @__PURE__ */ m(Rt, [["__scopeId", "data-v-34e7422b"]]);
 K.install = (e) => {
   e.component(K.name, K);
 };
-const Rt = {
-  name: "HCounter",
+const Mt = {
+  name: "hCounter",
   chineseName: "数字计数器",
   description: "支持老虎机滚动动画的数字计数器组件，每个数字位独立从0滚动到目标值"
-}, Mt = /* @__PURE__ */ Object.assign(Rt, {
+}, Pt = /* @__PURE__ */ Object.assign(Mt, {
   props: {
     // 数据相关
     data: {
@@ -1423,7 +1433,7 @@ const Rt = {
     }
   },
   setup(e, { expose: t }) {
-    const i = e, r = x([]), l = x(!1), S = y(() => {
+    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);
@@ -1432,7 +1442,7 @@ const Rt = {
         n[0] = n[0].replace(/\B(?=(\d{3})+(?!\d))/g, i.separator), s = n.join(".");
       }
       return i.prefix && (s = i.prefix + s), i.suffix && (s = s + i.suffix), s.split("");
-    }), _ = 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`), c = () => {
+    }), 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 = () => {
       if (!i.enableAnimation) {
         r.value = S.value.map(() => 0);
         return;
@@ -1444,14 +1454,14 @@ const Rt = {
           r.value[n] = s;
           return;
         }
-        const a = parseInt(s), o = n * i.digitDelay, v = i.animationDuration;
+        const a = parseInt(s), d = n * i.digitDelay, _ = i.animationDuration;
         setTimeout(() => {
           let w = 0;
-          const it = v / (a + 1), N = () => {
-            w <= a && (r.value[n] = w, w++, w <= a ? setTimeout(N, it) : (n === g.length - 1 || g.slice(n + 1).every((st) => isNaN(parseInt(st)))) && (l.value = !1));
+          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));
           };
           N();
-        }, o);
+        }, d);
       });
     }, I = (g) => {
       const s = r.value[g];
@@ -1482,7 +1492,7 @@ const Rt = {
       zIndex: i.zIndex,
       transform: i.transform || void 0
     })), A = y(() => ({
-      width: _.value,
+      width: x.value,
       height: p.value,
       overflow: "hidden",
       position: "relative",
@@ -1502,42 +1512,42 @@ const Rt = {
       lineHeight: "1"
     }));
     return G(() => i.data, () => {
-      c();
-    }), et(() => {
-      c();
+      f();
+    }), it(() => {
+      f();
     }), t({
-      restart: c,
+      restart: f,
       getCurrentValue: () => r.value.join("")
-    }), (g, s) => (u(), d("div", {
+    }), (g, s) => (o(), u("div", {
       class: "h-counter",
-      style: f(k.value)
+      style: c(k.value)
     }, [
-      (u(!0), d(O, null, D(S.value, (n, a) => (u(), d("div", {
+      (o(!0), u(O, null, D(S.value, (n, a) => (o(), u("div", {
         key: a,
         class: "counter-digit",
-        style: f(A.value)
+        style: c(A.value)
       }, [
         z("div", {
           class: "digit-scroll",
-          style: f(I(a))
+          style: c(I(a))
         }, [
-          (u(), d(O, null, D(10, (o) => z("div", {
-            key: o - 1,
+          (o(), u(O, null, D(10, (d) => z("div", {
+            key: d - 1,
             class: "digit-item",
-            style: f($.value)
-          }, C(o - 1), 5)), 64))
+            style: c($.value)
+          }, C(d - 1), 5)), 64))
         ], 4)
       ], 4))), 128)),
       b(g.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Q = /* @__PURE__ */ m(Mt, [["__scopeId", "data-v-c03db97b"]]);
+}), Q = /* @__PURE__ */ m(Pt, [["__scopeId", "data-v-fba32a26"]]);
 Q.install = (e) => {
   e.component(Q.name, Q);
 };
-const Pt = {
+const Vt = {
   name: "hButtonGroup"
-}, Yt = /* @__PURE__ */ Object.assign(Pt, {
+}, Yt = /* @__PURE__ */ Object.assign(Vt, {
   props: {
     width: {
       type: String,
@@ -1585,7 +1595,7 @@ const Pt = {
     }
   },
   setup(e) {
-    let t = e, i = x({
+    let t = e, i = v({
       position: t.position,
       left: t.left,
       right: t.right,
@@ -1597,9 +1607,9 @@ const Pt = {
       columnGap: t.columnGap,
       flexWrap: t.flexWrap
     });
-    return (r, l) => (u(), d("div", {
+    return (r, l) => (o(), u("div", {
       class: "h-button-group",
-      style: f(h(i))
+      style: c(h(i))
     }, [
       b(r.$slots, "default", {}, void 0, !0)
     ], 4));
@@ -1608,11 +1618,11 @@ const Pt = {
 X.install = (e) => {
   e.component(X.name, X);
 };
-const Jt = { class: "h-text" }, Vt = {
+const Jt = { class: "h-text" }, qt = {
   name: "hText",
   chineseName: "文本",
   description: "用于显示文本内容"
-}, qt = /* @__PURE__ */ Object.assign(Vt, {
+}, Ut = /* @__PURE__ */ Object.assign(qt, {
   props: {
     text: {
       type: String,
@@ -1629,17 +1639,17 @@ const Jt = { class: "h-text" }, Vt = {
   },
   setup(e) {
     let t = e;
-    return (i, r) => (u(), d("span", Jt, C(h(t).text), 1));
+    return (i, r) => (o(), u("span", Jt, C(h(t).text), 1));
   }
-}), Z = /* @__PURE__ */ m(qt, [["__scopeId", "data-v-bc52bf83"]]);
+}), Z = /* @__PURE__ */ m(Ut, [["__scopeId", "data-v-bc52bf83"]]);
 Z.install = (e) => {
   e.component(Z.name, Z);
 };
-const Ut = {
+const Kt = {
   name: "hLayout",
   chineseName: "布局",
   description: "页面布局容器"
-}, Kt = /* @__PURE__ */ Object.assign(Ut, {
+}, Qt = /* @__PURE__ */ Object.assign(Kt, {
   props: {
     width: {
       type: String,
@@ -1675,42 +1685,102 @@ const Ut = {
       columnGap: t.columnGap,
       rowGap: t.rowGap
     }));
-    return (r, l) => (u(), d("div", {
+    return (r, l) => (o(), u("div", {
       class: "h-layout",
-      style: f(h(i))
+      style: c(h(i))
     }, [
       b(r.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), tt = /* @__PURE__ */ m(Kt, [["__scopeId", "data-v-957ea318"]]);
+}), tt = /* @__PURE__ */ m(Qt, [["__scopeId", "data-v-957ea318"]]);
 tt.install = (e) => {
   e.component(tt.name, tt);
 };
-const Qt = (e) => {
-  e.use(T), e.use(B), e.use(tt), e.use(W), e.use(H), e.use(F), e.use(L), e.use(E), e.use(R), e.use(M), e.use(P), e.use(Y), e.use(J), e.use(V), e.use(q), e.use(U), e.use(K), e.use(Q), e.use(X), e.use(Z);
-}, te = {
-  install: Qt
+const Xt = {
+  name: "hFlex"
+}, Zt = /* @__PURE__ */ Object.assign(Xt, {
+  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(e) {
+    let t = e, i = y(() => ({
+      display: t.display,
+      width: t.width,
+      height: t.height,
+      backgroundImage: t.url ? `url(${t.url})` : "none",
+      rowGap: t.rowGap,
+      columnGap: t.columnGap,
+      flexDirection: t.flexDirection,
+      flexWrap: t.flexWrap
+    }));
+    return (r, l) => (o(), u("div", {
+      class: "h-flex",
+      style: c(h(i))
+    }, [
+      b(r.$slots, "default", {}, void 0, !0)
+    ], 4));
+  }
+}), et = /* @__PURE__ */ m(Zt, [["__scopeId", "data-v-c8c463ea"]]);
+et.install = (e) => {
+  e.component(et.name, et);
+};
+const te = (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
 };
 export {
-  te as default,
+  ne as default,
   M as hBottom,
   U as hButton,
   X as hButtonGroup,
   E as hCenter,
-  H as hChart,
+  F as hChart,
   P as hChartTitle,
-  Q as hCounters,
+  Q as hCounter,
   q as hDataLabel,
-  V as hDiy,
+  et as hFlex,
   K as hGrid,
-  B as hHeader,
-  Y as hItemChart,
+  W as hHeader,
+  V as hItemChart,
   tt as hLayout,
-  F as hLeft,
-  J as hList,
-  W as hMain,
+  H as hLeft,
+  Y as hList,
+  B as hMain,
   T as hPanel,
   L as hRight,
   Z as hText,
-  R as hTop
+  R as hTop,
+  J as hView
 };

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,J,M){"use strict";function U(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 Y=U(J),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 x=M.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)})})},b=()=>{p&&(["click","dblclick","mouseover","mouseout"].forEach(i=>{p.off(i)}),p.dispose(),p=null)},S=()=>{if(b(),!!d.value)try{const r=u(o.chartsOption);p=Y.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=()=>{x()};return t.onMounted(()=>{setTimeout(()=>{S()},0),window.addEventListener("resize",s),M.useResizeObserver(d,r=>{x()})}),t.onBeforeUnmount(()=>{window.removeEventListener("resize",s),b()}),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:()=>x(),dispatchAction:r=>p==null?void 0:p.dispatchAction(r),dispose:b}),(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 C=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"]]);C.install=n=>{n.component(C.name,C)};const I=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"]]);I.install=n=>{n.component(I.name,I)};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 j=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"]]);j.install=n=>{n.component(j.name,j)};const G=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"]]);G.install=n=>{n.component(G.name,G)};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=M.useDebounceFn(()=>{d&&(d.resize(),l("chart-resize",{instance:d}))},100),x=()=>{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)},b=()=>{if(k(),!!h.value)try{const s=S(o.chartsOption);d=Y.init(h.value),d.setOption(s,{notMerge:!0}),x(),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(()=>{b()},0),window.addEventListener("resize",u),M.useResizeObserver(h,s=>{p()})}),t.onBeforeUnmount(()=>{window.removeEventListener("resize",u),k()}),t.watch(()=>o.chartsOption,s=>{if(s)try{if(!d){b();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"})),x=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"})),b=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(x.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(b(_)),ref_for:!0,ref_key:"listItems",ref:h},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m,(q,P)=>(t.openBlock(),t.createElementBlock("p",{key:P,class:"data-item-cell"},t.toDisplayString(q),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:"hDiy"},{props:{height:{type:String,default:"200px"},display:{type:String,default:"block"},flexDirection:{type:String,default:"column"},rowGap:{type:String,default:"0"},columnGap:{type:String,default:"0"}},setup(n){let e=n,a=t.computed(()=>({height:e.height,display:e.display,flexDirection:e.flexDirection,rowGap:e.rowGap,columnGap:e.columnGap}));return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:"h-diy",style:t.normalizeStyle(t.unref(a))},[t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}}),[["__scopeId","data-v-18c6061f"]]);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 L=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"]]);L.install=n=>{n.component(L.name,L)};const F=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"]]);F.install=n=>{n.component(F.name,F)};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 q=m/(i+1),P=()=>{_<=i&&(l.value[r]=_,_++,_<=i?setTimeout(P,q):(r===u.length-1||u.slice(r+1).every(X=>isNaN(parseInt(X))))&&(o.value=!1))};P()},c)})},x=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})),b=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(b.value)},[t.createElementVNode("div",{class:"digit-scroll",style:t.normalizeStyle(x(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-c03db97b"]]);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 K={class:"h-text"},R=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",K,t.toDisplayString(t.unref(e).text),1))}}),[["__scopeId","data-v-bc52bf83"]]);R.install=n=>{n.component(R.name,R)};const V=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"]]);V.install=n=>{n.component(V.name,V)};const Q={install:n=>{n.use($),n.use(w),n.use(V),n.use(B),n.use(z),n.use(A),n.use(C),n.use(I),n.use(E),n.use(j),n.use(G),n.use(O),n.use(D),n.use(N),n.use(T),n.use(L),n.use(F),n.use(W),n.use(H),n.use(R)}};f.default=Q,f.hBottom=j,f.hButton=L,f.hButtonGroup=H,f.hCenter=I,f.hChart=z,f.hChartTitle=G,f.hCounters=W,f.hDataLabel=T,f.hDiy=N,f.hGrid=F,f.hHeader=w,f.hItemChart=O,f.hLayout=V,f.hLeft=A,f.hList=D,f.hMain=B,f.hPanel=$,f.hRight=C,f.hText=R,f.hTop=E,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 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:"100%"},width:{type:String,default:"50px"},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-490e5736"]]);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"}})});

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "hamster-charts",
   "private": false,
-  "version": "0.4.3",
-  "description": "HamsterCharts-更新了-修复一些问题",
+  "version": "0.4.5",
+  "description": "HamsterCharts-更新了-新的hFlex组件和组件更换名称",
   "type": "module",
   "main": "./dist/hamster-charts.umd.cjs",
   "module": "./dist/hamster-charts.js",