@blazes/data-visualization 1.0.0-alpha.0 → 1.0.0-alpha.1

package/dist/vue/index.js

@@ -1,14 +1,14 @@
-import { defineComponent as O, openBlock as p, createElementBlock as w, normalizeClass as q, createElementVNode as P, Fragment as H, renderList as K, normalizeStyle as ue, toDisplayString as L, createVNode as R, unref as u, mergeProps as Me, withCtx as k, createTextVNode as U, createBlock as A, createCommentVNode as I, ref as j, computed as $, onErrorCaptured as xe, watch as Ce, resolveDynamicComponent as pe, pushScopeId as Se, popScopeId as ke, shallowRef as Re, onMounted as fe, onBeforeUnmount as ve, onBeforeMount as Ie, markRaw as $e, toRaw as Pe, h as V } from "vue";
-import { FormatType as Z, ChartBar as De, Size as J, ChartLine as Ae, ChartPie as ze } from "@blazes/charts";
+import { defineComponent as O, openBlock as p, createElementBlock as w, normalizeClass as q, createElementVNode as I, Fragment as H, renderList as K, normalizeStyle as ue, toDisplayString as L, createVNode as R, unref as u, mergeProps as xe, withCtx as k, createTextVNode as U, createBlock as z, createCommentVNode as $, ref as j, computed as P, onErrorCaptured as Ce, watch as Se, resolveDynamicComponent as pe, pushScopeId as ke, popScopeId as Re, shallowRef as Ie, onMounted as fe, onBeforeUnmount as ve, onBeforeMount as $e, markRaw as Pe, toRaw as De, h as V } from "vue";
+import { FormatType as Z, ChartBar as Ae, Size as J, ChartLine as ze, ChartPie as Le } from "@blazes/charts";
 import { a as ee, b as G, c as Q, S as te } from "../visual-theme-DH-k3L51.js";
 import { v as E } from "../value-formatter-D5QmLSMG.js";
