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

package/dist/vue/index.js

@@ -1,14 +1,14 @@
-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 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 = {
+import { defineComponent as O, openBlock as u, createElementBlock as b, normalizeClass as K, createElementVNode as R, Fragment as H, renderList as G, normalizeStyle as pe, toDisplayString as L, createVNode as k, unref as c, mergeProps as Ce, withCtx as S, createTextVNode as U, createBlock as z, createCommentVNode as $, ref as j, computed as I, onErrorCaptured as Se, watch as ke, resolveDynamicComponent as fe, pushScopeId as Re, popScopeId as Ie, shallowRef as Pe, onMounted as ve, onBeforeUnmount as me, onBeforeMount as $e, markRaw as De, toRaw as Ae, h as V } from "vue";
+import { FormatType as X, ChartBar as ze, Size as te, ChartLine as Le, ChartPie as Te } from "@blazes/charts";
+import { a as ne, b as W, c as J, S as ae } from "../visual-theme-DH-k3L51.js";
+import { v as F } from "../value-formatter-D5QmLSMG.js";
+import { RedoOutlined as ee, ExclamationCircleOutlined as Ee, BarChartOutlined as Fe, WarningOutlined as Ve, CloudDownloadOutlined as Oe, QuestionCircleOutlined as Be, RiseOutlined as _e, FallOutlined as ge, MinusOutlined as he } from "@ant-design/icons-vue";
+import { RangePicker as Ue, RadioGroup as Ne, RadioButton as je, Select as de, Tooltip as N, Button as Y, Card as Ye, Spin as ce, Dropdown as He, Menu as qe, MenuItem as ue, Progress as Ke, Tag as Ge, Table as We } from "ant-design-vue";
+import { i as Z, b as Ze, s as Qe, a as Xe, P as Je } from "../panel-export-Di_5Frul.js";
+const et = { class: "dv-filter-bar__controls" }, tt = { class: "dv-filter-bar__label" }, nt = {
   key: 0,
   class: "dv-filter-bar__date-range"
-}, nt = /* @__PURE__ */ O({
+}, at = /* @__PURE__ */ O({
   __name: "DashboardFilterBar",
   props: {
     config: {},
@@ -16,166 +16,166 @@ const Je = { class: "dv-filter-bar__controls" }, et = { class: "dv-filter-bar__l
     loading: { type: Boolean }
   },
   emits: ["change", "refresh"],
-  setup(r, { emit: _ }) {
-    const o = r, e = _;
-    function h(i) {
+  setup(o, { emit: _ }) {
+    const i = o, t = _;
+    function g(e) {
       return {
-        "--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)
+        "--dv-filter-xs": String(e.xs),
+        "--dv-filter-sm": String(e.sm ?? e.xs),
+        "--dv-filter-md": String(e.md ?? e.sm ?? e.xs),
+        "--dv-filter-lg": String(e.lg ?? e.md ?? e.sm ?? e.xs),
+        "--dv-filter-xl": String(e.xl ?? e.lg ?? e.md ?? e.sm ?? e.xs)
       };
     }
-    function x(i) {
-      return i;
+    function M(e) {
+      return e;
     }
-    function C(i) {
-      return i.map((a) => ({ ...a }));
+    function x(e) {
+      return e.map((a) => ({ ...a }));
     }
-    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`);
+    function s(e) {
+      if (typeof e != "string" || !/^\d{4}-\d{2}-\d{2}$/.test(e)) return;
+      const a = /* @__PURE__ */ new Date(`${e}T12:00:00Z`);
       return Number.isNaN(a.getTime()) ? void 0 : a;
     }
-    function S(i) {
-      return i.toISOString().slice(0, 10);
+    function C(e) {
+      return e.toISOString().slice(0, 10);
     }
-    function D() {
-      const i = new Intl.DateTimeFormat("en-CA", {
-        timeZone: o.context.timezone,
+    function P() {
+      const e = new Intl.DateTimeFormat("en-CA", {
+        timeZone: i.context.timezone,
         year: "numeric",
         month: "2-digit",
         day: "2-digit"
-      }).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;
+      }).formatToParts(/* @__PURE__ */ new Date()), a = Object.fromEntries(e.map((f) => [f.type, f.value])), n = /* @__PURE__ */ new Date(`${a.year}-${a.month}-${a.day}T12:00:00Z`);
+      return n.setUTCDate(n.getUTCDate() - 1), n;
     }
-    function c(i) {
-      return o.context.variables[i];
+    function r(e) {
+      return i.context.variables[e];
     }
-    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 l(e) {
+      const a = r(e.startVariableId), n = r(e.endVariableId);
+      return typeof a != "string" || typeof n != "string" || !s(a) || !s(n) ? {} : { value: [a, n] };
     }
-    function f(i, a) {
+    function m(e, a) {
       if (!Array.isArray(a) || a.length !== 2) return;
-      const [t, g] = a;
-      typeof t != "string" || typeof g != "string" || e("change", {
-        [i.startVariableId]: t,
-        [i.endVariableId]: g
+      const [n, f] = a;
+      typeof n != "string" || typeof f != "string" || t("change", {
+        [e.startVariableId]: n,
+        [e.endVariableId]: f
       });
     }
-    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 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 d(e) {
+      var h, A;
+      const a = s(r(e.startVariableId)), n = s(r(e.endVariableId));
+      if (!a || !n || n.getTime() !== P().getTime()) return;
+      const f = Math.round((n.getTime() - a.getTime()) / 864e5) + 1;
+      return (A = (h = e.presets) == null ? void 0 : h.find((E) => E.days === f)) == null ? void 0 : A.id;
     }
-    function n(i, a) {
-      var F;
-      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 w(e, a) {
+      var E;
+      const n = typeof a.target.value == "string" ? a.target.value : void 0, f = (E = e.presets) == null ? void 0 : E.find((Q) => Q.id === n);
+      if (!f) return;
+      const h = P(), A = new Date(h);
+      A.setUTCDate(A.getUTCDate() - f.days + 1), t("change", {
+        [e.startVariableId]: C(A),
+        [e.endVariableId]: C(h)
       });
     }
-    function M(i, a) {
-      e("change", { [i]: a ?? null });
+    function D(e, a) {
+      t("change", { [e]: a ?? null });
     }
-    return (i, a) => i.config ? (p(), w("div", {
+    return (e, a) => e.config ? (u(), b("div", {
       key: 0,
-      class: q(["dv-filter-bar", { "dv-filter-bar--flow": i.config.layout === "flow" }])
+      class: K(["dv-filter-bar", { "dv-filter-bar--flow": e.config.layout === "flow" }])
     }, [
-      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(h(t.layout))
+      R("div", et, [
+        (u(!0), b(H, null, G(e.config.controls, (n) => {
+          var f;
+          return u(), b("div", {
+            key: n.id,
+            class: K(["dv-filter-bar__control", `dv-filter-bar__control--${n.type}`]),
+            style: pe(g(n.layout))
           }, [
-            I("label", et, L(t.label), 1),
-            t.type === "date-range" ? (p(), w("div", tt, [
-              R(u(Be), xe({
+            R("label", tt, L(n.label), 1),
+            n.type === "date-range" ? (u(), b("div", nt, [
+              k(c(Ue), Ce({
                 class: "dv-filter-bar__range-picker",
                 "allow-clear": !1,
-                disabled: t.disabled ?? !1,
+                disabled: n.disabled ?? !1,
                 "dropdown-class-name": "dv-filter-bar__date-popup",
-                format: t.format ?? "YYYY-MM-DD"
-              }, l(t), {
+                format: n.format ?? "YYYY-MM-DD"
+              }, l(n), {
                 "value-format": "YYYY-MM-DD",
-                onChange: (y) => f(t, y)
+                onChange: (h) => m(n, h)
               }), {
-                separator: k(() => [
+                separator: S(() => [
                   U("至")
                 ]),
                 _: 2
               }, 1040, ["disabled", "format", "onChange"]),
-              (g = t.presets) != null && g.length ? (p(), z(u(Ue), {
+              (f = n.presets) != null && f.length ? (u(), z(c(Ne), {
                 key: 0,
                 class: "dv-filter-bar__presets",
-                disabled: t.disabled ?? !1,
+                disabled: n.disabled ?? !1,
                 size: "small",
-                value: d(t),
-                onChange: (y) => n(t, y)
+                value: d(n),
+                onChange: (h) => w(n, h)
               }, {
-                default: k(() => [
-                  (p(!0), w(H, null, K(t.presets, (y) => (p(), z(u(Ne), {
-                    key: y.id,
-                    value: y.id
+                default: S(() => [
+                  (u(!0), b(H, null, G(n.presets, (h) => (u(), z(c(je), {
+                    key: h.id,
+                    value: h.id
                   }, {
-                    default: k(() => [
-                      U(L(y.label), 1)
+                    default: S(() => [
+                      U(L(h.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["value"]))), 128))
                 ]),
                 _: 2
               }, 1032, ["disabled", "value", "onChange"])) : $("", !0)
-            ])) : t.type === "multi-select" ? (p(), z(u(le), {
+            ])) : n.type === "multi-select" ? (u(), z(c(de), {
               key: 1,
-              "allow-clear": t.allowClear ?? !1,
-              disabled: t.disabled ?? !1,
-              "max-tag-count": t.maxTagCount ?? "responsive",
+              "allow-clear": n.allowClear ?? !1,
+              disabled: n.disabled ?? !1,
+              "max-tag-count": n.maxTagCount ?? "responsive",
               mode: "multiple",
               "option-filter-prop": "label",
-              options: C(t.options),
-              placeholder: t.placeholder ?? "",
-              "show-search": t.showSearch ?? !1,
-              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), {
+              options: x(n.options),
+              placeholder: n.placeholder ?? "",
+              "show-search": n.showSearch ?? !1,
+              value: e.context.variables[n.variableId],
+              onChange: (h) => D(n.variableId, h)
+            }, null, 8, ["allow-clear", "disabled", "max-tag-count", "options", "placeholder", "show-search", "value", "onChange"])) : (u(), z(c(de), {
               key: 2,
-              "allow-clear": t.allowClear ?? !1,
-              disabled: t.disabled ?? !1,
+              "allow-clear": n.allowClear ?? !1,
+              disabled: n.disabled ?? !1,
               "option-filter-prop": "label",
-              options: C(t.options),
-              placeholder: t.placeholder ?? "",
-              "show-search": t.showSearch ?? !1,
-              value: i.context.variables[t.variableId],
-              onChange: (y) => M(t.variableId, y)
+              options: x(n.options),
+              placeholder: n.placeholder ?? "",
+              "show-search": n.showSearch ?? !1,
+              value: e.context.variables[n.variableId],
+              onChange: (h) => D(n.variableId, h)
             }, null, 8, ["allow-clear", "disabled", "options", "placeholder", "show-search", "value", "onChange"]))
           ], 6);
         }), 128))
       ]),
-      i.config.showRefresh !== !1 ? (p(), z(u(N), {
+      e.config.showRefresh !== !1 ? (u(), z(c(N), {
         key: 0,
         title: "刷新全部"
       }, {
-        default: k(() => [
-          R(u(Y), {
+        default: S(() => [
+          k(c(Y), {
             type: "primary",
             class: "dv-filter-bar__refresh",
-            loading: i.loading ?? !1,
-            onClick: a[0] || (a[0] = (t) => i.$emit("refresh"))
+            loading: e.loading ?? !1,
+            onClick: a[0] || (a[0] = (n) => e.$emit("refresh"))
           }, {
-            icon: k(() => [
-              R(u(X))
+            icon: S(() => [
+              k(c(ee))
             ]),
-            default: k(() => [
+            default: S(() => [
               U(" 刷新 ")
             ]),
             _: 1
@@ -185,50 +185,50 @@ const Je = { class: "dv-filter-bar__controls" }, et = { class: "dv-filter-bar__l
       })) : $("", !0)
     ], 2)) : $("", !0);
   }
-}), 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 = {
+}), B = (o, _) => {
+  const i = o.__vccOpts || o;
+  for (const [t, g] of _)
+    i[t] = g;
+  return i;
+}, it = /* @__PURE__ */ B(at, [["__scopeId", "data-v-45855b0b"]]), ye = (o) => (Re("data-v-d457add9"), o = o(), Ie(), o), rt = { class: "dv-panel__heading" }, ot = { class: "dv-panel__title-group" }, st = { class: "dv-panel__title" }, lt = {
   key: 0,
   class: "dv-panel__title-note"
-}, lt = { class: "dv-panel__actions" }, dt = {
+}, dt = { class: "dv-panel__actions" }, ct = {
   key: 0,
   class: "dv-panel__filters"
-}, ct = {
+}, ut = {
   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__ */ he(() => /* @__PURE__ */ I("span", { class: "dv-panel__retry-label" }, "重新加载", -1)), _t = {
+}, pt = { class: "dv-panel__failure" }, ft = { class: "dv-panel__failure-copy" }, vt = { class: "dv-panel__failure-heading" }, mt = ["title"], _t = /* @__PURE__ */ ye(() => /* @__PURE__ */ R("span", { class: "dv-panel__retry-label" }, "重新加载", -1)), gt = {
   key: 2,
   class: "dv-panel__state dv-panel__state--loading"
-}, gt = {
+}, ht = {
   key: 0,
   class: "dv-panel__state dv-panel__state--metric-empty"
-}, ht = {
+}, yt = {
   key: 1,
   class: "dv-panel__state dv-panel__state--empty",
   role: "status",
   "aria-live": "polite"
-}, yt = {
+}, bt = {
   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 = {
+}, wt = /* @__PURE__ */ ye(() => /* @__PURE__ */ R("div", { class: "dv-panel__empty-copy" }, [
+  /* @__PURE__ */ R("div", { class: "dv-panel__empty-title" }, "暂无数据")
+], -1)), Mt = {
   key: 4,
   class: "dv-panel__renderer"
-}, Mt = {
+}, xt = {
   key: 0,
   class: "dv-panel__refreshing"
-}, xt = {
+}, Ct = {
   key: 5,
   class: "dv-panel__state dv-panel__idle"
-}, Ct = {
+}, St = {
   key: 6,
   class: "dv-panel__updated"
-}, St = /* @__PURE__ */ O({
+}, kt = /* @__PURE__ */ O({
   __name: "DashboardPanel",
   props: {
     panel: {},
@@ -240,103 +240,106 @@ const Je = { class: "dv-filter-bar__controls" }, et = { class: "dv-filter-bar__l
     refreshDisabled: { type: Boolean }
   },
   emits: ["refresh", "retry", "exportCsv", "exportPng", "action", "visualizationEvent"],
-  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 = P(
-      () => e.definition.capabilities.csv && !!e.state.dataset || e.definition.capabilities.png && !!e.state.viewModel
-    ), 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 = P(
-      () => e.state.lastSuccessfulAt ? new Intl.DateTimeFormat(e.context.locale, { timeStyle: "medium", timeZone: e.context.timezone }).format(
-        new Date(e.state.lastSuccessfulAt)
+  setup(o, { expose: _, emit: i }) {
+    const t = o, g = i, M = j(), x = j(), s = I(() => t.panel.rendererId === "metric"), C = I(() => {
+      var e;
+      if (x.value)
+        return { title: "图表暂时无法展示", detail: x.value.message };
+      if (t.state.status === "error" || t.state.status === "cancelled")
+        return { title: "数据暂时无法加载", detail: (e = t.state.error) == null ? void 0 : e.message };
+    }), P = I(
+      () => Z(t.panel, t.definition.capabilities, "csv") && !!t.state.dataset
+    ), r = I(
+      () => Z(t.panel, t.definition.capabilities, "png") && !!t.state.viewModel
+    ), l = I(() => P.value || r.value), m = I(() => {
+      const e = t.panel.layout.minHeight ?? (s.value ? 119 : 401), a = s.value ? 40 : 50;
+      return { minHeight: `${Math.max(e - a - 2, s.value ? 77 : 190)}px` };
+    }), d = I(
+      () => t.state.lastSuccessfulAt ? new Intl.DateTimeFormat(t.context.locale, { timeStyle: "medium", timeZone: t.context.timezone }).format(
+        new Date(t.state.lastSuccessfulAt)
       ) : ""
     );
-    function f() {
-      var n, M;
-      return (M = (n = x.value) == null ? void 0 : n.exportPng) == null ? void 0 : M.call(n);
+    function w() {
+      var e, a;
+      if (r.value)
+        return (a = (e = M.value) == null ? void 0 : e.exportPng) == null ? void 0 : a.call(e);
     }
-    function d(n) {
-      n.key === "csv" && h("exportCsv"), n.key === "png" && h("exportPng");
+    function D(e) {
+      e.key === "csv" && P.value && g("exportCsv"), e.key === "png" && r.value && g("exportPng");
     }
-    return Ce((n) => (C.value = n instanceof Error ? n : new Error(String(n)), !1)), Se(
-      () => [e.state.generation, e.state.viewModel],
+    return Se((e) => (x.value = e instanceof Error ? e : new Error(String(e)), !1)), ke(
+      () => [t.state.generation, t.state.viewModel],
       () => {
-        C.value = void 0;
+        x.value = void 0;
       }
-    ), _({ exportPng: f }), (n, M) => (p(), z(u(je), {
-      class: q(["dv-panel", { "dv-panel--metric": s.value }]),
-      "body-style": c.value
+    ), _({ exportPng: w }), (e, a) => (u(), z(c(Ye), {
+      class: K(["dv-panel", { "dv-panel--metric": s.value }]),
+      "body-style": m.value
     }, {
-      title: k(() => [
-        I("div", it, [
-          I("span", ot, [
-            I("span", rt, L(n.panel.title), 1),
-            n.panel.description ? (p(), z(u(N), {
+      title: S(() => [
+        R("div", rt, [
+          R("span", ot, [
+            R("span", st, L(e.panel.title), 1),
+            e.panel.description ? (u(), z(c(N), {
               key: 0,
-              title: n.panel.description
+              title: e.panel.description
             }, {
-              default: k(() => [
-                R(u(Oe))
+              default: S(() => [
+                k(c(Be))
               ]),
               _: 1
             }, 8, ["title"])) : $("", !0)
           ]),
-          n.panel.titleNote ? (p(), w("span", st, L(n.panel.titleNote), 1)) : $("", !0)
+          e.panel.titleNote ? (u(), b("span", lt, L(e.panel.titleNote), 1)) : $("", !0)
         ])
       ]),
-      extra: k(() => {
-        var i;
+      extra: S(() => {
+        var n;
         return [
-          I("div", lt, [
-            n.state.status === "stale" ? (p(), z(u(N), {
+          R("div", dt, [
+            e.state.status === "stale" ? (u(), z(c(N), {
               key: 0,
-              title: `刷新失败，当前展示上次成功数据${(i = n.state.error) != null && i.message ? `：${n.state.error.message}` : ""}`
+              title: `刷新失败，当前展示上次成功数据${(n = e.state.error) != null && n.message ? `：${e.state.error.message}` : ""}`
             }, {
-              default: k(() => [
-                R(u(Ee), { class: "dv-panel__warning" })
+              default: S(() => [
+                k(c(Ve), { class: "dv-panel__warning" })
               ]),
               _: 1
             }, 8, ["title"])) : $("", !0),
-            R(u(N), {
-              title: n.refreshDisabled ? "正在刷新全部" : "刷新"
+            k(c(N), {
+              title: e.refreshDisabled ? "正在刷新全部" : "刷新"
             }, {
-              default: k(() => [
-                R(u(Y), {
-                  disabled: n.refreshDisabled ?? !1,
+              default: S(() => [
+                k(c(Y), {
+                  disabled: e.refreshDisabled ?? !1,
                   type: "text",
                   size: "small",
-                  onClick: M[0] || (M[0] = (a) => n.$emit("refresh"))
+                  onClick: a[0] || (a[0] = (f) => e.$emit("refresh"))
                 }, {
-                  icon: k(() => [
-                    R(u(X))
+                  icon: S(() => [
+                    k(c(ee))
                   ]),
                   _: 1
                 }, 8, ["disabled"])
               ]),
               _: 1
             }, 8, ["title"]),
-            D.value ? (p(), z(u(Ye), {
+            l.value ? (u(), z(c(He), {
               key: 1,
               placement: "bottomRight",
               trigger: ["click"]
             }, {
-              overlay: k(() => [
-                R(u(He), { onClick: d }, {
-                  default: k(() => [
-                    n.definition.capabilities.csv && n.state.dataset ? (p(), z(u(ce), { key: "csv" }, {
-                      default: k(() => [
+              overlay: S(() => [
+                k(c(qe), { onClick: D }, {
+                  default: S(() => [
+                    P.value ? (u(), z(c(ue), { key: "csv" }, {
+                      default: S(() => [
                         U("导出 CSV")
                       ]),
                       _: 1
                     })) : $("", !0),
-                    n.definition.capabilities.png && n.state.viewModel ? (p(), z(u(ce), { key: "png" }, {
-                      default: k(() => [
+                    r.value ? (u(), z(c(ue), { key: "png" }, {
+                      default: S(() => [
                         U("导出 PNG")
                       ]),
                       _: 1
@@ -345,15 +348,15 @@ const Je = { class: "dv-filter-bar__controls" }, et = { class: "dv-filter-bar__l
                   _: 1
                 })
               ]),
-              default: k(() => [
-                R(u(N), { title: "下载" }, {
-                  default: k(() => [
-                    R(u(Y), {
+              default: S(() => [
+                k(c(N), { title: "下载" }, {
+                  default: S(() => [
+                    k(c(Y), {
                       type: "text",
                       size: "small"
                     }, {
-                      icon: k(() => [
-                        R(u(Ve))
+                      icon: S(() => [
+                        k(c(Oe))
                       ]),
                       _: 1
                     })
@@ -363,46 +366,46 @@ const Je = { class: "dv-filter-bar__controls" }, et = { class: "dv-filter-bar__l
               ]),
               _: 1
             })) : $("", !0),
-            (p(!0), w(H, null, K(n.panel.actions ?? [], (a) => (p(), z(u(Y), {
-              key: a.id,
+            (u(!0), b(H, null, G(e.panel.actions ?? [], (f) => (u(), z(c(Y), {
+              key: f.id,
               type: "link",
               size: "small",
-              onClick: (t) => n.$emit("action", a.id)
+              onClick: (h) => e.$emit("action", f.id)
             }, {
-              default: k(() => [
-                U(L(a.label ?? a.id), 1)
+              default: S(() => [
+                U(L(f.label ?? f.id), 1)
               ]),
               _: 2
             }, 1032, ["onClick"]))), 128))
           ])
         ];
       }),
-      default: k(() => [
-        n.filterSummary ? (p(), w("div", dt, L(n.filterSummary), 1)) : $("", !0),
-        S.value ? (p(), w("div", ct, [
-          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", {
+      default: S(() => [
+        e.filterSummary ? (u(), b("div", ct, L(e.filterSummary), 1)) : $("", !0),
+        C.value ? (u(), b("div", ut, [
+          R("div", pt, [
+            k(c(Ee), { class: "dv-panel__failure-icon" }),
+            R("div", ft, [
+              R("div", vt, L(C.value.title), 1),
+              C.value.detail ? (u(), b("div", {
                 key: 0,
                 class: "dv-panel__failure-detail",
-                title: S.value.detail
-              }, L(S.value.detail), 9, vt)) : $("", !0)
+                title: C.value.detail
+              }, L(C.value.detail), 9, mt)) : $("", !0)
             ]),
-            R(u(N), { title: "重试" }, {
-              default: k(() => [
-                R(u(Y), {
+            k(c(N), { title: "重试" }, {
+              default: S(() => [
+                k(c(Y), {
                   class: "dv-panel__retry",
                   size: "small",
                   "aria-label": "重试",
-                  onClick: M[1] || (M[1] = (i) => n.$emit("retry"))
+                  onClick: a[1] || (a[1] = (n) => e.$emit("retry"))
                 }, {
-                  icon: k(() => [
-                    R(u(X))
+                  icon: S(() => [
+                    k(c(ee))
                   ]),
-                  default: k(() => [
-                    mt
+                  default: S(() => [
+                    _t
                   ]),
                   _: 1
                 })
@@ -410,69 +413,69 @@ const Je = { class: "dv-filter-bar__controls" }, et = { class: "dv-filter-bar__l
               _: 1
             })
           ])
-        ])) : 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", gt, "暂无数据")) : (p(), w("div", ht, [
-            I("span", yt, [
-              R(u(Fe))
+        ])) : e.state.status === "loading" && !e.state.viewModel ? (u(), b("div", gt, [
+          k(c(ce))
+        ])) : e.state.status === "empty" ? (u(), b(H, { key: 3 }, [
+          s.value ? (u(), b("div", ht, "暂无数据")) : (u(), b("div", yt, [
+            R("span", bt, [
+              k(c(Fe))
             ]),
-            bt
+            wt
           ]))
-        ], 64)) : n.state.viewModel ? (p(), w("div", wt, [
-          (p(), z(pe(n.renderer), {
+        ], 64)) : e.state.viewModel ? (u(), b("div", Mt, [
+          (u(), z(fe(e.renderer), {
             ref_key: "rendererRef",
-            ref: x,
-            context: n.context,
-            panel: n.panel,
-            "view-model": n.state.viewModel,
-            onVisualizationEvent: M[2] || (M[2] = (i) => n.$emit("visualizationEvent", i))
+            ref: M,
+            context: e.context,
+            panel: e.panel,
+            "view-model": e.state.viewModel,
+            onVisualizationEvent: a[2] || (a[2] = (n) => e.$emit("visualizationEvent", n))
           }, null, 40, ["context", "panel", "view-model"])),
-          n.state.isRefreshing ? (p(), w("div", Mt, [
-            R(u(de))
+          e.state.isRefreshing ? (u(), b("div", xt, [
+            k(c(ce))
           ])) : $("", !0)
-        ])) : (p(), w("div", xt, "等待加载")),
-        n.state.lastSuccessfulAt ? (p(), w("div", Ct, "更新于 " + L(l.value), 1)) : $("", !0)
+        ])) : (u(), b("div", Ct, "等待加载")),
+        e.state.lastSuccessfulAt ? (u(), b("div", St, "更新于 " + L(d.value), 1)) : $("", !0)
       ]),
       _: 1
     }, 8, ["class", "body-style"]));
   }
-}), kt = /* @__PURE__ */ B(St, [["__scopeId", "data-v-b524c4f2"]]);
-function Rt(r, _ = {}) {
-  const o = Ie(r.snapshot);
-  let e;
-  return fe(() => {
-    e = r.subscribe((h) => {
-      o.value = h;
-    }), _.autoLoad !== !1 && r.load();
-  }), ve(() => e == null ? void 0 : e()), {
-    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: (h, x) => r.refreshPanels(h, x),
-    refreshPanel: (h) => r.refreshPanel(h),
-    retryPanel: (h) => r.retryPanel(h),
-    setVariables: (h, x) => r.setVariables(h, x)
+}), Rt = /* @__PURE__ */ B(kt, [["__scopeId", "data-v-d457add9"]]);
+function It(o, _ = {}) {
+  const i = Pe(o.snapshot);
+  let t;
+  return ve(() => {
+    t = o.subscribe((g) => {
+      i.value = g;
+    }), _.autoLoad !== !1 && o.load();
+  }), me(() => t == null ? void 0 : t()), {
+    snapshot: i,
+    context: I(() => i.value.context),
+    panelStates: I(() => i.value.panelStates),
+    isLoading: I(() => i.value.isGlobalLoading),
+    loadPanels: (g) => o.loadPanels(g),
+    refreshAll: () => o.refreshAll(),
+    refreshPanels: (g, M) => o.refreshPanels(g, M),
+    refreshPanel: (g) => o.refreshPanel(g),
+    retryPanel: (g) => o.retryPanel(g),
+    setVariables: (g, M) => o.setVariables(g, M)
   };
 }
-function It(r, _, o) {
-  const e = URL.createObjectURL(new Blob([r], { type: _ }));
-  ye(e, o), window.setTimeout(() => URL.revokeObjectURL(e), 0);
+function Pt(o, _, i) {
+  const t = URL.createObjectURL(new Blob([o], { type: _ }));
+  be(t, i), window.setTimeout(() => URL.revokeObjectURL(t), 0);
 }
-function $t(r, _) {
-  ye(r, _);
+function $t(o, _) {
+  be(o, _);
 }
-function ye(r, _) {
-  const o = document.createElement("a");
-  o.href = r, o.download = _, o.hidden = !0, document.body.append(o), o.click(), o.remove();
+function be(o, _) {
+  const i = document.createElement("a");
+  i.href = o, i.download = _, i.hidden = !0, document.body.append(i), i.click(), i.remove();
 }
-const Pt = {
+const Dt = {
   key: 0,
   class: "dv-dashboard__header"
-}, Dt = { key: 0 }, At = { class: "dv-dashboard__grid" }, zt = ["data-panel-id"], Lt = /* @__PURE__ */ O({
+}, At = { key: 0 }, zt = { class: "dv-dashboard__grid" }, Lt = ["data-panel-id"], Tt = /* @__PURE__ */ O({
   __name: "DashboardRenderer",
   props: {
     runtime: {},
@@ -484,153 +487,167 @@ const Pt = {
     syncUrl: { type: Boolean, default: !0 },
     showHeader: { type: Boolean, default: !0 }
   },
-  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;
+  setup(o, { expose: _ }) {
+    const i = o, t = /* @__PURE__ */ new Map(), g = j(), M = /* @__PURE__ */ new Set(), x = /* @__PURE__ */ new Set();
+    let s, C = !1, P = !1;
     $e(() => {
-      o.syncUrl && typeof window < "u" && o.runtime.restoreContext(window.location.search);
+      i.syncUrl && typeof window < "u" && i.runtime.restoreContext(window.location.search);
     });
     const {
-      context: c,
+      context: r,
       panelStates: l,
-      isLoading: f,
+      isLoading: m,
       loadPanels: d,
-      refreshAll: n,
-      refreshPanels: M,
-      refreshPanel: i,
+      refreshAll: w,
+      refreshPanels: D,
+      refreshPanel: e,
       retryPanel: a,
-      setVariables: t
-    } = Rt(o.runtime, { autoLoad: o.autoLoad && !o.lazyLoad });
-    fe(() => {
+      setVariables: n
+    } = It(i.runtime, { autoLoad: i.autoLoad && !i.lazyLoad });
+    ve(() => {
       var v;
-      if (!(!o.autoLoad || !o.lazyLoad)) {
+      if (!(!i.autoLoad || !i.lazyLoad)) {
         if (typeof IntersectionObserver > "u") {
-          n();
+          w();
           return;
         }
-        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));
+        C = !0, s = new IntersectionObserver(we, {
+          rootMargin: i.lazyLoadRootMargin
+        }), (v = g.value) == null || v.querySelectorAll(".dv-dashboard__cell").forEach((p) => s == null ? void 0 : s.observe(p));
       }
-    }), ve(() => {
-      s == null || s.disconnect(), s = void 0, S = !1, x.clear(), C.clear();
+    }), me(() => {
+      s == null || s.disconnect(), s = void 0, C = !1, M.clear(), x.clear();
     });
-    const g = P(
-      () => (o.runtime.config.variables ?? []).map((v) => `${v.label}: ${y(c.value.variables[v.id])}`).join(" · ")
+    const f = I(
+      () => (i.runtime.config.variables ?? []).map((v) => `${v.label}: ${h(r.value.variables[v.id])}`).join(" · ")
     );
-    function y(v) {
+    function h(v) {
       return Array.isArray(v) ? v.join(", ") : String(v ?? "--");
     }
     function A(v) {
-      const m = v.layout.span;
+      const p = v.layout.span;
       return {
-        "--dv-panel-xs": String(m.xs),
-        "--dv-panel-sm": String(m.sm ?? m.xs),
-        "--dv-panel-md": String(m.md ?? m.sm ?? m.xs),
-        "--dv-panel-lg": String(m.lg ?? m.md ?? m.sm ?? m.xs),
-        "--dv-panel-xl": String(m.xl ?? m.lg ?? m.md ?? m.sm ?? m.xs)
+        "--dv-panel-xs": String(p.xs),
+        "--dv-panel-sm": String(p.sm ?? p.xs),
+        "--dv-panel-md": String(p.md ?? p.sm ?? p.xs),
+        "--dv-panel-lg": String(p.lg ?? p.md ?? p.sm ?? p.xs),
+        "--dv-panel-xl": String(p.xl ?? p.lg ?? p.md ?? p.sm ?? p.xs)
       };
     }
-    function F(v) {
-      var b;
-      const m = ((b = o.panelComponents) == null ? void 0 : b[v.id]) ?? o.rendererRegistry.require(v.rendererId).component;
-      return Pe(De(m));
+    function E(v) {
+      var y;
+      const p = ((y = i.panelComponents) == null ? void 0 : y[v.id]) ?? i.rendererRegistry.require(v.rendererId).component;
+      return De(Ae(p));
     }
-    function W(v, m) {
-      m ? e.set(v, m) : e.delete(v);
+    function Q(v, p) {
+      p ? t.set(v, p) : t.delete(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)));
-      }), !(!C.size || D) && (D = !0, queueMicrotask(() => {
-        D = !1;
-        const m = Array.from(C);
-        C.clear(), d(m);
+    function we(v) {
+      v.forEach((p) => {
+        const y = p.target.dataset.panelId;
+        y && (p.isIntersecting ? (M.add(y), x.add(y)) : (M.delete(y), x.delete(y)));
+      }), !(!x.size || P) && (P = !0, queueMicrotask(() => {
+        P = !1;
+        const p = Array.from(x);
+        x.clear(), d(p);
       }));
     }
-    function ie() {
-      return S ? M(x, { deferUnselected: !0 }) : n();
+    function oe() {
+      return C ? D(M, { deferUnselected: !0 }) : w();
     }
-    async function we(v) {
-      const m = t(v, S ? x : void 0);
-      if (o.syncUrl && typeof window < "u") {
-        const b = We(o.runtime.config, o.runtime.context, window.location.search);
+    async function Me(v) {
+      const p = n(v, C ? M : void 0);
+      if (i.syncUrl && typeof window < "u") {
+        const y = Ze(i.runtime.config, i.runtime.context, window.location.search);
         window.history.replaceState(
           window.history.state,
           "",
-          `${window.location.pathname}${b}${window.location.hash}`
+          `${window.location.pathname}${y}${window.location.hash}`
         );
       }
-      await m;
+      await p;
     }
-    function oe(v) {
-      var se;
-      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 = Ze(b, m, c.value);
-      It(T, "text/csv;charset=utf-8", Qe(o.runtime.config.id, m.id));
+    function se(v) {
+      var q;
+      const p = i.runtime.config.panels.find((xe) => xe.id === v);
+      if (!p || !Z(
+        p,
+        i.runtime.dataRuntime.registries.rendererDefinitions.require(p.rendererId).capabilities,
+        "csv"
+      ))
+        return;
+      const y = (q = l.value[v]) == null ? void 0 : q.dataset;
+      if (!y) return;
+      const T = Qe(y, p, r.value);
+      Pt(T, "text/csv;charset=utf-8", Xe(i.runtime.config.id, p.id));
     }
-    function re(v) {
-      var b;
-      const m = (b = e.get(v)) == null ? void 0 : b.exportPng();
-      m && $t(m, `${o.runtime.config.id}-${v}.png`);
+    function le(v) {
+      var T;
+      const p = i.runtime.config.panels.find((q) => q.id === v);
+      if (!p || !Z(
+        p,
+        i.runtime.dataRuntime.registries.rendererDefinitions.require(p.rendererId).capabilities,
+        "png"
+      ))
+        return;
+      const y = (T = t.get(v)) == null ? void 0 : T.exportPng();
+      y && $t(y, `${i.runtime.config.id}-${v}.png`);
     }
-    return _({ refreshAll: ie, refreshPanel: i, exportCsv: oe, exportPng: re }), (v, m) => (p(), w("section", {
+    return _({ refreshAll: oe, refreshPanel: e, exportCsv: se, exportPng: le }), (v, p) => (u(), b("section", {
       ref_key: "dashboardElement",
-      ref: h,
+      ref: g,
       class: "dv-dashboard"
     }, [
-      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)
+      v.showHeader ? (u(), b("header", Dt, [
+        R("div", null, [
+          R("h1", null, L(v.runtime.config.title), 1),
+          v.runtime.config.description ? (u(), b("p", At, L(v.runtime.config.description), 1)) : $("", !0)
         ])
       ])) : $("", !0),
-      v.runtime.config.filterBar ? (p(), z(at, {
+      v.runtime.config.filterBar ? (u(), z(it, {
         key: 1,
         config: v.runtime.config.filterBar,
-        context: u(c),
-        loading: u(f),
-        onChange: we,
-        onRefresh: ie
+        context: c(r),
+        loading: c(m),
+        onChange: Me,
+        onRefresh: oe
       }, 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,
+      R("div", zt, [
+        (u(!0), b(H, null, G(v.runtime.config.panels, (y) => (u(), b("div", {
+          key: y.id,
           class: "dv-dashboard__cell",
-          "data-panel-id": b.id,
-          style: ue(A(b))
+          "data-panel-id": y.id,
+          style: pe(A(y))
         }, [
-          R(kt, {
+          k(Rt, {
             ref_for: !0,
-            ref: (T) => W(b.id, T),
-            context: u(c),
-            definition: v.runtime.dataRuntime.registries.rendererDefinitions.require(b.rendererId),
-            "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) => oe(b.id),
-            onExportPng: (T) => re(b.id),
-            onRefresh: (T) => u(i)(b.id),
-            onRetry: (T) => u(a)(b.id),
-            onVisualizationEvent: m[0] || (m[0] = (T) => v.runtime.dispatchEvent(T))
+            ref: (T) => Q(y.id, T),
+            context: c(r),
+            definition: v.runtime.dataRuntime.registries.rendererDefinitions.require(y.rendererId),
+            "filter-summary": f.value,
+            panel: y,
+            "refresh-disabled": c(m),
+            renderer: E(y),
+            state: c(l)[y.id],
+            onAction: (T) => v.runtime.executePanelAction(y.id, T),
+            onExportCsv: (T) => se(y.id),
+            onExportPng: (T) => le(y.id),
+            onRefresh: (T) => c(e)(y.id),
+            onRetry: (T) => c(a)(y.id),
+            onVisualizationEvent: p[0] || (p[0] = (T) => v.runtime.dispatchEvent(T))
           }, null, 8, ["context", "definition", "filter-summary", "panel", "refresh-disabled", "renderer", "state", "onAction", "onExportCsv", "onExportPng", "onRefresh", "onRetry"])
-        ], 12, zt))), 128))
+        ], 12, Lt))), 128))
       ])
     ], 512));
   }
-}), dn = /* @__PURE__ */ B(Lt, [["__scopeId", "data-v-6d4b5bdb"]]);
-function ne(r) {
-  return r.type === "percent" ? Z.PERCENT : r.type === "decimal" ? Z.DECIMAL : Z.COMMAS;
+}), cn = /* @__PURE__ */ B(Tt, [["__scopeId", "data-v-39ec9b07"]]);
+function ie(o) {
+  return o.type === "percent" ? X.PERCENT : o.type === "decimal" ? X.DECIMAL : X.COMMAS;
 }
-function ae(r) {
-  return typeof r == "object" && r !== null ? r : {};
+function re(o) {
+  return typeof o == "object" && o !== null ? o : {};
 }
-const Tt = { class: "dv-chart-renderer dv-bar-renderer" }, Ft = /* @__PURE__ */ O({
+const Et = { class: "dv-chart-renderer dv-bar-renderer" }, Ft = /* @__PURE__ */ O({
   __name: "BarRenderer",
   props: {
     viewModel: {},
@@ -638,82 +655,82 @@ const Tt = { class: "dv-chart-renderer dv-bar-renderer" }, Ft = /* @__PURE__ */
     context: {}
   },
   emits: ["visualizationEvent"],
-  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;
+  setup(o, { expose: _, emit: i }) {
+    const t = o, g = i, M = j();
+    function x(r, l, m = !1) {
+      const d = m ? F.formatAxis(r, l.format, t.context) : F.formatTooltip(r, l.format, t.context), w = l.format.type === "currency" || l.format.type === "percent" || l.format.unit;
+      return r != null && r !== "" && l.unit && !w ? `${d}${l.unit}` : d;
     }
-    const s = P(() => ({
-      categories: [...e.viewModel.categories],
-      colors: [...te],
-      orientation: e.viewModel.orientation,
-      ...e.viewModel.visibleCount !== void 0 ? { visibleCount: e.viewModel.visibleCount } : {},
+    const s = I(() => ({
+      categories: [...t.viewModel.categories],
+      colors: [...ae],
+      orientation: t.viewModel.orientation,
+      ...t.viewModel.visibleCount !== void 0 ? { visibleCount: t.viewModel.visibleCount } : {},
       grid: {
         top: 18,
-        right: e.viewModel.orientation === "horizontal" && e.viewModel.showLabels ? 78 : 18,
+        right: t.viewModel.orientation === "horizontal" && t.viewModel.showLabels ? 78 : 18,
         bottom: 10,
         left: 16,
         containLabel: !0
       },
       categoryAxis: {
-        ...Q,
-        ...e.viewModel.orientation === "horizontal" && e.viewModel.visibleCount !== void 0 ? { inverse: !0 } : {},
-        axisLabel: { ...Q.axisLabel, interval: 0 }
+        ...J,
+        ...t.viewModel.orientation === "horizontal" && t.viewModel.visibleCount !== void 0 ? { inverse: !0 } : {},
+        axisLabel: { ...J.axisLabel, interval: 0 }
       },
       valueAxis: {
-        ...G,
+        ...W,
         splitNumber: 4,
         axisLabel: {
-          ...G.axisLabel,
+          ...W.axisLabel,
           hideOverlap: !0,
-          ...e.viewModel.series[0] ? { formatter: (c) => C(c, e.viewModel.series[0], !0) } : {}
+          ...t.viewModel.series[0] ? { formatter: (r) => x(r, t.viewModel.series[0], !0) } : {}
         }
       },
       tooltip: {
-        ...ee,
+        ...ne,
         axisPointer: { type: "shadow", shadowStyle: { color: "rgba(91, 114, 238, 0.055)" } }
       },
-      ...e.viewModel.stacked ? { stack: "total" } : {},
-      series: e.viewModel.series.map((c) => ({
-        name: c.label,
-        data: [...c.values],
-        formatType: ne(c.format),
-        valueFormatter: (l) => C(l, c),
-        showLabel: e.viewModel.showLabels,
+      ...t.viewModel.stacked ? { stack: "total" } : {},
+      series: t.viewModel.series.map((r) => ({
+        name: r.label,
+        data: [...r.values],
+        formatType: ie(r.format),
+        valueFormatter: (l) => x(l, r),
+        showLabel: t.viewModel.showLabels,
         itemStyle: {
-          borderRadius: e.viewModel.orientation === "horizontal" ? [0, 5, 5, 0] : [5, 5, 0, 0]
+          borderRadius: t.viewModel.orientation === "horizontal" ? [0, 5, 5, 0] : [5, 5, 0, 0]
         }
       }))
     }));
-    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 && h("visualizationEvent", {
+    function C(r) {
+      const l = re(r), m = typeof l.seriesIndex == "number" ? l.seriesIndex : 0, d = t.panel.binding.type === "bar" ? t.panel.binding : void 0;
+      d && g("visualizationEvent", {
         type: "dataPointClick",
-        panelId: e.panel.id,
+        panelId: t.panel.id,
         datasetId: d.datasetId,
         fields: Object.freeze({
           [d.categoryField]: l.name,
           ...d.seriesField ? { [d.seriesField]: l.seriesName } : {},
-          [d.valueFields[d.seriesField ? 0 : f] ?? d.valueFields[0]]: l.value
+          [d.valueFields[d.seriesField ? 0 : m] ?? d.valueFields[0]]: l.value
         })
       });
     }
-    function D() {
-      var c;
-      return (c = x.value) == null ? void 0 : c.exportPng();
+    function P() {
+      var r;
+      return (r = M.value) == null ? void 0 : r.exportPng();
     }
-    return _({ exportPng: D }), (c, l) => (p(), w("div", Tt, [
-      R(u(Ae), {
+    return _({ exportPng: P }), (r, l) => (u(), b("div", Et, [
+      k(c(ze), {
         ref_key: "chartRef",
-        ref: x,
+        ref: M,
         option: s.value,
-        size: u(J).SMALL,
-        onDataPointClick: S
+        size: c(te).SMALL,
+        onDataPointClick: C
       }, null, 8, ["option", "size"])
     ]));
   }
-}), Et = /* @__PURE__ */ B(Ft, [["__scopeId", "data-v-4f111bdf"]]), Vt = { class: "dv-chart-renderer dv-line-renderer" }, Ot = /* @__PURE__ */ O({
+}), Vt = /* @__PURE__ */ B(Ft, [["__scopeId", "data-v-4f111bdf"]]), Ot = { class: "dv-chart-renderer dv-line-renderer" }, Bt = /* @__PURE__ */ O({
   __name: "LineRenderer",
   props: {
     viewModel: {},
@@ -721,63 +738,63 @@ const Tt = { class: "dv-chart-renderer dv-bar-renderer" }, Ft = /* @__PURE__ */
     context: {}
   },
   emits: ["visualizationEvent"],
-  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);
+  setup(o, { expose: _, emit: i }) {
+    const t = o, g = i, M = j();
+    function x(l, m) {
+      const d = F.formatAxis(l, m.format, t.context);
+      return s(d, m);
     }
-    function s(l, f) {
-      const d = f.format.type === "currency" || f.format.type === "percent" || f.format.unit;
-      return f.unit && !d ? `${l}${f.unit}` : l;
+    function s(l, m) {
+      const d = m.format.type === "currency" || m.format.type === "percent" || m.format.unit;
+      return m.unit && !d ? `${l}${m.unit}` : l;
     }
-    const S = P(() => {
+    const C = I(() => {
       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]));
+        new Map(t.viewModel.series.map((d) => [d.axisKey, d])).values()
+      ), m = new Map(l.map((d, w) => [d.axisKey, w]));
       return {
-        colors: [...te],
+        colors: [...ae],
         grid: { top: 18, right: l.length > 1 ? 24 : 16, bottom: 10, left: 16, containLabel: !0 },
         tooltip: {
-          ...ee,
+          ...ne,
           axisPointer: { type: "line", lineStyle: { color: "#b8c1d1", type: "dashed" } }
         },
         xAxis: {
-          data: e.viewModel.categories.map(String),
-          ...Q,
-          ...e.viewModel.categoryFormat ? {
-            valueFormatter: (d) => E.formatAxis(d, e.viewModel.categoryFormat, e.context)
+          data: t.viewModel.categories.map(String),
+          ...J,
+          ...t.viewModel.categoryFormat ? {
+            valueFormatter: (d) => F.formatAxis(d, t.viewModel.categoryFormat, t.context)
           } : {}
         },
-        yAxis: l.map((d, n) => ({
-          ...G,
-          position: n === 0 ? "left" : "right",
-          show: n < 2,
+        yAxis: l.map((d, w) => ({
+          ...W,
+          position: w === 0 ? "left" : "right",
+          show: w < 2,
           axisLabel: {
-            ...G.axisLabel,
-            formatter: (M) => C(M, d)
+            ...W.axisLabel,
+            formatter: (D) => x(D, d)
           },
           splitLine: {
-            show: n === 0,
+            show: w === 0,
             lineStyle: { color: "#edf0f5", type: "dashed" }
           }
         })),
-        series: e.viewModel.series.map((d, n) => ({
+        series: t.viewModel.series.map((d, w) => ({
           name: d.label,
-          data: d.values.map((M) => M ?? void 0),
-          formatType: ne(d.format),
-          valueFormatter: (M) => {
-            const i = E.formatTooltip(M, d.format, e.context);
-            return M == null || M === "" ? i : s(i, d);
+          data: d.values.map((D) => D ?? void 0),
+          formatType: ie(d.format),
+          valueFormatter: (D) => {
+            const e = F.formatTooltip(D, d.format, t.context);
+            return D == null || D === "" ? e : s(e, d);
           },
-          showLabel: e.viewModel.showLabels,
-          smooth: e.viewModel.smooth,
-          yAxisIndex: f.get(d.axisKey) ?? 0,
+          showLabel: t.viewModel.showLabels,
+          smooth: t.viewModel.smooth,
+          yAxisIndex: m.get(d.axisKey) ?? 0,
           showSymbol: !1,
           symbol: "circle",
           symbolSize: 7,
-          lineStyle: { width: n === 0 ? 3 : 2.25 },
-          ...n === 0 ? {
+          lineStyle: { width: w === 0 ? 3 : 2.25 },
+          ...w === 0 ? {
             areaStyle: {
               opacity: 1,
               color: {
@@ -795,83 +812,83 @@ const Tt = { class: "dv-chart-renderer dv-bar-renderer" }, Ft = /* @__PURE__ */
           } : {}
         })),
         markLine: {
-          xAxis: e.viewModel.annotations.filter((d) => d.type === "category").map((d) => String(d.value)),
-          yAxis: e.viewModel.annotations.filter((d) => d.type === "value").map((d) => String(d.value))
+          xAxis: t.viewModel.annotations.filter((d) => d.type === "category").map((d) => String(d.value)),
+          yAxis: t.viewModel.annotations.filter((d) => d.type === "value").map((d) => String(d.value))
         }
       };
     });
-    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 && h("visualizationEvent", {
+    function P(l) {
+      const m = re(l), d = typeof m.seriesIndex == "number" ? m.seriesIndex : 0, w = t.panel.binding.type === "line" ? t.panel.binding : void 0;
+      w && g("visualizationEvent", {
         type: "dataPointClick",
-        panelId: e.panel.id,
-        datasetId: n.datasetId,
+        panelId: t.panel.id,
+        datasetId: w.datasetId,
         fields: Object.freeze({
-          [n.xField]: f.name,
-          ...n.seriesField ? { [n.seriesField]: f.seriesName } : {},
-          [n.yFields[n.seriesField ? 0 : d] ?? n.yFields[0]]: f.value
+          [w.xField]: m.name,
+          ...w.seriesField ? { [w.seriesField]: m.seriesName } : {},
+          [w.yFields[w.seriesField ? 0 : d] ?? w.yFields[0]]: m.value
         })
       });
     }
-    function c() {
+    function r() {
       var l;
-      return (l = x.value) == null ? void 0 : l.exportPng();
+      return (l = M.value) == null ? void 0 : l.exportPng();
     }
-    return _({ exportPng: c }), (l, f) => (p(), w("div", Vt, [
-      R(u(ze), {
+    return _({ exportPng: r }), (l, m) => (u(), b("div", Ot, [
+      k(c(Le), {
         ref_key: "chartRef",
-        ref: x,
-        option: S.value,
-        size: u(J).SMALL,
-        onDataPointClick: D
+        ref: M,
+        option: C.value,
+        size: c(te).SMALL,
+        onDataPointClick: P
       }, null, 8, ["option", "size"])
     ]));
   }
-}), Bt = /* @__PURE__ */ B(Ot, [["__scopeId", "data-v-efc34766"]]), Ut = { class: "dv-metric" }, Nt = { class: "dv-metric__value" }, jt = { class: "dv-metric__number" }, Yt = {
+}), Ut = /* @__PURE__ */ B(Bt, [["__scopeId", "data-v-efc34766"]]), Nt = { class: "dv-metric" }, jt = { class: "dv-metric__value" }, Yt = { class: "dv-metric__number" }, Ht = {
   key: 0,
   class: "dv-metric__unit"
-}, Ht = {
+}, qt = {
   key: 0,
   class: "dv-metric__comparison"
-}, qt = /* @__PURE__ */ O({
+}, Kt = /* @__PURE__ */ O({
   __name: "MetricRenderer",
   props: {
     viewModel: {},
     panel: {},
     context: {}
   },
-  setup(r) {
-    const _ = r, o = P(
-      () => E.formatDisplay(_.viewModel.value, _.viewModel.format, _.context)
-    ), e = P(
+  setup(o) {
+    const _ = o, i = I(
+      () => F.formatDisplay(_.viewModel.value, _.viewModel.format, _.context)
+    ), t = I(
       () => _.viewModel.format.type === "currency" || _.viewModel.format.type === "percent" ? void 0 : _.viewModel.unit
-    ), h = P(() => {
+    ), g = I(() => {
       const s = _.viewModel.comparison;
-      return s ? E.formatDisplay(s.value, s.format, _.context) : "";
-    }), x = P(() => {
-      var s, S;
-      return ((s = _.viewModel.comparison) == null ? void 0 : s.direction) === "up" ? me : ((S = _.viewModel.comparison) == null ? void 0 : S.direction) === "down" ? _e : ge;
-    }), C = P(() => {
+      return s ? F.formatDisplay(s.value, s.format, _.context) : "";
+    }), M = I(() => {
+      var s, C;
+      return ((s = _.viewModel.comparison) == null ? void 0 : s.direction) === "up" ? _e : ((C = _.viewModel.comparison) == null ? void 0 : C.direction) === "down" ? ge : he;
+    }), x = I(() => {
       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", Ut, [
-      I("div", Nt, [
-        I("span", jt, L(o.value), 1),
-        e.value ? (p(), w("span", Yt, L(e.value), 1)) : $("", !0)
+    return (s, C) => (u(), b("div", Nt, [
+      R("div", jt, [
+        R("span", Yt, L(i.value), 1),
+        t.value ? (u(), b("span", Ht, L(t.value), 1)) : $("", !0)
       ]),
-      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}`)
+      s.viewModel.comparison ? (u(), b("div", qt, [
+        R("span", null, L(s.viewModel.comparison.label), 1),
+        R("strong", {
+          class: K(`dv-metric__comparison--${x.value}`)
         }, [
-          (p(), z(pe(x.value))),
-          U(" " + L(h.value), 1)
+          (u(), z(fe(M.value))),
+          U(" " + L(g.value), 1)
         ], 2)
       ])) : $("", !0)
     ]));
   }
-}), Kt = /* @__PURE__ */ B(qt, [["__scopeId", "data-v-efa26253"]]), Gt = { class: "dv-chart-renderer dv-pie-renderer" }, Wt = /* @__PURE__ */ O({
+}), Gt = /* @__PURE__ */ B(Kt, [["__scopeId", "data-v-efa26253"]]), Wt = { class: "dv-chart-renderer dv-pie-renderer" }, Zt = /* @__PURE__ */ O({
   __name: "PieRenderer",
   props: {
     viewModel: {},
@@ -879,60 +896,60 @@ const Tt = { class: "dv-chart-renderer dv-bar-renderer" }, Ft = /* @__PURE__ */
     context: {}
   },
   emits: ["visualizationEvent"],
-  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;
+  setup(o, { expose: _, emit: i }) {
+    const t = o, g = i, M = j();
+    function x(r) {
+      const l = F.formatTooltip(r, t.viewModel.valueFormat, t.context), m = t.viewModel.valueFormat.type === "currency" || t.viewModel.valueFormat.type === "percent" || t.viewModel.valueFormat.unit;
+      return t.viewModel.unit && !m ? `${l}${t.viewModel.unit}` : l;
     }
-    const s = P(() => ({
-      colors: [...te],
-      donut: e.viewModel.donut,
-      showLegend: e.viewModel.showLegend,
+    const s = I(() => ({
+      colors: [...ae],
+      donut: t.viewModel.donut,
+      showLegend: t.viewModel.showLegend,
       showLabels: !1,
       center: ["50%", "43%"],
-      radius: e.viewModel.donut ? ["50%", "70%"] : "70%",
+      radius: t.viewModel.donut ? ["50%", "70%"] : "70%",
       itemStyle: { borderColor: "#fff", borderWidth: 3, borderRadius: 4 },
-      tooltip: { ...ee },
-      series: e.viewModel.items.map((c) => ({
-        name: c.label,
-        data: c.value,
-        formatType: ne(e.viewModel.valueFormat),
-        valueFormatter: C
+      tooltip: { ...ne },
+      series: t.viewModel.items.map((r) => ({
+        name: r.label,
+        data: r.value,
+        formatType: ie(t.viewModel.valueFormat),
+        valueFormatter: x
       })),
-      ...e.viewModel.donut ? {
+      ...t.viewModel.donut ? {
         aggregation: {
-          total: e.viewModel.items.reduce((c, l) => c + l.value, 0),
-          label: e.panel.title.replace(/占比$/, ""),
-          valueFormatter: C,
-          ...e.viewModel.unit ? { unit: e.viewModel.unit } : {}
+          total: t.viewModel.items.reduce((r, l) => r + l.value, 0),
+          label: t.panel.title.replace(/占比$/, ""),
+          valueFormatter: x,
+          ...t.viewModel.unit ? { unit: t.viewModel.unit } : {}
         }
       } : {}
     }));
-    function S(c) {
-      const l = ae(c), f = e.panel.binding.type === "pie" ? e.panel.binding : void 0;
-      f && h("visualizationEvent", {
+    function C(r) {
+      const l = re(r), m = t.panel.binding.type === "pie" ? t.panel.binding : void 0;
+      m && g("visualizationEvent", {
         type: "dataPointClick",
-        panelId: e.panel.id,
-        datasetId: f.datasetId,
-        fields: Object.freeze({ [f.nameField]: l.name, [f.valueField]: l.value })
+        panelId: t.panel.id,
+        datasetId: m.datasetId,
+        fields: Object.freeze({ [m.nameField]: l.name, [m.valueField]: l.value })
       });
     }
-    function D() {
-      var c;
-      return (c = x.value) == null ? void 0 : c.exportPng();
+    function P() {
+      var r;
+      return (r = M.value) == null ? void 0 : r.exportPng();
     }
-    return _({ exportPng: D }), (c, l) => (p(), w("div", Gt, [
-      R(u(Le), {
+    return _({ exportPng: P }), (r, l) => (u(), b("div", Wt, [
+      k(c(Te), {
         ref_key: "chartRef",
-        ref: x,
+        ref: M,
         option: s.value,
-        size: u(J).SMALL,
-        onDataPointClick: S
+        size: c(te).SMALL,
+        onDataPointClick: C
       }, null, 8, ["option", "size"])
     ]));
   }
-}), Zt = /* @__PURE__ */ B(Wt, [["__scopeId", "data-v-ccdee116"]]), Qt = { class: "dv-table-scroll" }, Xt = /* @__PURE__ */ O({
+}), Qt = /* @__PURE__ */ B(Zt, [["__scopeId", "data-v-ccdee116"]]), Xt = { class: "dv-table-scroll" }, Jt = /* @__PURE__ */ O({
   __name: "TableRenderer",
   props: {
     viewModel: {},
@@ -940,136 +957,136 @@ const Tt = { class: "dv-chart-renderer dv-bar-renderer" }, Ft = /* @__PURE__ */
     context: {}
   },
   emits: ["visualizationEvent"],
-  setup(r, { emit: _ }) {
-    const o = r, e = _, h = P(
-      () => o.viewModel.columns.map((a) => ({
+  setup(o, { emit: _ }) {
+    const i = o, t = _, g = I(
+      () => i.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(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)
+          filters: Array.from(new Set(i.viewModel.rows.map((n) => String(n[a.field] ?? "")))).slice(0, 50).map((n) => ({ text: n || "--", value: n })),
+          onFilter: (n, f) => String(f[a.field] ?? "") === String(n)
         } : {},
-        customRender: ({ text: t }) => C(t, a)
+        customRender: ({ text: n }) => x(n, a)
       }))
     );
-    function x(a, t) {
-      return E.formatDisplay(
+    function M(a, n) {
+      return F.formatDisplay(
         a,
-        t.format ?? {
-          type: t.dataType === "date" ? "date" : t.dataType === "datetime" ? "datetime" : "number"
+        n.format ?? {
+          type: n.dataType === "date" ? "date" : n.dataType === "datetime" ? "datetime" : "number"
         },
-        o.context
+        i.context
       );
     }
-    function C(a, t) {
-      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 x(a, n) {
+      const f = M(a, n);
+      return n.display ? n.display.type === "progress" ? C(a, f, n.display) : n.display.type === "trend" ? P(a, f, n.display) : r(a, f, n.display) : f;
     }
     function s(a) {
       return typeof a == "number" && Number.isFinite(a) ? a : void 0;
     }
-    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));
+    function C(a, n, f) {
+      const h = s(a);
+      if (h === void 0) return n;
+      const A = f.max ?? 1, E = Math.min(100, Math.max(0, h / A * 100));
       return V("div", { class: "dv-table__progress-cell" }, [
-        V(qe, { percent: F, showInfo: !1, size: "small", strokeWidth: 6 }),
-        V("span", { class: "dv-table__cell-value" }, t)
+        V(Ke, { percent: E, showInfo: !1, size: "small", strokeWidth: 6 }),
+        V("span", { class: "dv-table__cell-value" }, n)
       ]);
     }
-    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 P(a, n, f) {
+      const h = s(a);
+      if (h === void 0) return n;
+      const A = h > 0 ? f.positiveTone ?? "success" : h < 0 ? f.negativeTone ?? "danger" : f.zeroTone ?? "neutral", E = h > 0 ? _e : h < 0 ? ge : he;
+      return V("span", { class: ["dv-table__trend", `dv-table__trend--${A}`] }, [V(E), V("span", n)]);
     }
-    function c(a, t, g) {
+    function r(a, n, f) {
       var A;
-      const y = ((A = g.toneByValue) == null ? void 0 : A[String(a ?? "")]) ?? g.defaultTone ?? "neutral";
-      return l(t, y);
+      const h = ((A = f.toneByValue) == null ? void 0 : A[String(a ?? "")]) ?? f.defaultTone ?? "neutral";
+      return l(n, h);
     }
-    function l(a, t, g) {
+    function l(a, n, f) {
       return V(
-        Ke,
-        { class: ["dv-table__tag", `dv-table__tag--${t}`] },
+        Ge,
+        { class: ["dv-table__tag", `dv-table__tag--${n}`] },
         { default: () => [V("span", a)] }
       );
     }
-    const f = /* @__PURE__ */ new WeakMap();
+    const m = /* @__PURE__ */ new WeakMap();
     let d = 0;
-    function n(a) {
-      const t = f.get(a);
-      if (t) return t;
-      const g = `row-${++d}`;
-      return f.set(a, g), g;
+    function w(a) {
+      const n = m.get(a);
+      if (n) return n;
+      const f = `row-${++d}`;
+      return m.set(a, f), f;
     }
-    function M(a) {
+    function D(a) {
       return {
-        onClick: () => e("visualizationEvent", {
+        onClick: () => t("visualizationEvent", {
           type: "rowClick",
-          panelId: o.panel.id,
-          datasetId: o.panel.binding.datasetId,
+          panelId: i.panel.id,
+          datasetId: i.panel.binding.datasetId,
           fields: a
         })
       };
     }
-    function i() {
+    function e() {
     }
-    return (a, t) => (p(), w("div", Qt, [
-      R(u(Ge), {
+    return (a, n) => (u(), b("div", Xt, [
+      k(c(We), {
         class: "dv-table",
-        columns: h.value,
+        columns: g.value,
         "data-source": [...a.viewModel.rows],
         pagination: a.viewModel.showPagination ? { pageSize: a.viewModel.pageSize, showSizeChanger: !1 } : !1,
-        "row-key": n,
+        "row-key": w,
         scroll: { x: "max-content" },
         size: "small",
-        onChange: i,
-        "custom-row": M
+        onChange: e,
+        "custom-row": D
       }, null, 8, ["columns", "data-source", "pagination"])
     ]));
   }
-}), Jt = /* @__PURE__ */ B(Xt, [["__scopeId", "data-v-c8a717c4"]]);
-function cn(r) {
-  return r.registerMany([
-    { id: "metric", component: Kt },
-    { id: "line", component: Bt },
-    { id: "bar", component: Et },
-    { id: "pie", component: Zt },
-    { id: "table", component: Jt }
-  ]), r;
+}), en = /* @__PURE__ */ B(Jt, [["__scopeId", "data-v-c8a717c4"]]);
+function un(o) {
+  return o.registerMany([
+    { id: "metric", component: Gt },
+    { id: "line", component: Ut },
+    { id: "bar", component: Vt },
+    { id: "pie", component: Qt },
+    { id: "table", component: en }
+  ]), o;
 }
-class en extends Xe {
+class tn extends Je {
   constructor() {
     super("VueVisualizationRenderer");
   }
 }
-function un() {
-  return new en();
+function pn() {
+  return new tn();
 }
 export {
-  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,
-  Jt as TableRenderer,
-  en as VueRendererRegistry,
-  ae as chartEventFields,
-  un as createVueRendererRegistry,
-  It as downloadBlob,
+  Vt as BarRenderer,
+  it as DashboardFilterBar,
+  Rt as DashboardPanel,
+  cn as DashboardRenderer,
+  Ut as LineRenderer,
+  Gt as MetricRenderer,
+  Qt as PieRenderer,
+  J as STANDARD_CATEGORY_AXIS,
+  ae as STANDARD_CHART_COLORS,
+  ne as STANDARD_CHART_TOOLTIP,
+  W as STANDARD_VALUE_AXIS,
+  en as TableRenderer,
+  tn as VueRendererRegistry,
+  re as chartEventFields,
+  pn as createVueRendererRegistry,
+  Pt as downloadBlob,
   $t as downloadDataUrl,
-  cn as registerStandardVueRenderers,
-  ne as toChartFormat,
-  Rt as useDashboardRuntime
+  un as registerStandardVueRenderers,
+  ie as toChartFormat,
+  It as useDashboardRuntime
 };
 //# sourceMappingURL=index.js.map