foggy-data-viewer 1.0.1-beta.0

package/dist/index.js

@@ -0,0 +1,1531 @@
+import { defineComponent as U, ref as k, watch as P, computed as I, onMounted as ie, onUnmounted as ve, createElementBlock as _, openBlock as S, createElementVNode as y, createCommentVNode as L, withDirectives as ee, vModelText as te, withModifiers as H, Fragment as ae, renderList as oe, normalizeClass as W, toDisplayString as R, withKeys as de, resolveComponent as me, createVNode as Q, useAttrs as pe, useSlots as Te, provide as xe, renderSlot as Z, mergeProps as ue, toHandlers as he, withCtx as ge, h as q, createTextVNode as K, createBlock as Ee, resolveDynamicComponent as Me, createSlots as Ve, normalizeProps as Ie, guardReactiveProps as Oe } from "vue";
+import Ae from "axios";
+const Le = { class: "input-wrapper" }, Re = ["placeholder"], Ne = {
+  key: 0,
+  class: "filter-dropdown"
+}, Be = ["onClick", "onMouseenter"], Pe = /* @__PURE__ */ U({
+  __name: "TextFilter",
+  props: {
+    field: {},
+    modelValue: {},
+    placeholder: { default: "搜索..." }
+  },
+  emits: ["update:modelValue"],
+  setup(u, { emit: h }) {
+    const i = u, d = h, e = k(""), l = k(!1), b = k(), t = k(0);
+    P(() => i.modelValue, (n) => {
+      if (!n || n.length === 0) {
+        e.value = "";
+        return;
+      }
+      const m = n[0];
+      m.op === "in" && Array.isArray(m.value) ? e.value = m.value.join(", ") : e.value = String(m.value || "").replace(/%/g, "");
+    }, { immediate: !0 });
+    const s = I(() => {
+      const n = e.value.trim();
+      return n ? [
+        { op: "=", label: `等于：${n}` },
+        { op: "right_like", label: `左匹配：${n}***` },
+        { op: "in", label: `批量查找：${n}` }
+      ] : [];
+    });
+    function a() {
+      e.value.trim() ? (l.value = !0, t.value = 0) : (l.value = !1, d("update:modelValue", null));
+    }
+    function o(n) {
+      const m = e.value.trim();
+      if (!m) return;
+      let g;
+      if (n === "in") {
+        const f = m.split(/[,，\s]+/).filter((C) => C.trim());
+        f.length === 1 ? g = { field: i.field, op: "=", value: f[0] } : g = { field: i.field, op: "in", value: f };
+      } else
+        g = { field: i.field, op: n, value: m };
+      d("update:modelValue", [g]), l.value = !1;
+    }
+    function c(n) {
+      if (!l.value || s.value.length === 0) {
+        n.key === "Enter" && e.value.trim() && (l.value = !0, t.value = 0);
+        return;
+      }
+      switch (n.key) {
+        case "ArrowDown":
+          n.preventDefault(), t.value = (t.value + 1) % s.value.length;
+          break;
+        case "ArrowUp":
+          n.preventDefault(), t.value = (t.value - 1 + s.value.length) % s.value.length;
+          break;
+        case "Enter":
+          n.preventDefault(), o(s.value[t.value].op);
+          break;
+        case "Escape":
+          l.value = !1;
+          break;
+      }
+    }
+    function w() {
+      e.value = "", l.value = !1, d("update:modelValue", null);
+    }
+    function D(n) {
+      b.value && !b.value.contains(n.target) && (l.value = !1);
+    }
+    return ie(() => {
+      document.addEventListener("click", D);
+    }), ve(() => {
+      document.removeEventListener("click", D);
+    }), (n, m) => (S(), _("div", {
+      ref_key: "containerRef",
+      ref: b,
+      class: "filter-text"
+    }, [
+      y("div", Le, [
+        ee(y("input", {
+          "onUpdate:modelValue": m[0] || (m[0] = (g) => e.value = g),
+          type: "text",
+          placeholder: u.placeholder,
+          onInput: a,
+          onKeydown: c,
+          onFocus: m[1] || (m[1] = (g) => e.value.trim() && (l.value = !0))
+        }, null, 40, Re), [
+          [te, e.value]
+        ]),
+        e.value ? (S(), _("span", {
+          key: 0,
+          class: "clear-btn",
+          onClick: H(w, ["stop"])
+        }, "×")) : L("", !0)
+      ]),
+      l.value && s.value.length > 0 ? (S(), _("div", Ne, [
+        (S(!0), _(ae, null, oe(s.value, (g, f) => (S(), _("div", {
+          key: g.op,
+          class: W(["filter-option", { highlighted: f === t.value }]),
+          onClick: (C) => o(g.op),
+          onMouseenter: (C) => t.value = f
+        }, R(g.label), 43, Be))), 128))
+      ])) : L("", !0)
+    ], 512));
+  }
+}), z = (u, h) => {
+  const i = u.__vccOpts || u;
+  for (const [d, e] of h)
+    i[d] = e;
+  return i;
+}, le = /* @__PURE__ */ z(Pe, [["__scopeId", "data-v-8fef729c"]]), Ue = { class: "filter-number-range" }, ze = ["placeholder"], Ye = ["placeholder"], Ge = /* @__PURE__ */ U({
+  __name: "NumberRangeFilter",
+  props: {
+    field: {},
+    modelValue: {},
+    placeholderMin: { default: "最小" },
+    placeholderMax: { default: "最大" }
+  },
+  emits: ["update:modelValue"],
+  setup(u, { emit: h }) {
+    const i = u, d = h, e = k(""), l = k("");
+    P(() => i.modelValue, (s) => {
+      if (!s || s.length === 0) {
+        e.value = "", l.value = "";
+        return;
+      }
+      const a = s.find((o) => o.op === "[]" || o.op === "[)");
+      if (a && Array.isArray(a.value)) {
+        const [o, c] = a.value;
+        e.value = o != null ? String(o) : "", l.value = c != null ? String(c) : "";
+      } else {
+        const o = s.find((w) => w.op === ">="), c = s.find((w) => w.op === "<=");
+        e.value = (o == null ? void 0 : o.value) != null ? String(o.value) : "", l.value = (c == null ? void 0 : c.value) != null ? String(c.value) : "";
+      }
+    }, { immediate: !0 });
+    function b() {
+      const s = e.value.trim(), a = l.value.trim();
+      if (!s && !a) {
+        d("update:modelValue", null);
+        return;
+      }
+      const o = s ? parseFloat(s) : null, c = a ? parseFloat(a) : null;
+      s && isNaN(o) || a && isNaN(c) || (o !== null && c !== null ? d("update:modelValue", [{
+        field: i.field,
+        op: "[]",
+        value: [o, c]
+      }]) : o !== null ? d("update:modelValue", [{
+        field: i.field,
+        op: ">=",
+        value: o
+      }]) : c !== null && d("update:modelValue", [{
+        field: i.field,
+        op: "<=",
+        value: c
+      }]));
+    }
+    function t() {
+      e.value = "", l.value = "", d("update:modelValue", null);
+    }
+    return (s, a) => (S(), _("div", Ue, [
+      ee(y("input", {
+        "onUpdate:modelValue": a[0] || (a[0] = (o) => e.value = o),
+        type: "text",
+        placeholder: u.placeholderMin,
+        onChange: b,
+        onKeyup: de(b, ["enter"])
+      }, null, 40, ze), [
+        [te, e.value]
+      ]),
+      a[2] || (a[2] = y("span", { class: "separator" }, "-", -1)),
+      ee(y("input", {
+        "onUpdate:modelValue": a[1] || (a[1] = (o) => l.value = o),
+        type: "text",
+        placeholder: u.placeholderMax,
+        onChange: b,
+        onKeyup: de(b, ["enter"])
+      }, null, 40, Ye), [
+        [te, l.value]
+      ]),
+      e.value || l.value ? (S(), _("span", {
+        key: 0,
+        class: "clear-btn",
+        onClick: t
+      }, "×")) : L("", !0)
+    ]));
+  }
+}), be = /* @__PURE__ */ z(Ge, [["__scopeId", "data-v-e6401327"]]), je = { class: "filter-date-range" }, qe = /* @__PURE__ */ U({
+  __name: "DateRangeFilter",
+  props: {
+    field: {},
+    modelValue: {},
+    format: { default: "YYYY-MM-DD" },
+    showTime: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(u, { emit: h }) {
+    const i = u, d = h, e = k(null), l = I(() => {
+      var a;
+      return i.showTime || ((a = i.format) == null ? void 0 : a.includes("HH"));
+    }), b = I(() => l.value ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD");
+    P(() => i.modelValue, (a) => {
+      if (!a || a.length === 0) {
+        e.value = null;
+        return;
+      }
+      const o = a.find((c) => c.op === "[)" || c.op === "[]");
+      if (o && Array.isArray(o.value)) {
+        const [c, w] = o.value;
+        e.value = [
+          new Date(c.replace(" ", "T")),
+          new Date(w.replace(" ", "T"))
+        ];
+      } else {
+        const c = a.find((D) => D.op === ">="), w = a.find((D) => D.op === "<=" || D.op === "<");
+        if (c || w) {
+          const D = c ? new Date(String(c.value).replace(" ", "T")) : null, n = w ? new Date(String(w.value).replace(" ", "T")) : null;
+          D && n ? e.value = [D, n] : D ? e.value = [D, D] : n && (e.value = [n, n]);
+        } else
+          e.value = null;
+      }
+    }, { immediate: !0 });
+    function t(a) {
+      const o = a.getFullYear(), c = String(a.getMonth() + 1).padStart(2, "0"), w = String(a.getDate()).padStart(2, "0");
+      if (l.value) {
+        const D = String(a.getHours()).padStart(2, "0"), n = String(a.getMinutes()).padStart(2, "0"), m = String(a.getSeconds()).padStart(2, "0");
+        return `${o}-${c}-${w} ${D}:${n}:${m}`;
+      }
+      return `${o}-${c}-${w}`;
+    }
+    function s(a) {
+      if (!a || a.length !== 2) {
+        d("update:modelValue", null);
+        return;
+      }
+      const [o, c] = a, w = t(o);
+      let D;
+      if (l.value)
+        D = t(c);
+      else {
+        const n = new Date(c);
+        n.setDate(n.getDate() + 1), D = t(n);
+      }
+      d("update:modelValue", [{
+        field: i.field,
+        op: "[)",
+        value: [w, D]
+      }]);
+    }
+    return (a, o) => {
+      const c = me("el-date-picker");
+      return S(), _("div", je, [
+        Q(c, {
+          modelValue: e.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (w) => e.value = w),
+          type: l.value ? "datetimerange" : "daterange",
+          format: b.value,
+          "range-separator": "~",
+          "start-placeholder": "开始",
+          "end-placeholder": "结束",
+          size: "small",
+          clearable: !0,
+          editable: !1,
+          onChange: s
+        }, null, 8, ["modelValue", "type", "format"])
+      ]);
+    };
+  }
+}), ne = /* @__PURE__ */ z(qe, [["__scopeId", "data-v-4db2cb60"]]), We = {
+  key: 0,
+  class: "selected-text"
+}, He = {
+  key: 1,
+  class: "placeholder-text"
+}, Ke = ["title"], Qe = {
+  key: 0,
+  class: "filter-dropdown"
+}, Je = { class: "search-box" }, Xe = { class: "options-container" }, Ze = {
+  key: 0,
+  class: "loading-hint"
+}, et = ["onClick", "onMouseenter"], tt = ["checked"], at = { class: "option-label" }, lt = {
+  key: 0,
+  class: "no-data"
+}, nt = {
+  key: 0,
+  class: "more-hint"
+}, rt = {
+  key: 1,
+  class: "confirm-bar"
+}, ot = { class: "selected-count" }, st = /* @__PURE__ */ U({
+  __name: "SelectFilter",
+  props: {
+    field: {},
+    modelValue: {},
+    options: {},
+    placeholder: { default: "请选择..." },
+    loading: { type: Boolean, default: !1 },
+    maxDisplayItems: { default: 100 }
+  },
+  emits: ["update:modelValue"],
+  setup(u, { emit: h }) {
+    const i = u, d = h, e = k(!1), l = k(!1), b = k(""), t = k(/* @__PURE__ */ new Set()), s = k(), a = k(0), o = k();
+    P(() => i.modelValue, ($) => {
+      if (t.value.clear(), !$ || $.length === 0) return;
+      const x = $[0];
+      x.op === "in" && Array.isArray(x.value) ? (l.value = !0, x.value.forEach((N) => t.value.add(N))) : x.op === "=" && (l.value = !1, t.value.add(x.value));
+    }, { immediate: !0 });
+    const c = I(() => {
+      if (!b.value.trim())
+        return i.options;
+      const $ = b.value.toLowerCase();
+      return i.options.filter(
+        (x) => x.label.toLowerCase().includes($) || String(x.value).toLowerCase().includes($)
+      );
+    }), w = I(() => c.value.slice(0, i.maxDisplayItems)), D = I(() => c.value.length > i.maxDisplayItems), n = I(() => {
+      if (t.value.size === 0)
+        return "";
+      const $ = i.options.filter((x) => t.value.has(x.value));
+      return $.length === 0 ? Array.from(t.value).join(", ") : $.length <= 2 ? $.map((x) => x.label).join(", ") : `已选 ${$.length} 项`;
+    });
+    function m() {
+      e.value = !e.value, e.value && (b.value = "", a.value = 0, setTimeout(() => {
+        var $;
+        return ($ = o.value) == null ? void 0 : $.focus();
+      }, 0));
+    }
+    function g() {
+      if (l.value = !l.value, !l.value && t.value.size > 1) {
+        const $ = t.value.values().next().value;
+        t.value.clear(), $ !== void 0 && t.value.add($), B();
+      }
+    }
+    function f($) {
+      return t.value.has($.value);
+    }
+    function C($) {
+      l.value ? t.value.has($.value) ? t.value.delete($.value) : t.value.add($.value) : (t.value.clear(), t.value.add($.value), B(), e.value = !1);
+    }
+    function V() {
+      B(), e.value = !1;
+    }
+    function B() {
+      if (t.value.size === 0) {
+        d("update:modelValue", null);
+        return;
+      }
+      l.value || t.value.size > 1 ? d("update:modelValue", [{
+        field: i.field,
+        op: "in",
+        value: Array.from(t.value)
+      }]) : d("update:modelValue", [{
+        field: i.field,
+        op: "=",
+        value: t.value.values().next().value
+      }]);
+    }
+    function j() {
+      t.value.clear(), b.value = "", e.value = !1, d("update:modelValue", null);
+    }
+    function T() {
+      a.value = 0;
+    }
+    function M($) {
+      if (!e.value) return;
+      const x = w.value;
+      if (x.length !== 0)
+        switch ($.key) {
+          case "ArrowDown":
+            $.preventDefault(), a.value = (a.value + 1) % x.length;
+            break;
+          case "ArrowUp":
+            $.preventDefault(), a.value = (a.value - 1 + x.length) % x.length;
+            break;
+          case "Enter":
+            $.preventDefault(), x[a.value] && C(x[a.value]);
+            break;
+          case "Escape":
+            e.value = !1;
+            break;
+        }
+    }
+    function Y($) {
+      s.value && !s.value.contains($.target) && (e.value && l.value && B(), e.value = !1);
+    }
+    return ie(() => {
+      document.addEventListener("click", Y);
+    }), ve(() => {
+      document.removeEventListener("click", Y);
+    }), ($, x) => (S(), _("div", {
+      ref_key: "containerRef",
+      ref: s,
+      class: "filter-select"
+    }, [
+      y("div", {
+        class: "select-input",
+        onClick: m
+      }, [
+        n.value ? (S(), _("span", We, R(n.value), 1)) : (S(), _("span", He, R(u.placeholder), 1)),
+        y("span", {
+          class: "toggle-multi",
+          onClick: H(g, ["stop"]),
+          title: l.value ? "切换单选" : "切换多选"
+        }, R(l.value ? "多" : "单"), 9, Ke),
+        n.value ? (S(), _("span", {
+          key: 2,
+          class: "clear-btn",
+          onClick: H(j, ["stop"])
+        }, "×")) : L("", !0)
+      ]),
+      e.value ? (S(), _("div", Qe, [
+        y("div", Je, [
+          ee(y("input", {
+            ref_key: "searchInputRef",
+            ref: o,
+            "onUpdate:modelValue": x[0] || (x[0] = (N) => b.value = N),
+            type: "text",
+            placeholder: "搜索...",
+            onClick: x[1] || (x[1] = H(() => {
+            }, ["stop"])),
+            onInput: T,
+            onKeydown: M
+          }, null, 544), [
+            [te, b.value]
+          ])
+        ]),
+        y("div", Xe, [
+          u.loading ? (S(), _("div", Ze, " 加载中... ")) : (S(), _(ae, { key: 1 }, [
+            (S(!0), _(ae, null, oe(w.value, (N, G) => (S(), _("div", {
+              key: String(N.value),
+              class: W(["filter-option", { selected: f(N), highlighted: G === a.value }]),
+              onClick: (X) => C(N),
+              onMouseenter: (X) => a.value = G
+            }, [
+              l.value ? (S(), _("input", {
+                key: 0,
+                type: "checkbox",
+                checked: f(N),
+                onClick: x[2] || (x[2] = H(() => {
+                }, ["stop"]))
+              }, null, 8, tt)) : L("", !0),
+              y("span", at, R(N.label), 1)
+            ], 42, et))), 128)),
+            w.value.length === 0 ? (S(), _("div", lt, " 无匹配数据 ")) : L("", !0)
+          ], 64))
+        ]),
+        D.value ? (S(), _("div", nt, " 还有 " + R(c.value.length - u.maxDisplayItems) + " 条，请输入关键词搜索 ", 1)) : L("", !0),
+        l.value ? (S(), _("div", rt, [
+          y("span", ot, "已选 " + R(t.value.size) + " 项", 1),
+          y("button", {
+            class: "confirm-btn",
+            onClick: V
+          }, "确定")
+        ])) : L("", !0)
+      ])) : L("", !0)
+    ], 512));
+  }
+}), re = /* @__PURE__ */ z(st, [["__scopeId", "data-v-051a86c4"]]), it = { class: "filter-bool" }, ut = /* @__PURE__ */ U({
+  __name: "BoolFilter",
+  props: {
+    field: {},
+    modelValue: {},
+    trueLabel: { default: "是" },
+    falseLabel: { default: "否" }
+  },
+  emits: ["update:modelValue"],
+  setup(u, { emit: h }) {
+    const i = u, d = h, e = k(null);
+    P(() => i.modelValue, (b) => {
+      if (!b || b.length === 0) {
+        e.value = null;
+        return;
+      }
+      const t = b[0];
+      t.op === "=" ? e.value = t.value === !0 || t.value === "true" || t.value === 1 : e.value = null;
+    }, { immediate: !0 });
+    function l(b) {
+      e.value = b, b === null ? d("update:modelValue", null) : d("update:modelValue", [{
+        field: i.field,
+        op: "=",
+        value: b
+      }]);
+    }
+    return (b, t) => (S(), _("div", it, [
+      y("button", {
+        class: W({ active: e.value === null }),
+        onClick: t[0] || (t[0] = (s) => l(null))
+      }, " 全部 ", 2),
+      y("button", {
+        class: W({ active: e.value === !0 }),
+        onClick: t[1] || (t[1] = (s) => l(!0))
+      }, R(u.trueLabel), 3),
+      y("button", {
+        class: W({ active: e.value === !1 }),
+        onClick: t[2] || (t[2] = (s) => l(!1))
+      }, R(u.falseLabel), 3)
+    ]));
+  }
+}), ye = /* @__PURE__ */ z(ut, [["__scopeId", "data-v-b6f20e4b"]]);
+function ct() {
+  const u = k([]);
+  function h({ records: l }) {
+    u.value = l;
+  }
+  function i({ records: l }) {
+    u.value = l;
+  }
+  function d() {
+    u.value = [];
+  }
+  function e() {
+    return u.value.length;
+  }
+  return {
+    selectedRows: u,
+    onCheckboxChange: h,
+    onCheckboxAll: i,
+    clearSelection: d,
+    getSelectedCount: e
+  };
+}
+const fe = ["NUMBER", "MONEY", "BIGDECIMAL", "INTEGER", "BIGINT", "LONG"];
+function dt(u) {
+  const h = k(null), i = I(() => u.value.filter(
+    (t) => {
+      var s;
+      return fe.includes(((s = t.type) == null ? void 0 : s.toUpperCase()) || "");
+    }
+  ));
+  function d(t) {
+    const s = {
+      _count: t.length
+    };
+    for (const a of i.value)
+      s[a.name] = t.reduce((o, c) => {
+        const w = c[a.name];
+        return o + (typeof w == "number" ? w : 0);
+      }, 0);
+    return s;
+  }
+  function e(t, s) {
+    if (t == null) return "";
+    if (typeof t != "number") return String(t);
+    const a = s == null ? void 0 : s.toUpperCase();
+    return a === "MONEY" || a === "NUMBER" || a === "BIGDECIMAL" ? t.toLocaleString("zh-CN", {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    }) : t.toLocaleString("zh-CN");
+  }
+  function l(t, s) {
+    var c, w, D;
+    const a = [], o = [];
+    for (let n = 0; n < t.length; n++) {
+      const g = t[n].field;
+      if (n === 0) {
+        a.push("选中"), o.push("合计");
+        continue;
+      }
+      if (n === 1) {
+        const f = s._count || 0, C = ((c = h.value) == null ? void 0 : c.total) || 0;
+        a.push(`${f} 条`), o.push(`${C} 条`);
+        continue;
+      }
+      if (g) {
+        const f = u.value.find((V) => V.name === g);
+        if (f && fe.includes(((w = f.type) == null ? void 0 : w.toUpperCase()) || "")) {
+          const V = s[g], B = (D = h.value) == null ? void 0 : D[g];
+          a.push(e(V, f == null ? void 0 : f.type)), o.push(e(B, f == null ? void 0 : f.type));
+        } else
+          a.push(null), o.push(null);
+      } else
+        a.push(null), o.push(null);
+    }
+    return [a, o];
+  }
+  function b(t) {
+    h.value = t;
+  }
+  return {
+    serverSummary: h,
+    measureColumns: i,
+    calculateSelectedSummary: d,
+    generateFooterData: l,
+    setServerSummary: b,
+    formatValue: e
+  };
+}
+const ft = { class: "data-table" }, vt = {
+  key: 0,
+  class: "data-table-toolbar"
+}, mt = { class: "table-wrapper" }, pt = {
+  key: 1,
+  class: "data-table-footer"
+}, ht = /* @__PURE__ */ U({
+  inheritAttrs: !1,
+  __name: "DataTable",
+  props: {
+    columns: {},
+    data: {},
+    total: {},
+    loading: { type: Boolean },
+    pageSize: { default: 50 },
+    showFilters: { type: Boolean, default: !0 },
+    initialSlice: {},
+    serverSummary: {},
+    filterOptionsLoader: {},
+    customFilterComponents: {}
+  },
+  emits: ["page-change", "sort-change", "filter-change", "row-click", "row-dblclick"],
+  setup(u, { expose: h, emit: i }) {
+    const d = pe(), e = u, l = i, b = Te(), t = k(), s = k({
+      currentPage: 1,
+      pageSize: e.pageSize,
+      total: e.total
+    }), a = k({
+      field: null,
+      order: null
+    }), o = k({}), c = k({}), w = k({}), D = I(() => e.columns), { selectedRows: n, onCheckboxChange: m, onCheckboxAll: g, clearSelection: f } = ct(), { serverSummary: C, calculateSelectedSummary: V, generateFooterData: B, setServerSummary: j } = dt(D);
+    P(() => e.serverSummary, (r) => {
+      j(r ?? null);
+    }, { immediate: !0 });
+    const T = I(() => {
+      var F;
+      const r = V(n.value), p = ((F = ce.value) == null ? void 0 : F.map((v) => {
+        var E;
+        return {
+          field: v.field,
+          type: (E = e.columns.find((A) => A.name === v.field)) == null ? void 0 : E.type
+        };
+      })) || [];
+      return B(p, r);
+    });
+    P(() => e.total, (r) => {
+      s.value.total = r;
+    }), P(() => e.initialSlice, (r) => {
+      if (!r || r.length === 0) return;
+      const p = {};
+      for (const F of r)
+        F.field && (p[F.field] || (p[F.field] = []), p[F.field].push(F));
+      o.value = p;
+    }, { immediate: !0 });
+    async function M(r) {
+      if (c.value[r])
+        return c.value[r];
+      if (!e.filterOptionsLoader)
+        return [];
+      w.value[r] = !0;
+      try {
+        const p = await e.filterOptionsLoader(r);
+        return c.value[r] = p, p;
+      } catch (p) {
+        return console.error("Failed to load dimension options:", p), [];
+      } finally {
+        w.value[r] = !1;
+      }
+    }
+    function Y(r) {
+      var F;
+      const p = (F = r.type) == null ? void 0 : F.toUpperCase();
+      switch (p) {
+        case "DAY":
+        case "DATE":
+          return "date";
+        case "DATETIME":
+          return "datetime";
+      }
+      if (r.filterType)
+        return r.filterType;
+      switch (p) {
+        case "NUMBER":
+        case "MONEY":
+        case "BIGDECIMAL":
+        case "INTEGER":
+        case "BIGINT":
+        case "LONG":
+          return "number";
+        case "BOOL":
+        case "BOOLEAN":
+          return "bool";
+        case "DICT":
+          return "dict";
+        default:
+          return "text";
+      }
+    }
+    function $(r) {
+      if (r.customFilterComponent)
+        return r.customFilterComponent;
+      const p = Y(r);
+      if (e.customFilterComponents && e.customFilterComponents[p])
+        return e.customFilterComponents[p];
+      switch (p) {
+        case "text":
+          return le;
+        case "number":
+          return be;
+        case "date":
+          return ne;
+        case "datetime":
+          return ne;
+        case "dict":
+          return re;
+        case "dimension":
+          return re;
+        case "bool":
+          return ye;
+        default:
+          return le;
+      }
+    }
+    function x(r) {
+      return r.endsWith("$id") ? r : r.includes("$") ? `${r.substring(0, r.indexOf("$"))}$id` : `${r}$id`;
+    }
+    function N(r) {
+      const p = Y(r), F = {
+        field: r.name,
+        modelValue: o.value[r.name] || null,
+        "onUpdate:modelValue": (v) => G(r.name, v)
+      };
+      switch (p) {
+        case "datetime":
+          return { ...F, showTime: !0, format: r.format };
+        case "date":
+          return { ...F, format: r.format };
+        case "dict":
+          return {
+            ...F,
+            options: r.dictItems || [],
+            placeholder: r.title || "请选择"
+          };
+        case "dimension": {
+          c.value[r.name] || M(r.name);
+          const v = x(r.name);
+          return {
+            ...F,
+            field: v,
+            // 使用正确的过滤字段（$id）
+            modelValue: o.value[v] || o.value[r.name] || null,
+            "onUpdate:modelValue": (E) => G(v, E),
+            options: c.value[r.name] || [],
+            loading: w.value[r.name],
+            placeholder: r.title || "请选择"
+          };
+        }
+        default:
+          return F;
+      }
+    }
+    function G(r, p) {
+      p === null || p.length === 0 ? delete o.value[r] : o.value[r] = p, X();
+    }
+    function X() {
+      const r = [];
+      for (const p of Object.values(o.value))
+        p && p.length > 0 && r.push(...p);
+      l("filter-change", r);
+    }
+    function we(r) {
+      var F;
+      if (r.customFormatter)
+        return {
+          formatter: ({ cellValue: v }) => r.customFormatter(v)
+        };
+      switch ((F = r.type) == null ? void 0 : F.toUpperCase()) {
+        case "MONEY":
+        case "NUMBER":
+        case "BIGDECIMAL":
+          return {
+            formatter: ({ cellValue: v }) => v == null ? "" : typeof v == "number" ? v.toLocaleString("zh-CN", { minimumFractionDigits: 2, maximumFractionDigits: 2 }) : v
+          };
+        case "INTEGER":
+        case "BIGINT":
+        case "LONG":
+          return {
+            formatter: ({ cellValue: v }) => v == null ? "" : typeof v == "number" ? v.toLocaleString("zh-CN") : v
+          };
+        case "DAY":
+        case "DATE":
+          return {
+            formatter: ({ cellValue: v }) => v ? String(v).split("T")[0] : ""
+          };
+        case "DATETIME":
+          return {
+            minWidth: 160,
+            formatter: ({ cellValue: v }) => v ? String(v).replace("T", " ").substring(0, 19) : ""
+          };
+        case "BOOL":
+        case "BOOLEAN":
+          return {
+            formatter: ({ cellValue: v }) => v === !0 ? "是" : v === !1 ? "否" : ""
+          };
+        default:
+          return {};
+      }
+    }
+    function Se(r) {
+      const p = a.value.field === r ? a.value.order : null;
+      let F;
+      p === null ? F = "asc" : p === "asc" ? F = "desc" : F = null, a.value.field = F ? r : null, a.value.order = F, l("sort-change", a.value.field, a.value.order);
+    }
+    const ce = I(() => {
+      const r = a.value, p = {
+        type: "checkbox",
+        width: 50,
+        fixed: "left"
+      }, F = e.columns.map((v) => {
+        const E = {
+          field: v.name,
+          title: v.title || v.name,
+          width: v.width,
+          minWidth: v.minWidth ?? 120,
+          fixed: v.fixed,
+          sortable: !1,
+          // 禁用 vxe-table 内置排序，我们自己处理
+          ...we(v),
+          // 使用 slots 在表头渲染过滤器
+          slots: {
+            header: () => {
+              const O = r.field === v.name ? r.order : null;
+              return q("div", { class: "column-header-wrapper" }, [
+                q("div", {
+                  class: "column-title",
+                  onClick: () => Se(v.name)
+                }, [
+                  q("span", { class: "title-text" }, v.title || v.name),
+                  q(
+                    "span",
+                    { class: ["sort-icon", O ? `sort-${O}` : ""] },
+                    O === "asc" ? " ↑" : O === "desc" ? " ↓" : " ↕"
+                  )
+                ]),
+                e.showFilters && q("div", { class: "column-filter" }, [
+                  ke(v)
+                ])
+              ]);
+            }
+          }
+        }, A = `column-${v.name}`;
+        return b[A] ? E.slots = {
+          ...E.slots,
+          default: ({ row: O }) => b[A]({ row: O, column: v, value: O[v.name] })
+        } : v.customRender && (E.slots = {
+          ...E.slots,
+          default: ({ row: O }) => v.customRender({ row: O, value: O[v.name] })
+        }), E;
+      });
+      return [p, ...F];
+    });
+    function ke(r) {
+      const p = `filter-${r.name}`;
+      if (b[p])
+        return b[p]({
+          column: r,
+          field: r.name,
+          modelValue: o.value[r.name] || null,
+          onChange: (E) => G(r.name, E)
+        });
+      const F = $(r), v = N(r);
+      return q(F, v);
+    }
+    const _e = I(() => {
+      const r = Object.keys(d).filter((F) => !F.startsWith("on")).reduce((F, v) => ({ ...F, [v]: d[v] }), {});
+      return { ...{
+        border: !0,
+        stripe: !0,
+        showOverflow: !0,
+        height: "auto",
+        loading: e.loading,
+        columnConfig: {
+          resizable: !0
+        },
+        rowConfig: {
+          isHover: !0
+        },
+        // checkbox 配置
+        checkboxConfig: {
+          highlight: !0,
+          trigger: "cell"
+        },
+        // footer 配置
+        showFooter: !0,
+        footerData: T.value,
+        // 表头行高需要容纳过滤器
+        headerRowClassName: e.showFilters ? "header-with-filter" : "",
+        pagerConfig: {
+          enabled: !0,
+          currentPage: s.value.currentPage,
+          pageSize: s.value.pageSize,
+          total: s.value.total,
+          pageSizes: [20, 50, 100, 200],
+          layouts: ["PrevPage", "JumpNumber", "NextPage", "Sizes", "FullJump", "Total"]
+        },
+        // 禁用 vxe-table 内置排序，我们自己处理
+        sortConfig: {
+          remote: !0
+        },
+        columns: ce.value,
+        data: e.data
+      }, ...r };
+    }), $e = I(() => {
+      const r = {};
+      Object.keys(d).forEach((E) => {
+        if (E.startsWith("on")) {
+          const A = E.slice(2, 3).toLowerCase() + E.slice(3);
+          r[A] = d[E];
+        }
+      });
+      const p = (E, A) => (...O) => {
+        E(...O), r[A] && r[A](...O);
+      }, v = { ...{
+        pageChange: p(({ currentPage: E, pageSize: A }) => {
+          s.value.currentPage = E, s.value.pageSize = A, l("page-change", E, A);
+        }, "pageChange"),
+        cellClick: p(({ row: E, column: A }) => {
+          const O = e.columns.find((se) => se.name === A.field);
+          O && l("row-click", E, O);
+        }, "cellClick"),
+        cellDblclick: p(({ row: E, column: A }) => {
+          const O = e.columns.find((se) => se.name === A.field);
+          O && l("row-dblclick", E, O);
+        }, "cellDblclick"),
+        checkboxChange: p(m, "checkboxChange"),
+        checkboxAll: p(g, "checkboxAll")
+      } };
+      return Object.keys(r).forEach((E) => {
+        v[E] || (v[E] = r[E]);
+      }), v;
+    });
+    function Fe() {
+      s.value.currentPage = 1;
+    }
+    function De() {
+      o.value = {}, X();
+    }
+    return h({
+      resetPagination: Fe,
+      clearFilters: De,
+      /** 获取当前过滤状态 (DSL slices) */
+      getFilters: () => {
+        const r = [];
+        for (const p of Object.values(o.value))
+          p && p.length > 0 && r.push(...p);
+        return r;
+      },
+      /** 设置过滤值 */
+      setFilter: G,
+      /** 获取 vxe-grid 实例 */
+      getGridInstance: () => t.value
+    }), xe("dataTableContext", {
+      columns: I(() => e.columns),
+      filters: o,
+      updateFilter: G
+    }), (r, p) => {
+      const F = me("vxe-grid");
+      return S(), _("div", ft, [
+        r.$slots.toolbar ? (S(), _("div", vt, [
+          Z(r.$slots, "toolbar", {}, void 0, !0)
+        ])) : L("", !0),
+        y("div", mt, [
+          Q(F, ue({
+            ref_key: "gridRef",
+            ref: t
+          }, _e.value, he($e.value)), {
+            empty: ge(() => [
+              Z(r.$slots, "empty", {}, () => [
+                p[0] || (p[0] = y("div", { class: "empty-data" }, "暂无数据", -1))
+              ], !0)
+            ]),
+            _: 3
+          }, 16)
+        ]),
+        r.$slots.footer ? (S(), _("div", pt, [
+          Z(r.$slots, "footer", {}, void 0, !0)
+        ])) : L("", !0)
+      ]);
+    };
+  }
+}), Ce = /* @__PURE__ */ z(ht, [["__scopeId", "data-v-e12c7b39"]]), J = Ae.create({
+  baseURL: "/data-viewer/api",
+  timeout: 3e4,
+  headers: {
+    "Content-Type": "application/json"
+  }
+});
+async function gt(u) {
+  var i;
+  const h = await J.get(`/query/${u}/meta`);
+  if (!h.data || h.data.code !== 200)
+    throw new Error(((i = h.data) == null ? void 0 : i.msg) || "获取查询元数据失败");
+  return h.data.data;
+}
+async function bt(u, h) {
+  var d, e, l;
+  const i = await J.post(`/query/${u}/data`, h);
+  if (!i.data || i.data.code !== 200) {
+    if ((e = (d = i.data) == null ? void 0 : d.data) != null && e.expired)
+      return i.data.data;
+    throw new Error(((l = i.data) == null ? void 0 : l.msg) || "查询数据失败");
+  }
+  return i.data.data;
+}
+async function yt(u, h) {
+  return (await J.get(
+    `/query/${u}/filter-options/${encodeURIComponent(h)}`
+  )).data;
+}
+async function Ct(u) {
+  var e;
+  const h = await J.get(`/schema/${encodeURIComponent(u)}`);
+  if (!h.data || h.data.code !== 200)
+    throw new Error(((e = h.data) == null ? void 0 : e.msg) || "获取 QM Schema 失败");
+  const i = h.data.data;
+  if (!i || !i.fields)
+    return [];
+  const d = [];
+  for (const [l, b] of Object.entries(i.fields)) {
+    const t = b;
+    d.push({
+      name: l,
+      title: t.name || l,
+      type: t.type || "TEXT",
+      filterable: t.filterable !== !1,
+      aggregatable: t.aggregatable || !1,
+      measure: t.measure || !1,
+      filterType: t.filterType,
+      dictId: t.dictId,
+      format: t.format
+    });
+  }
+  return d;
+}
+J.interceptors.response.use(
+  (u) => u,
+  (u) => {
+    var h, i;
+    return ((h = u.response) == null ? void 0 : h.status) === 410 ? Promise.reject(new Error("查询链接已过期，请重新获取")) : ((i = u.response) == null ? void 0 : i.status) === 404 ? Promise.reject(new Error("查询不存在")) : Promise.reject(u);
+  }
+);
+function wt(u, h) {
+  var b;
+  const i = new Map(u.map((t) => [t.name, t])), d = new Map(((b = h.customizations) == null ? void 0 : b.map((t) => [t.name, t])) || []);
+  return (h.showAll || !h.visibleColumns || h.visibleColumns.length === 0 ? u.map((t) => t.name) : h.visibleColumns).map((t) => {
+    const s = i.get(t);
+    if (!s)
+      return console.warn(`Column "${t}" not found in QM schema`), null;
+    const a = d.get(t);
+    return {
+      ...s,
+      width: a == null ? void 0 : a.width,
+      minWidth: (a == null ? void 0 : a.minWidth) ?? 120,
+      fixed: a == null ? void 0 : a.fixed,
+      customRender: a == null ? void 0 : a.render,
+      customFilterComponent: a == null ? void 0 : a.filterComponent,
+      customFormatter: a == null ? void 0 : a.formatter
+    };
+  }).filter((t) => t !== null);
+}
+const St = { class: "data-viewer" }, kt = { class: "viewer-header" }, _t = { class: "viewer-title" }, $t = { class: "viewer-info" }, Ft = {
+  key: 0,
+  class: "info-item"
+}, Dt = {
+  key: 1,
+  class: "info-item"
+}, Tt = {
+  key: 2,
+  class: "info-item"
+}, xt = ["disabled"], Et = {
+  key: 0,
+  class: "viewer-expired"
+}, Mt = {
+  key: 1,
+  class: "viewer-error"
+}, Vt = { class: "error-content" }, It = {
+  key: 2,
+  class: "viewer-main"
+}, Ot = /* @__PURE__ */ U({
+  __name: "DataViewer",
+  props: {
+    queryId: {}
+  },
+  setup(u) {
+    const h = u, i = k(!1), d = k(null), e = k(!1), l = k(null), b = k([]), t = k([]), s = k([]), a = k(0), o = k(null), c = k({
+      start: 0,
+      limit: 50,
+      slice: [],
+      orderBy: []
+    }), w = k(), D = I(() => {
+      var T;
+      return ((T = l.value) == null ? void 0 : T.title) || "数据浏览器";
+    }), n = I(() => {
+      var T;
+      return (T = l.value) != null && T.expiresAt ? new Date(l.value.expiresAt).toLocaleString("zh-CN") : "";
+    });
+    async function m() {
+      try {
+        i.value = !0, d.value = null, l.value = await gt(h.queryId), l.value.tableConfig.qmModel && (b.value = await Ct(l.value.tableConfig.qmModel), t.value = wt(b.value, l.value.tableConfig));
+      } catch (T) {
+        d.value = T instanceof Error ? T.message : "加载元数据失败";
+      } finally {
+        i.value = !1;
+      }
+    }
+    async function g() {
+      if (l.value)
+        try {
+          i.value = !0, d.value = null;
+          const T = await bt(h.queryId, c.value);
+          if (T.expired) {
+            e.value = !0, d.value = T.errorMessage || "查询已过期";
+            return;
+          }
+          if (!T.success) {
+            d.value = T.errorMessage || "查询失败";
+            return;
+          }
+          s.value = T.items, a.value = T.total, o.value = T.totalData ?? null;
+        } catch (T) {
+          d.value = T instanceof Error ? T.message : "加载数据失败";
+        } finally {
+          i.value = !1;
+        }
+    }
+    function f(T, M) {
+      c.value.start = (T - 1) * M, c.value.limit = M, g();
+    }
+    function C(T, M) {
+      T && M ? c.value.orderBy = [{ field: T, order: M }] : c.value.orderBy = [], g();
+    }
+    function V(T) {
+      var M;
+      c.value.slice = T, c.value.start = 0, (M = w.value) == null || M.resetPagination(), g();
+    }
+    async function B(T) {
+      try {
+        return (await yt(h.queryId, T)).options || [];
+      } catch (M) {
+        return console.error("Failed to load filter options:", M), [];
+      }
+    }
+    function j() {
+      g();
+    }
+    return ie(async () => {
+      await m(), l.value && (l.value.initialSlice && l.value.initialSlice.length > 0 && (c.value.slice = l.value.initialSlice), await g());
+    }), (T, M) => {
+      var Y, $, x, N;
+      return S(), _("div", St, [
+        y("header", kt, [
+          y("h1", _t, R(D.value), 1),
+          y("div", $t, [
+            ($ = (Y = l.value) == null ? void 0 : Y.tableConfig) != null && $.qmModel ? (S(), _("span", Ft, [
+              M[0] || (M[0] = K(" 模型: ", -1)),
+              y("strong", null, R(l.value.tableConfig.qmModel), 1)
+            ])) : L("", !0),
+            (x = l.value) != null && x.estimatedRowCount ? (S(), _("span", Dt, [
+              M[1] || (M[1] = K(" 预估行数: ", -1)),
+              y("strong", null, R(l.value.estimatedRowCount.toLocaleString()), 1)
+            ])) : L("", !0),
+            n.value ? (S(), _("span", Tt, [
+              M[2] || (M[2] = K(" 过期时间: ", -1)),
+              y("strong", null, R(n.value), 1)
+            ])) : L("", !0),
+            y("button", {
+              class: "refresh-btn",
+              onClick: j,
+              disabled: i.value
+            }, " 刷新 ", 8, xt)
+          ])
+        ]),
+        e.value ? (S(), _("div", Et, [...M[3] || (M[3] = [
+          y("div", { class: "expired-content" }, [
+            y("h2", null, "链接已过期"),
+            y("p", null, "请联系AI助手重新生成查询链接")
+          ], -1)
+        ])])) : d.value && !s.value.length ? (S(), _("div", Mt, [
+          y("div", Vt, [
+            M[4] || (M[4] = y("h2", null, "加载失败", -1)),
+            y("p", null, R(d.value), 1),
+            y("button", { onClick: g }, "重试")
+          ])
+        ])) : (S(), _("main", It, [
+          Q(Ce, {
+            ref_key: "dataTableRef",
+            ref: w,
+            columns: t.value,
+            data: s.value,
+            total: a.value,
+            loading: i.value,
+            "initial-slice": (N = l.value) == null ? void 0 : N.initialSlice,
+            "filter-options-loader": B,
+            "server-summary": o.value,
+            onPageChange: f,
+            onSortChange: C,
+            onFilterChange: V
+          }, null, 8, ["columns", "data", "total", "loading", "initial-slice", "server-summary"])
+        ])),
+        M[5] || (M[5] = y("footer", { class: "viewer-footer" }, [
+          y("span", null, "Foggy Data Viewer")
+        ], -1))
+      ]);
+    };
+  }
+}), Wt = /* @__PURE__ */ z(Ot, [["__scopeId", "data-v-25b92aeb"]]), At = { class: "search-fields" }, Lt = { class: "field-label" }, Rt = { class: "field-filter" }, Nt = {
+  key: 0,
+  class: "search-actions"
+}, Bt = /* @__PURE__ */ U({
+  __name: "SearchToolbar",
+  props: {
+    columns: {},
+    searchableFields: {},
+    modelValue: {},
+    layout: { default: "horizontal" },
+    showActions: { type: Boolean, default: !0 },
+    filterOptionsLoader: {}
+  },
+  emits: ["update:modelValue", "search", "reset"],
+  setup(u, { expose: h, emit: i }) {
+    const d = u, e = i, l = k({}), b = I(() => {
+      let n = d.columns.filter((m) => m.filterable !== !1);
+      return d.searchableFields && d.searchableFields.length > 0 && (n = n.filter((m) => d.searchableFields.includes(m.name))), n;
+    });
+    P(() => d.modelValue, (n) => {
+      if (!n || n.length === 0) {
+        l.value = {};
+        return;
+      }
+      const m = {};
+      for (const g of n)
+        g.field && (m[g.field] || (m[g.field] = []), m[g.field].push(g));
+      l.value = m;
+    }, { immediate: !0 });
+    function t(n) {
+      var g;
+      const m = (g = n.type) == null ? void 0 : g.toUpperCase();
+      switch (m) {
+        case "DAY":
+        case "DATE":
+          return "date";
+        case "DATETIME":
+          return "datetime";
+      }
+      if (n.filterType)
+        return n.filterType;
+      switch (m) {
+        case "NUMBER":
+        case "MONEY":
+        case "BIGDECIMAL":
+        case "INTEGER":
+        case "BIGINT":
+        case "LONG":
+          return "number";
+        case "BOOL":
+        case "BOOLEAN":
+          return "bool";
+        case "DICT":
+          return "dict";
+        default:
+          return "text";
+      }
+    }
+    function s(n) {
+      if (n.customFilterComponent)
+        return n.customFilterComponent;
+      switch (t(n)) {
+        case "text":
+          return le;
+        case "number":
+          return be;
+        case "date":
+          return ne;
+        case "datetime":
+          return ne;
+        case "dict":
+          return re;
+        case "dimension":
+          return re;
+        case "bool":
+          return ye;
+        default:
+          return le;
+      }
+    }
+    function a(n) {
+      const m = t(n), g = {
+        field: n.name,
+        modelValue: l.value[n.name] || null,
+        "onUpdate:modelValue": (f) => o(n.name, f)
+      };
+      switch (m) {
+        case "datetime":
+          return { ...g, showTime: !0, format: n.format };
+        case "date":
+          return { ...g, format: n.format };
+        case "dict":
+          return {
+            ...g,
+            options: n.dictItems || [],
+            placeholder: `请选择${n.title || n.name}`
+          };
+        case "dimension":
+          return {
+            ...g,
+            options: [],
+            loading: !1,
+            placeholder: `请选择${n.title || n.name}`
+          };
+        default:
+          return {
+            ...g,
+            placeholder: `搜索${n.title || n.name}...`
+          };
+      }
+    }
+    function o(n, m) {
+      m === null || m.length === 0 ? delete l.value[n] : l.value[n] = m, c();
+    }
+    function c() {
+      const n = [];
+      for (const m of Object.values(l.value))
+        m && m.length > 0 && n.push(...m);
+      e("update:modelValue", n);
+    }
+    function w() {
+      c(), e("search");
+    }
+    function D() {
+      l.value = {}, e("update:modelValue", []), e("reset");
+    }
+    return h({
+      /** 清空所有筛选 */
+      clearFilters: D,
+      /** 获取当前筛选条件 */
+      getFilters: () => {
+        const n = [];
+        for (const m of Object.values(l.value))
+          m && m.length > 0 && n.push(...m);
+        return n;
+      }
+    }), (n, m) => (S(), _("div", {
+      class: W(["search-toolbar", `layout-${u.layout}`])
+    }, [
+      y("div", At, [
+        (S(!0), _(ae, null, oe(b.value, (g) => (S(), _("div", {
+          key: g.name,
+          class: "search-field-item"
+        }, [
+          y("label", Lt, R(g.title || g.name), 1),
+          y("div", Rt, [
+            (S(), Ee(Me(s(g)), ue({ ref_for: !0 }, a(g)), null, 16))
+          ])
+        ]))), 128))
+      ]),
+      u.showActions ? (S(), _("div", Nt, [
+        y("button", {
+          class: "btn btn-primary",
+          onClick: w
+        }, [...m[0] || (m[0] = [
+          y("span", { class: "btn-icon" }, "🔍", -1),
+          K(" 搜索 ", -1)
+        ])]),
+        y("button", {
+          class: "btn btn-default",
+          onClick: D
+        }, [...m[1] || (m[1] = [
+          y("span", { class: "btn-icon" }, "↻", -1),
+          K(" 重置 ", -1)
+        ])])
+      ])) : L("", !0)
+    ], 2));
+  }
+}), Pt = /* @__PURE__ */ z(Bt, [["__scopeId", "data-v-efd07e5e"]]), Ut = { class: "data-table-with-search" }, zt = {
+  key: 0,
+  class: "search-toolbar-wrapper"
+}, Yt = { class: "data-table-wrapper" }, Gt = /* @__PURE__ */ U({
+  inheritAttrs: !1,
+  __name: "DataTableWithSearch",
+  props: {
+    columns: {},
+    data: {},
+    total: {},
+    loading: { type: Boolean },
+    pageSize: { default: 50 },
+    showFilters: { type: Boolean, default: !0 },
+    initialSlice: {},
+    serverSummary: {},
+    filterOptionsLoader: {},
+    customFilterComponents: {},
+    showSearchToolbar: { type: Boolean, default: !0 },
+    searchableFields: {},
+    searchLayout: { default: "horizontal" },
+    showSearchActions: { type: Boolean, default: !0 },
+    filterMergeMode: { default: "merge" }
+  },
+  emits: ["page-change", "sort-change", "filter-change", "row-click", "row-dblclick", "search", "reset"],
+  setup(u, { expose: h, emit: i }) {
+    const d = pe(), e = u, l = i, b = k(), t = k(), s = k([]), a = k([]), o = I(() => {
+      if (e.filterMergeMode === "replace")
+        return s.value.length > 0 ? s.value : a.value;
+      {
+        const f = [...s.value], C = new Set(s.value.map((V) => V.field));
+        for (const V of a.value)
+          C.has(V.field) || f.push(V);
+        return f;
+      }
+    });
+    function c(f) {
+      s.value = f, l("filter-change", o.value);
+    }
+    function w() {
+      l("search", s.value), l("filter-change", o.value);
+    }
+    function D() {
+      s.value = [], l("reset"), l("filter-change", o.value);
+    }
+    function n(f) {
+      a.value = f, l("filter-change", o.value);
+    }
+    const m = I(() => {
+      const f = Object.keys(d).filter((C) => !C.startsWith("on")).reduce((C, V) => ({ ...C, [V]: d[V] }), {});
+      return {
+        columns: e.columns,
+        data: e.data,
+        total: e.total,
+        loading: e.loading,
+        pageSize: e.pageSize,
+        showFilters: e.showFilters,
+        initialSlice: e.initialSlice,
+        serverSummary: e.serverSummary,
+        filterOptionsLoader: e.filterOptionsLoader,
+        customFilterComponents: e.customFilterComponents,
+        ...f
+      };
+    }), g = I(() => {
+      const f = {};
+      return Object.keys(d).forEach((C) => {
+        if (C.startsWith("on")) {
+          const V = C.slice(2, 3).toLowerCase() + C.slice(3);
+          f[V] = d[C];
+        }
+      }), {
+        "page-change": (...C) => {
+          l("page-change", ...C), f.pageChange && f.pageChange(...C);
+        },
+        "sort-change": (...C) => {
+          l("sort-change", ...C), f.sortChange && f.sortChange(...C);
+        },
+        "filter-change": n,
+        "row-click": (...C) => {
+          l("row-click", ...C), f.rowClick && f.rowClick(...C);
+        },
+        "row-dblclick": (...C) => {
+          l("row-dblclick", ...C), f.rowDblclick && f.rowDblclick(...C);
+        }
+      };
+    });
+    return h({
+      /** 获取 SearchToolbar 实例 */
+      getSearchToolbar: () => b.value,
+      /** 获取 DataTable 实例 */
+      getDataTable: () => t.value,
+      /** 清空搜索工具栏筛选 */
+      clearSearchFilters: () => {
+        var f;
+        return (f = b.value) == null ? void 0 : f.clearFilters();
+      },
+      /** 清空表头筛选 */
+      clearTableFilters: () => {
+        var f;
+        return (f = t.value) == null ? void 0 : f.clearFilters();
+      },
+      /** 清空所有筛选 */
+      clearAllFilters: () => {
+        var f, C;
+        (f = b.value) == null || f.clearFilters(), (C = t.value) == null || C.clearFilters();
+      },
+      /** 获取合并后的筛选条件 */
+      getMergedFilters: () => o.value,
+      /** 重置分页 */
+      resetPagination: () => {
+        var f;
+        return (f = t.value) == null ? void 0 : f.resetPagination();
+      }
+    }), (f, C) => (S(), _("div", Ut, [
+      u.showSearchToolbar ? (S(), _("div", zt, [
+        Q(Pt, {
+          ref_key: "searchToolbarRef",
+          ref: b,
+          columns: u.columns,
+          "searchable-fields": u.searchableFields,
+          layout: u.searchLayout,
+          "show-actions": u.showSearchActions,
+          "filter-options-loader": u.filterOptionsLoader,
+          modelValue: s.value,
+          "onUpdate:modelValue": [
+            C[0] || (C[0] = (V) => s.value = V),
+            c
+          ],
+          onSearch: w,
+          onReset: D
+        }, null, 8, ["columns", "searchable-fields", "layout", "show-actions", "filter-options-loader", "modelValue"])
+      ])) : L("", !0),
+      y("div", Yt, [
+        Q(Ce, ue({
+          ref_key: "dataTableRef",
+          ref: t
+        }, m.value, he(g.value)), Ve({ _: 2 }, [
+          oe(f.$slots, (V, B) => ({
+            name: B,
+            fn: ge((j) => [
+              Z(f.$slots, B, Ie(Oe(j || {})), void 0, !0)
+            ])
+          }))
+        ]), 1040)
+      ])
+    ]));
+  }
+}), Ht = /* @__PURE__ */ z(Gt, [["__scopeId", "data-v-690f5c67"]]);
+export {
+  ye as BoolFilter,
+  Ce as DataTable,
+  Ht as DataTableWithSearch,
+  Wt as DataViewer,
+  ne as DateRangeFilter,
+  be as NumberRangeFilter,
+  Pt as SearchToolbar,
+  re as SelectFilter,
+  le as TextFilter,
+  wt as buildTableColumns,
+  ct as useTableSelection,
+  dt as useTableSummary
+};