-import { RedoOutlined as X, ExclamationCircleOutlined as Le, WarningOutlined as Te, CloudDownloadOutlined as Fe, QuestionCircleOutlined as Ee, RiseOutlined as me, FallOutlined as ge, MinusOutlined as he } from "@ant-design/icons-vue";
-import { RangePicker as Ve, RadioGroup as Oe, RadioButton as Be, Select as le, Tooltip as N, Button as Y, Card as Ue, Spin as de, Empty as Ne, Dropdown as je, Menu as Ye, MenuItem as ce, Progress as He, Tag as qe, Table as Ke } from "ant-design-vue";
-import { b as Ge, s as We, a as Ze, P as Qe } from "../csv-Dyrr2yMA.js";
-const Xe = { class: "dv-filter-bar__controls" }, Je = { class: "dv-filter-bar__label" }, et = {
+import { RedoOutlined as X, ExclamationCircleOutlined as Te, BarChartOutlined as Fe, WarningOutlined as Ee, CloudDownloadOutlined as Ve, QuestionCircleOutlined as Oe, RiseOutlined as me, FallOutlined as _e, MinusOutlined as ge } from "@ant-design/icons-vue";
+import { RangePicker as Be, RadioGroup as Ue, RadioButton as Ne, Select as le, Tooltip as N, Button as Y, Card as je, Spin as de, Dropdown as Ye, Menu as He, MenuItem as ce, Progress as qe, Tag as Ke, Table as Ge } from "ant-design-vue";
+import { b as We, s as Ze, a as Qe, P as Xe } from "../csv-Dyrr2yMA.js";
+const Je = { class: "dv-filter-bar__controls" }, et = { class: "dv-filter-bar__label" }, tt = {
   key: 0,
   class: "dv-filter-bar__date-range"
-}, tt = /* @__PURE__ */ O({
+}, nt = /* @__PURE__ */ O({
   __name: "DashboardFilterBar",
   props: {
     config: {},
@@ -16,90 +16,90 @@ const Xe = { class: "dv-filter-bar__controls" }, Je = { class: "dv-filter-bar__l
     loading: { type: Boolean }
   },
   emits: ["change", "refresh"],
-  setup(r, { emit: g }) {
-    const i = r, e = g;
-    function y(o) {
+  setup(r, { emit: _ }) {
+    const o = r, e = _;
+    function h(i) {
       return {
-        "--dv-filter-xs": String(o.xs),
-        "--dv-filter-sm": String(o.sm ?? o.xs),
-        "--dv-filter-md": String(o.md ?? o.sm ?? o.xs),
-        "--dv-filter-lg": String(o.lg ?? o.md ?? o.sm ?? o.xs),
-        "--dv-filter-xl": String(o.xl ?? o.lg ?? o.md ?? o.sm ?? o.xs)
+        "--dv-filter-xs": String(i.xs),
+        "--dv-filter-sm": String(i.sm ?? i.xs),
+        "--dv-filter-md": String(i.md ?? i.sm ?? i.xs),
+        "--dv-filter-lg": String(i.lg ?? i.md ?? i.sm ?? i.xs),
+        "--dv-filter-xl": String(i.xl ?? i.lg ?? i.md ?? i.sm ?? i.xs)
       };
     }
-    function x(o) {
-      return o;
+    function x(i) {
+      return i;
     }
-    function C(o) {
-      return o.map((a) => ({ ...a }));
+    function C(i) {
+      return i.map((a) => ({ ...a }));
     }
-    function s(o) {
-      if (typeof o != "string" || !/^\d{4}-\d{2}-\d{2}$/.test(o)) return;
-      const a = /* @__PURE__ */ new Date(`${o}T12:00:00Z`);
+    function s(i) {
+      if (typeof i != "string" || !/^\d{4}-\d{2}-\d{2}$/.test(i)) return;
+      const a = /* @__PURE__ */ new Date(`${i}T12:00:00Z`);
       return Number.isNaN(a.getTime()) ? void 0 : a;
     }
-    function S(o) {
-      return o.toISOString().slice(0, 10);
+    function S(i) {
+      return i.toISOString().slice(0, 10);
     }
     function D() {
-      const o = new Intl.DateTimeFormat("en-CA", {
-        timeZone: i.context.timezone,
+      const i = new Intl.DateTimeFormat("en-CA", {
+        timeZone: o.context.timezone,
         year: "numeric",
         month: "2-digit",
         day: "2-digit"
-      }).formatToParts(/* @__PURE__ */ new Date()), a = Object.fromEntries(o.map((h) => [h.type, h.value])), t = /* @__PURE__ */ new Date(`${a.year}-${a.month}-${a.day}T12:00:00Z`);
+      }).formatToParts(/* @__PURE__ */ new Date()), a = Object.fromEntries(i.map((g) => [g.type, g.value])), t = /* @__PURE__ */ new Date(`${a.year}-${a.month}-${a.day}T12:00:00Z`);
       return t.setUTCDate(t.getUTCDate() - 1), t;
     }
-    function c(o) {
-      return i.context.variables[o];
+    function c(i) {
+      return o.context.variables[i];
     }
-    function l(o) {
-      const a = c(o.startVariableId), t = c(o.endVariableId);
+    function l(i) {
+      const a = c(i.startVariableId), t = c(i.endVariableId);
       return typeof a != "string" || typeof t != "string" || !s(a) || !s(t) ? {} : { value: [a, t] };
     }
-    function f(o, a) {
+    function f(i, a) {
       if (!Array.isArray(a) || a.length !== 2) return;
-      const [t, h] = a;
-      typeof t != "string" || typeof h != "string" || e("change", {
-        [o.startVariableId]: t,
-        [o.endVariableId]: h
+      const [t, g] = a;
+      typeof t != "string" || typeof g != "string" || e("change", {
+        [i.startVariableId]: t,
+        [i.endVariableId]: g
       });
     }
-    function d(o) {
-      var _, z;
-      const a = s(c(o.startVariableId)), t = s(c(o.endVariableId));
+    function d(i) {
+      var y, A;
+      const a = s(c(i.startVariableId)), t = s(c(i.endVariableId));
       if (!a || !t || t.getTime() !== D().getTime()) return;
-      const h = Math.round((t.getTime() - a.getTime()) / 864e5) + 1;
-      return (z = (_ = o.presets) == null ? void 0 : _.find((F) => F.days === h)) == null ? void 0 : z.id;
+      const g = Math.round((t.getTime() - a.getTime()) / 864e5) + 1;
+      return (A = (y = i.presets) == null ? void 0 : y.find((F) => F.days === g)) == null ? void 0 : A.id;
     }
-    function n(o, a) {
+    function n(i, a) {
       var F;
-      const t = typeof a.target.value == "string" ? a.target.value : void 0, h = (F = o.presets) == null ? void 0 : F.find((W) => W.id === t);
-      if (!h) return;
-      const _ = D(), z = new Date(_);
-      z.setUTCDate(z.getUTCDate() - h.days + 1), e("change", {
-        [o.startVariableId]: S(z),
-        [o.endVariableId]: S(_)
+      const t = typeof a.target.value == "string" ? a.target.value : void 0, g = (F = i.presets) == null ? void 0 : F.find((W) => W.id === t);
+      if (!g) return;
+      const y = D(), A = new Date(y);
+      A.setUTCDate(A.getUTCDate() - g.days + 1), e("change", {
+        [i.startVariableId]: S(A),
+        [i.endVariableId]: S(y)
       });
     }
-    function M(o, a) {
-      e("change", { [o]: a ?? null });
+    function M(i, a) {
+      e("change", { [i]: a ?? null });
     }
-    return (o, a) => o.config ? (p(), w("div", {
+    return (i, a) => i.config ? (p(), w("div", {
       key: 0,
-      class: q(["dv-filter-bar", { "dv-filter-bar--flow": o.config.layout === "flow" }])
+      class: q(["dv-filter-bar", { "dv-filter-bar--flow": i.config.layout === "flow" }])
     }, [
-      P("div", Xe, [
-        (p(!0), w(H, null, K(o.config.controls, (t) => {
-          var h;
+      I("div", Je, [
+        (p(!0), w(H, null, K(i.config.controls, (t) => {
+          var g;
           return p(), w("div", {
             key: t.id,
             class: q(["dv-filter-bar__control", `dv-filter-bar__control--${t.type}`]),
-            style: ue(y(t.layout))
+            style: ue(h(t.layout))
           }, [
-            P("label", Je, L(t.label), 1),
-            t.type === "date-range" ? (p(), w("div", et, [
-              R(u(Ve), Me({
+            I("label", et, L(t.label), 1),
+            t.type === "date-range" ? (p(), w("div", tt, [
+              R(u(Be), xe({
                 class: "dv-filter-bar__range-picker",
                 "allow-clear": !1,
                 disabled: t.disabled ?? !1,
@@ -107,35 +107,35 @@ const Xe = { class: "dv-filter-bar__controls" }, Je = { class: "dv-filter-bar__l
                 format: t.format ?? "YYYY-MM-DD"
               }, l(t), {
                 "value-format": "YYYY-MM-DD",
-                onChange: (_) => f(t, _)
+                onChange: (y) => f(t, y)
               }), {
                 separator: k(() => [
                   U("至")
                 ]),
                 _: 2
               }, 1040, ["disabled", "format", "onChange"]),
-              (h = t.presets) != null && h.length ? (p(), A(u(Oe), {
+              (g = t.presets) != null && g.length ? (p(), z(u(Ue), {
                 key: 0,
                 class: "dv-filter-bar__presets",
                 disabled: t.disabled ?? !1,
                 size: "small",
                 value: d(t),
-                onChange: (_) => n(t, _)
+                onChange: (y) => n(t, y)
               }, {
                 default: k(() => [
-                  (p(!0), w(H, null, K(t.presets, (_) => (p(), A(u(Be), {
-                    key: _.id,
-                    value: _.id
+                  (p(!0), w(H, null, K(t.presets, (y) => (p(), z(u(Ne), {
+                    key: y.id,
+                    value: y.id
                   }, {
                     default: k(() => [
-                      U(L(_.label), 1)
+                      U(L(y.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["value"]))), 128))
                 ]),
                 _: 2
-              }, 1032, ["disabled", "value", "onChange"])) : I("", !0)
-            ])) : t.type === "multi-select" ? (p(), A(u(le), {
+              }, 1032, ["disabled", "value", "onChange"])) : $("", !0)
+            ])) : t.type === "multi-select" ? (p(), z(u(le), {
               key: 1,
               "allow-clear": t.allowClear ?? !1,
               disabled: t.disabled ?? !1,
@@ -145,9 +145,9 @@ const Xe = { class: "dv-filter-bar__controls" }, Je = { class: "dv-filter-bar__l
               options: C(t.options),
               placeholder: t.placeholder ?? "",
               "show-search": t.showSearch ?? !1,
-              value: o.context.variables[t.variableId],
-              onChange: (_) => M(t.variableId, _)
-            }, null, 8, ["allow-clear", "disabled", "max-tag-count", "options", "placeholder", "show-search", "value", "onChange"])) : (p(), A(u(le), {
+              value: i.context.variables[t.variableId],
+              onChange: (y) => M(t.variableId, y)
+            }, null, 8, ["allow-clear", "disabled", "max-tag-count", "options", "placeholder", "show-search", "value", "onChange"])) : (p(), z(u(le), {
               key: 2,
               "allow-clear": t.allowClear ?? !1,
               disabled: t.disabled ?? !1,
@@ -155,13 +155,13 @@ const Xe = { class: "dv-filter-bar__controls" }, Je = { class: "dv-filter-bar__l
               options: C(t.options),
               placeholder: t.placeholder ?? "",
               "show-search": t.showSearch ?? !1,
-              value: o.context.variables[t.variableId],
-              onChange: (_) => M(t.variableId, _)
+              value: i.context.variables[t.variableId],
+              onChange: (y) => M(t.variableId, y)
             }, null, 8, ["allow-clear", "disabled", "options", "placeholder", "show-search", "value", "onChange"]))
           ], 6);
         }), 128))
       ]),
-      o.config.showRefresh !== !1 ? (p(), A(u(N), {
+      i.config.showRefresh !== !1 ? (p(), z(u(N), {
         key: 0,
         title: "刷新全部"
       }, {
@@ -169,8 +169,8 @@ const Xe = { class: "dv-filter-bar__controls" }, Je = { class: "dv-filter-bar__l
           R(u(Y), {
             type: "primary",
             class: "dv-filter-bar__refresh",
-            loading: o.loading ?? !1,
-            onClick: a[0] || (a[0] = (t) => o.$emit("refresh"))
+            loading: i.loading ?? !1,
+            onClick: a[0] || (a[0] = (t) => i.$emit("refresh"))
           }, {
             icon: k(() => [
               R(u(X))
@@ -182,15 +182,15 @@ const Xe = { class: "dv-filter-bar__controls" }, Je = { class: "dv-filter-bar__l
           }, 8, ["loading"])
         ]),
         _: 1
-      })) : I("", !0)
-    ], 2)) : I("", !0);
+      })) : $("", !0)
+    ], 2)) : $("", !0);
   }
-}), B = (r, g) => {
-  const i = r.__vccOpts || r;
-  for (const [e, y] of g)
-    i[e] = y;
-  return i;
-}, nt = /* @__PURE__ */ B(tt, [["__scopeId", "data-v-45855b0b"]]), at = (r) => (Se("data-v-912acf36"), r = r(), ke(), r), ot = { class: "dv-panel__heading" }, it = { class: "dv-panel__title-group" }, rt = { class: "dv-panel__title" }, st = {
+}), B = (r, _) => {
+  const o = r.__vccOpts || r;
+  for (const [e, h] of _)
+    o[e] = h;
+  return o;
+}, at = /* @__PURE__ */ B(nt, [["__scopeId", "data-v-45855b0b"]]), he = (r) => (ke("data-v-b524c4f2"), r = r(), Re(), r), it = { class: "dv-panel__heading" }, ot = { class: "dv-panel__title-group" }, rt = { class: "dv-panel__title" }, st = {
   key: 0,
   class: "dv-panel__title-note"
 }, lt = { class: "dv-panel__actions" }, dt = {
@@ -200,25 +200,35 @@ const Xe = { class: "dv-filter-bar__controls" }, Je = { class: "dv-filter-bar__l
   key: 1,
   class: "dv-panel__state dv-panel__state--failure",
   role: "status"
-}, ut = { class: "dv-panel__failure" }, pt = { class: "dv-panel__failure-copy" }, ft = { class: "dv-panel__failure-heading" }, vt = ["title"], mt = /* @__PURE__ */ at(() => /* @__PURE__ */ P("span", { class: "dv-panel__retry-label" }, "重新加载", -1)), gt = {
+}, ut = { class: "dv-panel__failure" }, pt = { class: "dv-panel__failure-copy" }, ft = { class: "dv-panel__failure-heading" }, vt = ["title"], mt = /* @__PURE__ */ he(() => /* @__PURE__ */ I("span", { class: "dv-panel__retry-label" }, "重新加载", -1)), _t = {
   key: 2,
   class: "dv-panel__state dv-panel__state--loading"
-}, ht = {
+}, gt = {
   key: 0,
   class: "dv-panel__state dv-panel__state--metric-empty"
+}, ht = {
+  key: 1,
+  class: "dv-panel__state dv-panel__state--empty",
+  role: "status",
+  "aria-live": "polite"
 }, yt = {
+  class: "dv-panel__empty-icon",
+  "aria-hidden": "true"
+}, bt = /* @__PURE__ */ he(() => /* @__PURE__ */ I("div", { class: "dv-panel__empty-copy" }, [
+  /* @__PURE__ */ I("div", { class: "dv-panel__empty-title" }, "暂无数据")
+], -1)), wt = {
   key: 4,
   class: "dv-panel__renderer"
-}, _t = {
+}, Mt = {
   key: 0,
   class: "dv-panel__refreshing"
-}, bt = {
+}, xt = {
   key: 5,
   class: "dv-panel__state dv-panel__idle"
-}, wt = {
+}, Ct = {
   key: 6,
   class: "dv-panel__updated"
-}, Mt = /* @__PURE__ */ O({
+}, St = /* @__PURE__ */ O({
   __name: "DashboardPanel",
   props: {
     panel: {},
@@ -230,19 +240,19 @@ const Xe = { class: "dv-filter-bar__controls" }, Je = { class: "dv-filter-bar__l
     refreshDisabled: { type: Boolean }
   },
   emits: ["refresh", "retry", "exportCsv", "exportPng", "action", "visualizationEvent"],
-  setup(r, { expose: g, emit: i }) {
-    const e = r, y = i, x = j(), C = j(), s = $(() => e.panel.rendererId === "metric"), S = $(() => {
+  setup(r, { expose: _, emit: o }) {
+    const e = r, h = o, x = j(), C = j(), s = P(() => e.panel.rendererId === "metric"), S = P(() => {
       var n;
       if (C.value)
         return { title: "图表暂时无法展示", detail: C.value.message };
       if (e.state.status === "error" || e.state.status === "cancelled")
         return { title: "数据暂时无法加载", detail: (n = e.state.error) == null ? void 0 : n.message };
-    }), D = $(
+    }), D = P(
       () => e.definition.capabilities.csv && !!e.state.dataset || e.definition.capabilities.png && !!e.state.viewModel
-    ), c = $(() => {
+    ), c = P(() => {
       const n = e.panel.layout.minHeight ?? (s.value ? 119 : 401), M = s.value ? 40 : 50;
       return { minHeight: `${Math.max(n - M - 2, s.value ? 77 : 190)}px` };
-    }), l = $(
+    }), l = P(
       () => e.state.lastSuccessfulAt ? new Intl.DateTimeFormat(e.context.locale, { timeStyle: "medium", timeZone: e.context.timezone }).format(
         new Date(e.state.lastSuccessfulAt)
       ) : ""
@@ -252,47 +262,47 @@ const Xe = { class: "dv-filter-bar__controls" }, Je = { class: "dv-filter-bar__l
       return (M = (n = x.value) == null ? void 0 : n.exportPng) == null ? void 0 : M.call(n);
     }
     function d(n) {
-      n.key === "csv" && y("exportCsv"), n.key === "png" && y("exportPng");
+      n.key === "csv" && h("exportCsv"), n.key === "png" && h("exportPng");
     }
-    return xe((n) => (C.value = n instanceof Error ? n : new Error(String(n)), !1)), Ce(
+    return Ce((n) => (C.value = n instanceof Error ? n : new Error(String(n)), !1)), Se(
       () => [e.state.generation, e.state.viewModel],
       () => {
         C.value = void 0;
       }
-    ), g({ exportPng: f }), (n, M) => (p(), A(u(Ue), {
+    ), _({ exportPng: f }), (n, M) => (p(), z(u(je), {
       class: q(["dv-panel", { "dv-panel--metric": s.value }]),
       "body-style": c.value
     }, {
       title: k(() => [
-        P("div", ot, [
-          P("span", it, [
-            P("span", rt, L(n.panel.title), 1),
-            n.panel.description ? (p(), A(u(N), {
+        I("div", it, [
+          I("span", ot, [
+            I("span", rt, L(n.panel.title), 1),
+            n.panel.description ? (p(), z(u(N), {
               key: 0,
               title: n.panel.description
             }, {
               default: k(() => [
-                R(u(Ee))
+                R(u(Oe))
               ]),
               _: 1
-            }, 8, ["title"])) : I("", !0)
+            }, 8, ["title"])) : $("", !0)
           ]),
-          n.panel.titleNote ? (p(), w("span", st, L(n.panel.titleNote), 1)) : I("", !0)
+          n.panel.titleNote ? (p(), w("span", st, L(n.panel.titleNote), 1)) : $("", !0)
         ])
       ]),
       extra: k(() => {
-        var o;
+        var i;
         return [
-          P("div", lt, [
-            n.state.status === "stale" ? (p(), A(u(N), {
+          I("div", lt, [
+            n.state.status === "stale" ? (p(), z(u(N), {
               key: 0,
-              title: `刷新失败，当前展示上次成功数据${(o = n.state.error) != null && o.message ? `：${n.state.error.message}` : ""}`
+              title: `刷新失败，当前展示上次成功数据${(i = n.state.error) != null && i.message ? `：${n.state.error.message}` : ""}`
             }, {
               default: k(() => [
-                R(u(Te), { class: "dv-panel__warning" })
+                R(u(Ee), { class: "dv-panel__warning" })
               ]),
               _: 1
-            }, 8, ["title"])) : I("", !0),
+            }, 8, ["title"])) : $("", !0),
             R(u(N), {
               title: n.refreshDisabled ? "正在刷新全部" : "刷新"
             }, {
@@ -311,26 +321,26 @@ const Xe = { class: "dv-filter-bar__controls" }, Je = { class: "dv-filter-bar__l
               ]),
               _: 1
             }, 8, ["title"]),
-            D.value ? (p(), A(u(je), {
+            D.value ? (p(), z(u(Ye), {
               key: 1,
               placement: "bottomRight",
               trigger: ["click"]
             }, {
               overlay: k(() => [
-                R(u(Ye), { onClick: d }, {
+                R(u(He), { onClick: d }, {
                   default: k(() => [
-                    n.definition.capabilities.csv && n.state.dataset ? (p(), A(u(ce), { key: "csv" }, {
+                    n.definition.capabilities.csv && n.state.dataset ? (p(), z(u(ce), { key: "csv" }, {
                       default: k(() => [
                         U("导出 CSV")
                       ]),
                       _: 1
-                    })) : I("", !0),
-                    n.definition.capabilities.png && n.state.viewModel ? (p(), A(u(ce), { key: "png" }, {
+                    })) : $("", !0),
+                    n.definition.capabilities.png && n.state.viewModel ? (p(), z(u(ce), { key: "png" }, {
                       default: k(() => [
                         U("导出 PNG")
                       ]),
                       _: 1
-                    })) : I("", !0)
+                    })) : $("", !0)
                   ]),
                   _: 1
                 })
@@ -343,7 +353,7 @@ const Xe = { class: "dv-filter-bar__controls" }, Je = { class: "dv-filter-bar__l
                       size: "small"
                     }, {
                       icon: k(() => [
-                        R(u(Fe))
+                        R(u(Ve))
                       ]),
                       _: 1
                     })
@@ -352,8 +362,8 @@ const Xe = { class: "dv-filter-bar__controls" }, Je = { class: "dv-filter-bar__l
                 })
               ]),
               _: 1
-            })) : I("", !0),
-            (p(!0), w(H, null, K(n.panel.actions ?? [], (a) => (p(), A(u(Y), {
+            })) : $("", !0),
+            (p(!0), w(H, null, K(n.panel.actions ?? [], (a) => (p(), z(u(Y), {
               key: a.id,
               type: "link",
               size: "small",
@@ -368,17 +378,17 @@ const Xe = { class: "dv-filter-bar__controls" }, Je = { class: "dv-filter-bar__l
         ];
       }),
       default: k(() => [
-        n.filterSummary ? (p(), w("div", dt, L(n.filterSummary), 1)) : I("", !0),
+        n.filterSummary ? (p(), w("div", dt, L(n.filterSummary), 1)) : $("", !0),
         S.value ? (p(), w("div", ct, [
-          P("div", ut, [
-            R(u(Le), { class: "dv-panel__failure-icon" }),
-            P("div", pt, [
-              P("div", ft, L(S.value.title), 1),
+          I("div", ut, [
+            R(u(Te), { class: "dv-panel__failure-icon" }),
+            I("div", pt, [
+              I("div", ft, L(S.value.title), 1),
               S.value.detail ? (p(), w("div", {
                 key: 0,
                 class: "dv-panel__failure-detail",
                 title: S.value.detail
-              }, L(S.value.detail), 9, vt)) : I("", !0)
+              }, L(S.value.detail), 9, vt)) : $("", !0)
             ]),
             R(u(N), { title: "重试" }, {
               default: k(() => [
@@ -386,7 +396,7 @@ const Xe = { class: "dv-filter-bar__controls" }, Je = { class: "dv-filter-bar__l
                   class: "dv-panel__retry",
                   size: "small",
                   "aria-label": "重试",
-                  onClick: M[1] || (M[1] = (o) => n.$emit("retry"))
+                  onClick: M[1] || (M[1] = (i) => n.$emit("retry"))
                 }, {
                   icon: k(() => [
                     R(u(X))
@@ -400,68 +410,69 @@ const Xe = { class: "dv-filter-bar__controls" }, Je = { class: "dv-filter-bar__l
               _: 1
             })
           ])
-        ])) : n.state.status === "loading" && !n.state.viewModel ? (p(), w("div", gt, [
+        ])) : n.state.status === "loading" && !n.state.viewModel ? (p(), w("div", _t, [
           R(u(de))
         ])) : n.state.status === "empty" ? (p(), w(H, { key: 3 }, [
-          s.value ? (p(), w("div", ht, "暂无数据")) : (p(), A(u(Ne), {
-            key: 1,
-            class: "dv-panel__state",
-            description: "暂无数据"
-          }))
-        ], 64)) : n.state.viewModel ? (p(), w("div", yt, [
-          (p(), A(pe(n.renderer), {
+          s.value ? (p(), w("div", gt, "暂无数据")) : (p(), w("div", ht, [
+            I("span", yt, [
+              R(u(Fe))
+            ]),
+            bt
+          ]))
+        ], 64)) : n.state.viewModel ? (p(), w("div", wt, [
+          (p(), z(pe(n.renderer), {
             ref_key: "rendererRef",
             ref: x,
             context: n.context,
             panel: n.panel,
             "view-model": n.state.viewModel,
-            onVisualizationEvent: M[2] || (M[2] = (o) => n.$emit("visualizationEvent", o))
+            onVisualizationEvent: M[2] || (M[2] = (i) => n.$emit("visualizationEvent", i))
           }, null, 40, ["context", "panel", "view-model"])),
-          n.state.isRefreshing ? (p(), w("div", _t, [
+          n.state.isRefreshing ? (p(), w("div", Mt, [
             R(u(de))
-          ])) : I("", !0)
-        ])) : (p(), w("div", bt, "等待加载")),
-        n.state.lastSuccessfulAt ? (p(), w("div", wt, "更新于 " + L(l.value), 1)) : I("", !0)
+          ])) : $("", !0)
+        ])) : (p(), w("div", xt, "等待加载")),
+        n.state.lastSuccessfulAt ? (p(), w("div", Ct, "更新于 " + L(l.value), 1)) : $("", !0)
       ]),
       _: 1
     }, 8, ["class", "body-style"]));
   }
-}), xt = /* @__PURE__ */ B(Mt, [["__scopeId", "data-v-912acf36"]]);
-function Ct(r, g = {}) {
-  const i = Re(r.snapshot);
+}), kt = /* @__PURE__ */ B(St, [["__scopeId", "data-v-b524c4f2"]]);
+function Rt(r, _ = {}) {
+  const o = Ie(r.snapshot);
   let e;
   return fe(() => {
-    e = r.subscribe((y) => {
-      i.value = y;
-    }), g.autoLoad !== !1 && r.load();
+    e = r.subscribe((h) => {
+      o.value = h;
+    }), _.autoLoad !== !1 && r.load();
   }), ve(() => e == null ? void 0 : e()), {
-    snapshot: i,
-    context: $(() => i.value.context),
-    panelStates: $(() => i.value.panelStates),
-    isLoading: $(() => i.value.isGlobalLoading),
-    loadPanels: (y) => r.loadPanels(y),
+    snapshot: o,
+    context: P(() => o.value.context),
+    panelStates: P(() => o.value.panelStates),
+    isLoading: P(() => o.value.isGlobalLoading),
+    loadPanels: (h) => r.loadPanels(h),
     refreshAll: () => r.refreshAll(),
-    refreshPanels: (y, x) => r.refreshPanels(y, x),
-    refreshPanel: (y) => r.refreshPanel(y),
-    retryPanel: (y) => r.retryPanel(y),
-    setVariables: (y, x) => r.setVariables(y, x)
+    refreshPanels: (h, x) => r.refreshPanels(h, x),
+    refreshPanel: (h) => r.refreshPanel(h),
+    retryPanel: (h) => r.retryPanel(h),
+    setVariables: (h, x) => r.setVariables(h, x)
   };
 }
-function St(r, g, i) {
-  const e = URL.createObjectURL(new Blob([r], { type: g }));
-  ye(e, i), window.setTimeout(() => URL.revokeObjectURL(e), 0);
+function It(r, _, o) {
+  const e = URL.createObjectURL(new Blob([r], { type: _ }));
+  ye(e, o), window.setTimeout(() => URL.revokeObjectURL(e), 0);
 }
-function kt(r, g) {
-  ye(r, g);
+function $t(r, _) {
+  ye(r, _);
 }
-function ye(r, g) {
-  const i = document.createElement("a");
-  i.href = r, i.download = g, i.hidden = !0, document.body.append(i), i.click(), i.remove();
+function ye(r, _) {
+  const o = document.createElement("a");
+  o.href = r, o.download = _, o.hidden = !0, document.body.append(o), o.click(), o.remove();
 }
-const Rt = {
+const Pt = {
   key: 0,
   class: "dv-dashboard__header"
-}, It = { key: 0 }, $t = { class: "dv-dashboard__grid" }, Pt = ["data-panel-id"], Dt = /* @__PURE__ */ O({
+}, Dt = { key: 0 }, At = { class: "dv-dashboard__grid" }, zt = ["data-panel-id"], Lt = /* @__PURE__ */ O({
   __name: "DashboardRenderer",
   props: {
     runtime: {},
@@ -473,11 +484,11 @@ const Rt = {
     syncUrl: { type: Boolean, default: !0 },
     showHeader: { type: Boolean, default: !0 }
   },
-  setup(r, { expose: g }) {
-    const i = r, e = /* @__PURE__ */ new Map(), y = j(), x = /* @__PURE__ */ new Set(), C = /* @__PURE__ */ new Set();
+  setup(r, { expose: _ }) {
+    const o = r, e = /* @__PURE__ */ new Map(), h = j(), x = /* @__PURE__ */ new Set(), C = /* @__PURE__ */ new Set();
     let s, S = !1, D = !1;
-    Ie(() => {
-      i.syncUrl && typeof window < "u" && i.runtime.restoreContext(window.location.search);
+    $e(() => {
+      o.syncUrl && typeof window < "u" && o.runtime.restoreContext(window.location.search);
     });
     const {
       context: c,
@@ -486,31 +497,31 @@ const Rt = {
       loadPanels: d,
       refreshAll: n,
       refreshPanels: M,
-      refreshPanel: o,
+      refreshPanel: i,
       retryPanel: a,
       setVariables: t
-    } = Ct(i.runtime, { autoLoad: i.autoLoad && !i.lazyLoad });
+    } = Rt(o.runtime, { autoLoad: o.autoLoad && !o.lazyLoad });
     fe(() => {
       var v;
-      if (!(!i.autoLoad || !i.lazyLoad)) {
+      if (!(!o.autoLoad || !o.lazyLoad)) {
         if (typeof IntersectionObserver > "u") {
           n();
           return;
         }
-        S = !0, s = new IntersectionObserver(_e, {
-          rootMargin: i.lazyLoadRootMargin
-        }), (v = y.value) == null || v.querySelectorAll(".dv-dashboard__cell").forEach((m) => s == null ? void 0 : s.observe(m));
+        S = !0, s = new IntersectionObserver(be, {
+          rootMargin: o.lazyLoadRootMargin
+        }), (v = h.value) == null || v.querySelectorAll(".dv-dashboard__cell").forEach((m) => s == null ? void 0 : s.observe(m));
       }
     }), ve(() => {
       s == null || s.disconnect(), s = void 0, S = !1, x.clear(), C.clear();
     });
-    const h = $(
-      () => (i.runtime.config.variables ?? []).map((v) => `${v.label}: ${_(c.value.variables[v.id])}`).join(" · ")
+    const g = P(
+      () => (o.runtime.config.variables ?? []).map((v) => `${v.label}: ${y(c.value.variables[v.id])}`).join(" · ")
     );
-    function _(v) {
+    function y(v) {
       return Array.isArray(v) ? v.join(", ") : String(v ?? "--");
     }
-    function z(v) {
+    function A(v) {
       const m = v.layout.span;
       return {
         "--dv-panel-xs": String(m.xs),
@@ -522,13 +533,13 @@ const Rt = {
     }
     function F(v) {
       var b;
-      const m = ((b = i.panelComponents) == null ? void 0 : b[v.id]) ?? i.rendererRegistry.require(v.rendererId).component;
-      return $e(Pe(m));
+      const m = ((b = o.panelComponents) == null ? void 0 : b[v.id]) ?? o.rendererRegistry.require(v.rendererId).component;
+      return Pe(De(m));
     }
     function W(v, m) {
       m ? e.set(v, m) : e.delete(v);
     }
-    function _e(v) {
+    function be(v) {
       v.forEach((m) => {
         const b = m.target.dataset.panelId;
         b && (m.isIntersecting ? (x.add(b), C.add(b)) : (x.delete(b), C.delete(b)));
@@ -538,13 +549,13 @@ const Rt = {
         C.clear(), d(m);
       }));
     }
-    function oe() {
+    function ie() {
       return S ? M(x, { deferUnselected: !0 }) : n();
     }
-    async function be(v) {
+    async function we(v) {
       const m = t(v, S ? x : void 0);
-      if (i.syncUrl && typeof window < "u") {
-        const b = Ge(i.runtime.config, i.runtime.context, window.location.search);
+      if (o.syncUrl && typeof window < "u") {
+        const b = We(o.runtime.config, o.runtime.context, window.location.search);
         window.history.replaceState(
           window.history.state,
           "",
@@ -553,73 +564,73 @@ const Rt = {
       }
       await m;
     }
-    function ie(v) {
+    function oe(v) {
       var se;
-      const m = i.runtime.config.panels.find((we) => we.id === v), b = (se = l.value[v]) == null ? void 0 : se.dataset;
+      const m = o.runtime.config.panels.find((Me) => Me.id === v), b = (se = l.value[v]) == null ? void 0 : se.dataset;
       if (!b) return;
-      const T = We(b, m, c.value);
-      St(T, "text/csv;charset=utf-8", Ze(i.runtime.config.id, m.id));
+      const T = Ze(b, m, c.value);
+      It(T, "text/csv;charset=utf-8", Qe(o.runtime.config.id, m.id));
     }
     function re(v) {
       var b;
       const m = (b = e.get(v)) == null ? void 0 : b.exportPng();
-      m && kt(m, `${i.runtime.config.id}-${v}.png`);
+      m && $t(m, `${o.runtime.config.id}-${v}.png`);
     }
-    return g({ refreshAll: oe, refreshPanel: o, exportCsv: ie, exportPng: re }), (v, m) => (p(), w("section", {
+    return _({ refreshAll: ie, refreshPanel: i, exportCsv: oe, exportPng: re }), (v, m) => (p(), w("section", {
       ref_key: "dashboardElement",
-      ref: y,
+      ref: h,
       class: "dv-dashboard"
     }, [
-      v.showHeader ? (p(), w("header", Rt, [
-        P("div", null, [
-          P("h1", null, L(v.runtime.config.title), 1),
-          v.runtime.config.description ? (p(), w("p", It, L(v.runtime.config.description), 1)) : I("", !0)
+      v.showHeader ? (p(), w("header", Pt, [
+        I("div", null, [
+          I("h1", null, L(v.runtime.config.title), 1),
+          v.runtime.config.description ? (p(), w("p", Dt, L(v.runtime.config.description), 1)) : $("", !0)
         ])
-      ])) : I("", !0),
-      v.runtime.config.filterBar ? (p(), A(nt, {
+      ])) : $("", !0),
+      v.runtime.config.filterBar ? (p(), z(at, {
         key: 1,
         config: v.runtime.config.filterBar,
         context: u(c),
         loading: u(f),
-        onChange: be,
-        onRefresh: oe
-      }, null, 8, ["config", "context", "loading"])) : I("", !0),
-      P("div", $t, [
+        onChange: we,
+        onRefresh: ie
+      }, null, 8, ["config", "context", "loading"])) : $("", !0),
+      I("div", At, [
         (p(!0), w(H, null, K(v.runtime.config.panels, (b) => (p(), w("div", {
           key: b.id,
           class: "dv-dashboard__cell",
           "data-panel-id": b.id,
-          style: ue(z(b))
+          style: ue(A(b))
         }, [
-          R(xt, {
+          R(kt, {
             ref_for: !0,
             ref: (T) => W(b.id, T),
             context: u(c),
             definition: v.runtime.dataRuntime.registries.rendererDefinitions.require(b.rendererId),
-            "filter-summary": h.value,
+            "filter-summary": g.value,
             panel: b,
             "refresh-disabled": u(f),
             renderer: F(b),
             state: u(l)[b.id],
             onAction: (T) => v.runtime.executePanelAction(b.id, T),
-            onExportCsv: (T) => ie(b.id),
+            onExportCsv: (T) => oe(b.id),
             onExportPng: (T) => re(b.id),
-            onRefresh: (T) => u(o)(b.id),
+            onRefresh: (T) => u(i)(b.id),
             onRetry: (T) => u(a)(b.id),
             onVisualizationEvent: m[0] || (m[0] = (T) => v.runtime.dispatchEvent(T))
           }, null, 8, ["context", "definition", "filter-summary", "panel", "refresh-disabled", "renderer", "state", "onAction", "onExportCsv", "onExportPng", "onRefresh", "onRetry"])
-        ], 12, Pt))), 128))
+        ], 12, zt))), 128))
       ])
     ], 512));
   }
-}), rn = /* @__PURE__ */ B(Dt, [["__scopeId", "data-v-6d4b5bdb"]]);
+}), dn = /* @__PURE__ */ B(Lt, [["__scopeId", "data-v-6d4b5bdb"]]);
 function ne(r) {
   return r.type === "percent" ? Z.PERCENT : r.type === "decimal" ? Z.DECIMAL : Z.COMMAS;
 }
 function ae(r) {
   return typeof r == "object" && r !== null ? r : {};
 }
-const At = { class: "dv-chart-renderer dv-bar-renderer" }, zt = /* @__PURE__ */ O({
+const Tt = { class: "dv-chart-renderer dv-bar-renderer" }, Ft = /* @__PURE__ */ O({
   __name: "BarRenderer",
   props: {
     viewModel: {},
@@ -627,13 +638,13 @@ const At = { class: "dv-chart-renderer dv-bar-renderer" }, zt = /* @__PURE__ */
     context: {}
   },
   emits: ["visualizationEvent"],
-  setup(r, { expose: g, emit: i }) {
-    const e = r, y = i, x = j();
+  setup(r, { expose: _, emit: o }) {
+    const e = r, h = o, x = j();
     function C(c, l, f = !1) {
       const d = f ? E.formatAxis(c, l.format, e.context) : E.formatTooltip(c, l.format, e.context), n = l.format.type === "currency" || l.format.type === "percent" || l.format.unit;
       return c != null && c !== "" && l.unit && !n ? `${d}${l.unit}` : d;
     }
-    const s = $(() => ({
+    const s = P(() => ({
       categories: [...e.viewModel.categories],
       colors: [...te],
       orientation: e.viewModel.orientation,
@@ -677,7 +688,7 @@ const At = { class: "dv-chart-renderer dv-bar-renderer" }, zt = /* @__PURE__ */
     }));
     function S(c) {
       const l = ae(c), f = typeof l.seriesIndex == "number" ? l.seriesIndex : 0, d = e.panel.binding.type === "bar" ? e.panel.binding : void 0;
-      d && y("visualizationEvent", {
+      d && h("visualizationEvent", {
         type: "dataPointClick",
         panelId: e.panel.id,
         datasetId: d.datasetId,
@@ -692,8 +703,8 @@ const At = { class: "dv-chart-renderer dv-bar-renderer" }, zt = /* @__PURE__ */
       var c;
       return (c = x.value) == null ? void 0 : c.exportPng();
     }
-    return g({ exportPng: D }), (c, l) => (p(), w("div", At, [
-      R(u(De), {
+    return _({ exportPng: D }), (c, l) => (p(), w("div", Tt, [
+      R(u(Ae), {
         ref_key: "chartRef",
         ref: x,
         option: s.value,
@@ -702,7 +713,7 @@ const At = { class: "dv-chart-renderer dv-bar-renderer" }, zt = /* @__PURE__ */
       }, null, 8, ["option", "size"])
     ]));
   }
-}), Lt = /* @__PURE__ */ B(zt, [["__scopeId", "data-v-4f111bdf"]]), Tt = { class: "dv-chart-renderer dv-line-renderer" }, Ft = /* @__PURE__ */ O({
+}), Et = /* @__PURE__ */ B(Ft, [["__scopeId", "data-v-4f111bdf"]]), Vt = { class: "dv-chart-renderer dv-line-renderer" }, Ot = /* @__PURE__ */ O({
   __name: "LineRenderer",
   props: {
     viewModel: {},
@@ -710,8 +721,8 @@ const At = { class: "dv-chart-renderer dv-bar-renderer" }, zt = /* @__PURE__ */
     context: {}
   },
   emits: ["visualizationEvent"],
-  setup(r, { expose: g, emit: i }) {
-    const e = r, y = i, x = j();
+  setup(r, { expose: _, emit: o }) {
+    const e = r, h = o, x = j();
     function C(l, f) {
       const d = E.formatAxis(l, f.format, e.context);
       return s(d, f);
@@ -720,7 +731,7 @@ const At = { class: "dv-chart-renderer dv-bar-renderer" }, zt = /* @__PURE__ */
       const d = f.format.type === "currency" || f.format.type === "percent" || f.format.unit;
       return f.unit && !d ? `${l}${f.unit}` : l;
     }
-    const S = $(() => {
+    const S = P(() => {
       const l = Array.from(
         new Map(e.viewModel.series.map((d) => [d.axisKey, d])).values()
       ), f = new Map(l.map((d, n) => [d.axisKey, n]));
@@ -756,8 +767,8 @@ const At = { class: "dv-chart-renderer dv-bar-renderer" }, zt = /* @__PURE__ */
           data: d.values.map((M) => M ?? void 0),
           formatType: ne(d.format),
           valueFormatter: (M) => {
-            const o = E.formatTooltip(M, d.format, e.context);
-            return M == null || M === "" ? o : s(o, d);
+            const i = E.formatTooltip(M, d.format, e.context);
+            return M == null || M === "" ? i : s(i, d);
           },
           showLabel: e.viewModel.showLabels,
           smooth: e.viewModel.smooth,
@@ -791,7 +802,7 @@ const At = { class: "dv-chart-renderer dv-bar-renderer" }, zt = /* @__PURE__ */
     });
     function D(l) {
       const f = ae(l), d = typeof f.seriesIndex == "number" ? f.seriesIndex : 0, n = e.panel.binding.type === "line" ? e.panel.binding : void 0;
-      n && y("visualizationEvent", {
+      n && h("visualizationEvent", {
         type: "dataPointClick",
         panelId: e.panel.id,
         datasetId: n.datasetId,
@@ -806,8 +817,8 @@ const At = { class: "dv-chart-renderer dv-bar-renderer" }, zt = /* @__PURE__ */
       var l;
       return (l = x.value) == null ? void 0 : l.exportPng();
     }
-    return g({ exportPng: c }), (l, f) => (p(), w("div", Tt, [
-      R(u(Ae), {
+    return _({ exportPng: c }), (l, f) => (p(), w("div", Vt, [
+      R(u(ze), {
         ref_key: "chartRef",
         ref: x,
         option: S.value,
@@ -816,13 +827,13 @@ const At = { class: "dv-chart-renderer dv-bar-renderer" }, zt = /* @__PURE__ */
       }, null, 8, ["option", "size"])
     ]));
   }
-}), Et = /* @__PURE__ */ B(Ft, [["__scopeId", "data-v-efc34766"]]), Vt = { class: "dv-metric" }, Ot = { class: "dv-metric__value" }, Bt = { class: "dv-metric__number" }, Ut = {
+}), Bt = /* @__PURE__ */ B(Ot, [["__scopeId", "data-v-efc34766"]]), Ut = { class: "dv-metric" }, Nt = { class: "dv-metric__value" }, jt = { class: "dv-metric__number" }, Yt = {
   key: 0,
   class: "dv-metric__unit"
-}, Nt = {
+}, Ht = {
   key: 0,
   class: "dv-metric__comparison"
-}, jt = /* @__PURE__ */ O({
+}, qt = /* @__PURE__ */ O({
   __name: "MetricRenderer",
   props: {
     viewModel: {},
@@ -830,37 +841,37 @@ const At = { class: "dv-chart-renderer dv-bar-renderer" }, zt = /* @__PURE__ */
     context: {}
   },
   setup(r) {
-    const g = r, i = $(
-      () => E.formatDisplay(g.viewModel.value, g.viewModel.format, g.context)
-    ), e = $(
-      () => g.viewModel.format.type === "currency" || g.viewModel.format.type === "percent" ? void 0 : g.viewModel.unit
-    ), y = $(() => {
-      const s = g.viewModel.comparison;
-      return s ? E.formatDisplay(s.value, s.format, g.context) : "";
-    }), x = $(() => {
+    const _ = r, o = P(
+      () => E.formatDisplay(_.viewModel.value, _.viewModel.format, _.context)
+    ), e = P(
+      () => _.viewModel.format.type === "currency" || _.viewModel.format.type === "percent" ? void 0 : _.viewModel.unit
+    ), h = P(() => {
+      const s = _.viewModel.comparison;
+      return s ? E.formatDisplay(s.value, s.format, _.context) : "";
+    }), x = P(() => {
       var s, S;
-      return ((s = g.viewModel.comparison) == null ? void 0 : s.direction) === "up" ? me : ((S = g.viewModel.comparison) == null ? void 0 : S.direction) === "down" ? ge : he;
-    }), C = $(() => {
-      const s = g.viewModel.comparison;
+      return ((s = _.viewModel.comparison) == null ? void 0 : s.direction) === "up" ? me : ((S = _.viewModel.comparison) == null ? void 0 : S.direction) === "down" ? _e : ge;
+    }), C = P(() => {
+      const s = _.viewModel.comparison;
       return !s || s.direction === "flat" ? "neutral" : s.colorMode === "direction" ? s.direction === "up" ? "unfavorable" : "favorable" : s.meaning === "neutral" ? "neutral" : s.meaning === "positive" && s.direction === "up" || s.meaning === "negative" && s.direction === "down" ? "favorable" : "unfavorable";
     });
-    return (s, S) => (p(), w("div", Vt, [
-      P("div", Ot, [
-        P("span", Bt, L(i.value), 1),
-        e.value ? (p(), w("span", Ut, L(e.value), 1)) : I("", !0)
+    return (s, S) => (p(), w("div", Ut, [
+      I("div", Nt, [
+        I("span", jt, L(o.value), 1),
+        e.value ? (p(), w("span", Yt, L(e.value), 1)) : $("", !0)
       ]),
-      s.viewModel.comparison ? (p(), w("div", Nt, [
-        P("span", null, L(s.viewModel.comparison.label), 1),
-        P("strong", {
+      s.viewModel.comparison ? (p(), w("div", Ht, [
+        I("span", null, L(s.viewModel.comparison.label), 1),
+        I("strong", {
           class: q(`dv-metric__comparison--${C.value}`)
         }, [
-          (p(), A(pe(x.value))),
-          U(" " + L(y.value), 1)
+          (p(), z(pe(x.value))),
+          U(" " + L(h.value), 1)
         ], 2)
-      ])) : I("", !0)
+      ])) : $("", !0)
     ]));
   }
-}), Yt = /* @__PURE__ */ B(jt, [["__scopeId", "data-v-efa26253"]]), Ht = { class: "dv-chart-renderer dv-pie-renderer" }, qt = /* @__PURE__ */ O({
+}), Kt = /* @__PURE__ */ B(qt, [["__scopeId", "data-v-efa26253"]]), Gt = { class: "dv-chart-renderer dv-pie-renderer" }, Wt = /* @__PURE__ */ O({
   __name: "PieRenderer",
   props: {
     viewModel: {},
@@ -868,13 +879,13 @@ const At = { class: "dv-chart-renderer dv-bar-renderer" }, zt = /* @__PURE__ */
     context: {}
   },
   emits: ["visualizationEvent"],
-  setup(r, { expose: g, emit: i }) {
-    const e = r, y = i, x = j();
+  setup(r, { expose: _, emit: o }) {
+    const e = r, h = o, x = j();
     function C(c) {
       const l = E.formatTooltip(c, e.viewModel.valueFormat, e.context), f = e.viewModel.valueFormat.type === "currency" || e.viewModel.valueFormat.type === "percent" || e.viewModel.valueFormat.unit;
       return e.viewModel.unit && !f ? `${l}${e.viewModel.unit}` : l;
     }
-    const s = $(() => ({
+    const s = P(() => ({
       colors: [...te],
       donut: e.viewModel.donut,
       showLegend: e.viewModel.showLegend,
@@ -900,7 +911,7 @@ const At = { class: "dv-chart-renderer dv-bar-renderer" }, zt = /* @__PURE__ */
     }));
     function S(c) {
       const l = ae(c), f = e.panel.binding.type === "pie" ? e.panel.binding : void 0;
-      f && y("visualizationEvent", {
+      f && h("visualizationEvent", {
         type: "dataPointClick",
         panelId: e.panel.id,
         datasetId: f.datasetId,
@@ -911,8 +922,8 @@ const At = { class: "dv-chart-renderer dv-bar-renderer" }, zt = /* @__PURE__ */
       var c;
       return (c = x.value) == null ? void 0 : c.exportPng();
     }
-    return g({ exportPng: D }), (c, l) => (p(), w("div", Ht, [
-      R(u(ze), {
+    return _({ exportPng: D }), (c, l) => (p(), w("div", Gt, [
+      R(u(Le), {
         ref_key: "chartRef",
         ref: x,
         option: s.value,
@@ -921,7 +932,7 @@ const At = { class: "dv-chart-renderer dv-bar-renderer" }, zt = /* @__PURE__ */
       }, null, 8, ["option", "size"])
     ]));
   }
-}), Kt = /* @__PURE__ */ B(qt, [["__scopeId", "data-v-ccdee116"]]), Gt = { class: "dv-table-scroll" }, Wt = /* @__PURE__ */ O({
+}), Zt = /* @__PURE__ */ B(Wt, [["__scopeId", "data-v-ccdee116"]]), Qt = { class: "dv-table-scroll" }, Xt = /* @__PURE__ */ O({
   __name: "TableRenderer",
   props: {
     viewModel: {},
@@ -929,17 +940,17 @@ const At = { class: "dv-chart-renderer dv-bar-renderer" }, zt = /* @__PURE__ */
     context: {}
   },
   emits: ["visualizationEvent"],
-  setup(r, { emit: g }) {
-    const i = r, e = g, y = $(
-      () => i.viewModel.columns.map((a) => ({
+  setup(r, { emit: _ }) {
+    const o = r, e = _, h = P(
+      () => o.viewModel.columns.map((a) => ({
         title: a.label,
         dataIndex: a.field,
         key: a.field,
         ...a.width ? { width: a.width } : {},
         sorter: a.sortable,
         ...a.filterable ? {
-          filters: Array.from(new Set(i.viewModel.rows.map((t) => String(t[a.field] ?? "")))).slice(0, 50).map((t) => ({ text: t || "--", value: t })),
-          onFilter: (t, h) => String(h[a.field] ?? "") === String(t)
+          filters: Array.from(new Set(o.viewModel.rows.map((t) => String(t[a.field] ?? "")))).slice(0, 50).map((t) => ({ text: t || "--", value: t })),
+          onFilter: (t, g) => String(g[a.field] ?? "") === String(t)
         } : {},
         customRender: ({ text: t }) => C(t, a)
       }))
@@ -950,39 +961,39 @@ const At = { class: "dv-chart-renderer dv-bar-renderer" }, zt = /* @__PURE__ */
         t.format ?? {
           type: t.dataType === "date" ? "date" : t.dataType === "datetime" ? "datetime" : "number"
         },
-        i.context
+        o.context
       );
     }
     function C(a, t) {
-      const h = x(a, t);
-      return t.display ? t.display.type === "progress" ? S(a, h, t.display) : t.display.type === "trend" ? D(a, h, t.display) : c(a, h, t.display) : h;
+      const g = x(a, t);
+      return t.display ? t.display.type === "progress" ? S(a, g, t.display) : t.display.type === "trend" ? D(a, g, t.display) : c(a, g, t.display) : g;
     }
     function s(a) {
       return typeof a == "number" && Number.isFinite(a) ? a : void 0;
     }
-    function S(a, t, h) {
-      const _ = s(a);
-      if (_ === void 0) return t;
-      const z = h.max ?? 1, F = Math.min(100, Math.max(0, _ / z * 100));
+    function S(a, t, g) {
+      const y = s(a);
+      if (y === void 0) return t;
+      const A = g.max ?? 1, F = Math.min(100, Math.max(0, y / A * 100));
       return V("div", { class: "dv-table__progress-cell" }, [
-        V(He, { percent: F, showInfo: !1, size: "small", strokeWidth: 6 }),
+        V(qe, { percent: F, showInfo: !1, size: "small", strokeWidth: 6 }),
         V("span", { class: "dv-table__cell-value" }, t)
       ]);
     }
-    function D(a, t, h) {
-      const _ = s(a);
-      if (_ === void 0) return t;
-      const z = _ > 0 ? h.positiveTone ?? "success" : _ < 0 ? h.negativeTone ?? "danger" : h.zeroTone ?? "neutral", F = _ > 0 ? me : _ < 0 ? ge : he;
-      return V("span", { class: ["dv-table__trend", `dv-table__trend--${z}`] }, [V(F), V("span", t)]);
+    function D(a, t, g) {
+      const y = s(a);
+      if (y === void 0) return t;
+      const A = y > 0 ? g.positiveTone ?? "success" : y < 0 ? g.negativeTone ?? "danger" : g.zeroTone ?? "neutral", F = y > 0 ? me : y < 0 ? _e : ge;
+      return V("span", { class: ["dv-table__trend", `dv-table__trend--${A}`] }, [V(F), V("span", t)]);
     }
-    function c(a, t, h) {
-      var z;
-      const _ = ((z = h.toneByValue) == null ? void 0 : z[String(a ?? "")]) ?? h.defaultTone ?? "neutral";
-      return l(t, _);
+    function c(a, t, g) {
+      var A;
+      const y = ((A = g.toneByValue) == null ? void 0 : A[String(a ?? "")]) ?? g.defaultTone ?? "neutral";
+      return l(t, y);
     }
-    function l(a, t, h) {
+    function l(a, t, g) {
       return V(
-        qe,
+        Ke,
         { class: ["dv-table__tag", `dv-table__tag--${t}`] },
         { default: () => [V("span", a)] }
       );
@@ -992,73 +1003,73 @@ const At = { class: "dv-chart-renderer dv-bar-renderer" }, zt = /* @__PURE__ */
     function n(a) {
       const t = f.get(a);
       if (t) return t;
-      const h = `row-${++d}`;
-      return f.set(a, h), h;
+      const g = `row-${++d}`;
+      return f.set(a, g), g;
     }
     function M(a) {
       return {
         onClick: () => e("visualizationEvent", {
           type: "rowClick",
-          panelId: i.panel.id,
-          datasetId: i.panel.binding.datasetId,
+          panelId: o.panel.id,
+          datasetId: o.panel.binding.datasetId,
           fields: a
         })
       };
     }
-    function o() {
+    function i() {
     }
-    return (a, t) => (p(), w("div", Gt, [
-      R(u(Ke), {
+    return (a, t) => (p(), w("div", Qt, [
+      R(u(Ge), {
         class: "dv-table",
-        columns: y.value,
+        columns: h.value,
         "data-source": [...a.viewModel.rows],
         pagination: a.viewModel.showPagination ? { pageSize: a.viewModel.pageSize, showSizeChanger: !1 } : !1,
         "row-key": n,
         scroll: { x: "max-content" },
         size: "small",
-        onChange: o,
+        onChange: i,
         "custom-row": M
       }, null, 8, ["columns", "data-source", "pagination"])
     ]));
   }
-}), Zt = /* @__PURE__ */ B(Wt, [["__scopeId", "data-v-c8a717c4"]]);
-function sn(r) {
+}), Jt = /* @__PURE__ */ B(Xt, [["__scopeId", "data-v-c8a717c4"]]);
+function cn(r) {
   return r.registerMany([
-    { id: "metric", component: Yt },
-    { id: "line", component: Et },
-    { id: "bar", component: Lt },
-    { id: "pie", component: Kt },
-    { id: "table", component: Zt }
+    { id: "metric", component: Kt },
+    { id: "line", component: Bt },
+    { id: "bar", component: Et },
+    { id: "pie", component: Zt },
+    { id: "table", component: Jt }
   ]), r;
 }
-class Qt extends Qe {
+class en extends Xe {
   constructor() {
     super("VueVisualizationRenderer");
   }
 }
-function ln() {
-  return new Qt();
+function un() {
+  return new en();
 }
 export {
-  Lt as BarRenderer,
-  nt as DashboardFilterBar,
-  xt as DashboardPanel,
-  rn as DashboardRenderer,
-  Et as LineRenderer,
-  Yt as MetricRenderer,
-  Kt as PieRenderer,
+  Et as BarRenderer,
+  at as DashboardFilterBar,
+  kt as DashboardPanel,
+  dn as DashboardRenderer,
+  Bt as LineRenderer,
+  Kt as MetricRenderer,
+  Zt as PieRenderer,
   Q as STANDARD_CATEGORY_AXIS,
   te as STANDARD_CHART_COLORS,
   ee as STANDARD_CHART_TOOLTIP,
   G as STANDARD_VALUE_AXIS,
-  Zt as TableRenderer,
-  Qt as VueRendererRegistry,
+  Jt as TableRenderer,
+  en as VueRendererRegistry,
   ae as chartEventFields,
-  ln as createVueRendererRegistry,
-  St as downloadBlob,
-  kt as downloadDataUrl,
-  sn as registerStandardVueRenderers,
+  un as createVueRendererRegistry,
+  It as downloadBlob,
+  $t as downloadDataUrl,
+  cn as registerStandardVueRenderers,
   ne as toChartFormat,
-  Ct as useDashboardRuntime
+  Rt as useDashboardRuntime
 };
 //# sourceMappingURL=index.js.map