@aplus-frontend/ui 6.23.0 → 6.24.0

package/es/src/ag-grid/index.vue.mjs

@@ -1,28 +1,26 @@
-import { defineComponent as Ve, useSlots as We, ref as u, toRef as J, computed as s, unref as n, watch as k, nextTick as Ee, createElementBlock as z, openBlock as y, normalizeStyle as b, normalizeClass as m, createCommentVNode as Q, createElementVNode as v, createVNode as P, mergeProps as X, createSlots as Me, withCtx as Y, Fragment as Oe, renderList as Le, createBlock as Z, resolveDynamicComponent as $e, renderSlot as _, withDirectives as Ge, vShow as He } from "vue";
-import { AgGridVue as je } from "ag-grid-vue3";
-import { ModuleRegistry as qe, AllCommunityModule as Ue } from "ag-grid-community";
-import { Spin as Je, Pagination as Qe } from "@aplus-frontend/antdv";
-import { isFunction as ee, isUndefined as R } from "lodash-unified";
+import { defineComponent as Ne, useSlots as Pe, ref as b, toRef as q, computed as s, unref as a, nextTick as Ve, watch as U, createElementBlock as I, openBlock as S, normalizeStyle as R, normalizeClass as c, createCommentVNode as $, createElementVNode as h, createVNode as k, mergeProps as J, createSlots as Ae, withCtx as Q, Fragment as Ke, renderList as Ee, createBlock as X, resolveDynamicComponent as Me, renderSlot as Y, withDirectives as Oe, vShow as We } from "vue";
+import { AgGridVue as Le } from "ag-grid-vue3";
+import { ModuleRegistry as Ge, AllCommunityModule as He } from "ag-grid-community";
+import { Spin as je, Pagination as qe } from "@aplus-frontend/antdv";
+import { isUndefined as C, isFunction as Ue } from "lodash-unified";
 import "../config-provider/index.mjs";
-import { ApForm as Xe } from "../ap-form/index.mjs";
-import { noRenderAsFormItemValueList as Ye } from "../ap-table/constants.mjs";
-import { getColumnOrder as te, updateFormProps as Ze, getFieldProps as _e, getSearchFormItemRenderNode as et, recursionApColumns as tt } from "../ap-table/utils.mjs";
-import { useTablePaging as ot } from "../ap-table/hooks/use-table-paging-ng.mjs";
-import { dataIndexToField as rt } from "../ap-grid/utils/col.mjs";
-import { isDef as at } from "../utils/index.mjs";
-import "./components/header-cell/index.vue.mjs";
-import "./components/body-cell/index.vue.mjs";
-import nt from "./hooks/use-row-selection.mjs";
-import { useProvideSorter as lt } from "./context.mjs";
-import { useProvideApTable as st } from "../ap-table/context.mjs";
-import { sizeReverseMap as it, sizeMap as dt } from "../ap-grid/constants.mjs";
-import { useToken as ct } from "@aplus-frontend/antdv/es/theme/internal";
-import { useTheme as ut } from "./theme.mjs";
-import { useNamespace as mt } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as pt } from "../config-provider/hooks/use-global-config.mjs";
-import ft from "./components/body-cell/index.vue2.mjs";
-import gt from "./components/header-cell/index.vue2.mjs";
-const Lt = /* @__PURE__ */ Ve({
+import { ApForm as $e } from "../ap-form/index.mjs";
+import { noRenderAsFormItemValueList as Je } from "../ap-table/constants.mjs";
+import { getColumnOrder as Z, updateFormProps as Qe, getFieldProps as Xe, getSearchFormItemRenderNode as Ye, recursionApColumns as Ze } from "../ap-table/utils.mjs";
+import { useTablePaging as _e } from "../ap-table/hooks/use-table-paging-ng.mjs";
+import eo from "./hooks/use-row-selection.mjs";
+import { useProvideSorter as oo } from "./context.mjs";
+import { useProvideApTable as to } from "../ap-table/context.mjs";
+import { sizeReverseMap as ro, sizeMap as ao } from "../ap-grid/constants.mjs";
+import { useToken as no } from "@aplus-frontend/antdv/es/theme/internal";
+import { useTheme as lo } from "./theme.mjs";
+import { useColumns as so } from "./hooks/use-columns.mjs";
+import { useColumnsDef as io } from "./hooks/use-columns-def.mjs";
+import { isDef as co } from "../utils/index.mjs";
+import { getValidVNodeList as uo } from "../utils/slot.mjs";
+import { useNamespace as mo } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as po } from "../config-provider/hooks/use-global-config.mjs";
+const Ko = /* @__PURE__ */ Ne({
   name: "AgGrid",
   __name: "index",
   props: {
@@ -84,195 +82,137 @@ const Lt = /* @__PURE__ */ Ve({
     columnResizable: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: void 0 },
     summary: {},
-    rowHeight: {}
+    rowHeight: {},
+    advanceRenderer: { type: Boolean },
+    browserTooltips: { type: Boolean }
   },
-  setup(oe, { expose: re }) {
-    qe.registerModules([Ue]);
-    const o = oe, ae = We(), { e: C, b: d, em: ne, be: le } = mt("ag-grid"), g = u(o.size), se = ut(g, J(o, "rowHeight")), S = u(), [, ie] = ct();
-    let w = !!o.dataSource, D = 0;
-    const A = pt("valueTypeMap"), K = s(() => {
-      var e, r, a;
-      return D++, ((a = (r = (e = o.columns) == null ? void 0 : e.filter(
-        (t) => !t.hideInSearch && t.dataIndex && (t.valueType || t.customRenderFormItem) && !Ye.includes(t.valueType)
-      )) == null ? void 0 : r.sort((t, l) => {
-        let i = te(t.order);
-        return te(l.order) - i;
-      })) == null ? void 0 : a.map((t) => {
-        const l = Ze(
-          t,
-          _e(t.fieldProps, {})
+  setup(_, { expose: ee }) {
+    Ge.registerModules([He]);
+    const o = _, y = Pe(), { e: v, b: d, be: oe } = mo("ag-grid"), f = b(o.size), te = lo(f, q(o, "rowHeight")), g = b(), [, re] = no();
+    let w = !!o.dataSource, z = 0;
+    const ae = po("valueTypeMap"), D = s(() => {
+      var e, t, n;
+      return z++, ((n = (t = (e = o.columns) == null ? void 0 : e.filter(
+        (r) => !r.hideInSearch && r.dataIndex && (r.valueType || r.customRenderFormItem) && !Je.includes(r.valueType)
+      )) == null ? void 0 : t.sort((r, l) => {
+        let i = Z(r.order);
+        return Z(l.order) - i;
+      })) == null ? void 0 : n.map((r) => {
+        const l = Qe(
+          r,
+          Xe(r.fieldProps, {})
         ), i = {
-          ...t,
+          ...r,
           fieldProps: {
-            label: t.title,
-            name: t.dataIndex,
+            label: r.title,
+            name: r.dataIndex,
             // tips: 在表格中的查询表单项默认是带边框的
             bordered: !0,
             ...l || {},
-            _signal: D
+            _signal: z
           },
           renderNode: void 0
         };
-        return i.renderNode = et(
+        return i.renderNode = Ye(
           i,
-          n(A)
+          a(ae)
         ), i;
       })) || [];
-    }), c = u([]), N = u([]);
-    function de() {
-      var e;
-      return ((e = o.columns) == null ? void 0 : e.filter((r) => !r.hideInTable)) || [];
-    }
-    k(
-      () => o.columns,
-      () => {
-        var r;
-        const e = de();
-        c.value = e, N.value = e, (r = o.onShownColumnsChange) == null || r.call(o, e);
-      },
-      {
-        deep: !0,
-        immediate: !0
-      }
-    );
-    const ce = s(() => {
-      const e = n(c);
-      function r(a) {
-        return a.map((t) => {
-          var i;
-          const l = {
-            field: rt(t.dataIndex),
-            colId: at(t.key) ? String(t.key) : void 0,
-            sortable: !!t.sorter,
-            comparator: t.sorter === !0 ? () => 0 : t.sorter,
-            headerComponentParams: {
-              column: t
-            },
-            cellRendererParams: {
-              column: t,
-              extraValueType: n(A)
-            },
-            resizable: t.resizable,
-            width: t.width,
-            minWidth: t.minWidth,
-            maxWidth: t.maxWidth,
-            flex: t.width ? void 0 : 1,
-            // 如果没有设置确切的宽度，则设置为可自由伸缩列
-            pinned: t.fixed || null,
-            // undefined to null
-            colSpan: t.colSpan,
-            cellClass: (h) => {
-              const I = t.cellClass || "", Ne = ee(I) ? I(h.data, h.node) : I;
-              return [
-                `${ne("cell", t.align || "left")}`,
-                Ne
-              ].flat().filter(Boolean);
-            },
-            wrapText: !t.ellipsis,
-            autoHeight: !t.ellipsis
-          };
-          return (i = t.children) != null && i.length ? {
-            ...l,
-            children: r(t.children)
-          } : l;
-        });
-      }
-      return r(e);
-    }), ue = u({
-      headerComponent: gt,
-      cellRenderer: ft,
-      resizable: o.columnResizable,
-      suppressMovable: !0,
-      cellDataType: !1,
-      cellStyle: {
-        whiteSpace: "pre-line"
-      }
-    }), V = u({});
-    lt({
-      sorter: V,
+    }), { shownColumns: u, shownColumnsBackup: ne } = so(o), { defaultColDef: le, columnDefs: se } = io(
+      u,
+      o
+    ), N = b({});
+    oo({
+      sorter: N,
       setSorter(e) {
-        V.value = e;
+        N.value = e;
       }
     });
-    const me = {
+    const ie = {
       asc: "ascend",
       desc: "descend"
     };
-    function pe() {
+    function de() {
       var l;
-      const e = (l = S.value.getColumns()) == null ? void 0 : l.filter((i) => i.getSort() !== void 0);
+      const e = (l = g.value.getColumns()) == null ? void 0 : l.filter((i) => i.getSort() !== void 0);
       if (!(e != null && e.length))
         return;
-      const r = e[0], a = r.getColDef(), t = r.getSort();
-      E(void 0, void 0, {
-        column: a,
-        field: a.field,
-        order: t ? me[t] : null
+      const t = e[0], n = t.getColDef(), r = t.getSort();
+      V(void 0, void 0, {
+        column: n,
+        field: n.field,
+        order: r ? ie[r] : null
       });
     }
-    const fe = s(() => tt(n(c), (e) => {
+    const ce = s(() => Ze(a(u), (e) => {
       if (e.sorter === !0)
         return e.key || e.dataIndex;
-    }).filter(Boolean)), {
-      formRef: p,
-      submit: x,
-      reset: F,
-      data: f,
-      tableProps: W,
-      handleTableChangeOptional: E,
-      submitWith: M,
-      refresh: O,
-      getPaging: ge,
-      setPaging: Se
-    } = ot({
+    }).filter(Boolean)), ue = s(() => {
+      var t;
+      return co(o.manual) ? o.manual : uo(((t = y.searchFormExtra) == null ? void 0 : t.call(y)) || []).some((n) => {
+        var r;
+        return ((r = n.type) == null ? void 0 : r.name) === "ApView";
+      });
+    }), {
+      formRef: m,
+      submit: F,
+      reset: B,
+      data: p,
+      tableProps: P,
+      handleTableChangeOptional: V,
+      submitWith: A,
+      refresh: K,
+      getPaging: me,
+      setPaging: pe
+    } = _e({
       async request(e) {
-        var a;
-        if (w = !1, !R(o.dataSource)) {
-          const t = e.pageSize * (e.current - 1);
+        var n;
+        if (w = !1, !C(o.dataSource)) {
+          const r = e.pageSize * (e.current - 1);
           return {
-            data: (o.pagination === !1 ? o.dataSource : o.dataSource.slice(t, t + e.pageSize)) || [],
+            data: (o.pagination === !1 ? o.dataSource : o.dataSource.slice(r, r + e.pageSize)) || [],
             total: o.dataSource.length || 0
           };
         }
-        const r = await ((a = o.request) == null ? void 0 : a.call(o, e));
+        const t = await ((n = o.request) == null ? void 0 : n.call(o, e));
         return {
-          data: (r == null ? void 0 : r.data) || [],
-          total: (r == null ? void 0 : r.total) || 0
+          data: (t == null ? void 0 : t.data) || [],
+          total: (t == null ? void 0 : t.total) || 0
         };
       },
       namespace: "ap-grid",
-      filterFields: u([]),
-      params: J(o, "params"),
+      filterFields: b([]),
+      params: q(o, "params"),
       defaultData: o.defaultData,
-      manual: o.manual,
+      manual: a(ue),
       formatParams: o.beforeSearchSubmit,
       pagination: o.pagination,
-      sortFields: fe
-    }), we = s(
-      () => R(o.dataSource) ? f.records : o.dataSource
+      sortFields: ce
+    }), fe = s(
+      () => C(o.dataSource) ? p.records : o.dataSource
     ), {
-      select: he,
-      unSelect: ye,
-      selectedRows: T,
-      selectedRowKeys: ve,
-      clearAll: Ce,
-      selectMultiByKeys: be
-    } = nt({
+      select: ge,
+      unSelect: we,
+      selectedRows: x,
+      selectedRowKeys: Se,
+      clearAll: he,
+      selectMultiByKeys: ye
+    } = eo({
       ...o.rowSelection === !0 ? {} : o.rowSelection,
-      dataSource: we,
+      dataSource: fe,
       rowKey: o.rowKey
-    }), Re = {
+    }), ve = {
       checkbox: "multiRow",
       radio: "singleRow"
-    }, xe = s(() => {
+    }, be = s(() => {
       if (!o.rowSelection)
         return;
-      const { type: e = "checkbox", disabled: r } = o.rowSelection === !0 ? {} : o.rowSelection;
+      const { type: e = "checkbox", disabled: t } = o.rowSelection === !0 ? {} : o.rowSelection;
       return {
-        mode: Re[e],
-        isRowSelectable: (a) => r ? !r(a.data) : !0
+        mode: ve[e],
+        isRowSelectable: (n) => t ? !t(n.data) : !0
       };
-    }), Fe = s(() => {
+    }), Re = s(() => {
       if (!o.rowSelection)
         return;
       const e = o.rowSelection === !0 ? {} : o.rowSelection;
@@ -283,225 +223,228 @@ const Lt = /* @__PURE__ */ Ve({
         pinned: e.fixed
       };
     });
-    function B(e) {
-      return ee(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
+    function T(e) {
+      return Ue(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
     }
-    const L = ({
-      api: e = S.value
+    const E = ({
+      api: e = g.value
     }) => {
       if (!o.rowSelection)
         return;
-      const r = T.value;
-      if (!r.length)
+      const t = x.value;
+      if (!t.length)
         return;
       w = !1;
-      const a = [];
-      e.forEachNode((t) => {
-        const l = t.data, i = B(l);
-        r.find((h) => B(h) === i) && a.push(t);
-      }), e.setNodesSelected({ nodes: a, newValue: !0 }), setTimeout(() => {
+      const n = [];
+      e.forEachNode((r) => {
+        const l = r.data, i = T(l);
+        t.find((j) => T(j) === i) && n.push(r);
+      }), e.setNodesSelected({ nodes: n, newValue: !0 }), setTimeout(() => {
         w = !0;
       }, 0);
-    }, Te = (e) => {
-      w && (e.node.isSelected() ? he(e.data) : ye(e.data));
-    }, Be = () => {
+    }, Ce = (e) => {
+      w && (e.node.isSelected() ? ge(e.data) : we(e.data));
+    }, Fe = () => {
       w = !0;
-    }, $ = () => {
+    }, M = () => {
       var e;
-      Ce(), (e = S.value) == null || e.deselectAll();
+      he(), (e = g.value) == null || e.deselectAll();
     };
-    function Ie(e) {
-      be(e), Ee(() => {
-        L({});
+    function Be(e) {
+      ye(e), Ve(() => {
+        E({});
       });
     }
-    function G(e = !1) {
-      var a, t, l;
-      const r = e ? "getFieldsValueTransformed" : "getFieldsValue";
-      return (l = (t = (a = p.value) == null ? void 0 : a.apForm) == null ? void 0 : t[r]) == null ? void 0 : l.call(t, !0);
+    function O(e = !1) {
+      var n, r, l;
+      const t = e ? "getFieldsValueTransformed" : "getFieldsValue";
+      return (l = (r = (n = m.value) == null ? void 0 : n.apForm) == null ? void 0 : r[t]) == null ? void 0 : l.call(r, !0);
     }
-    function H(e) {
-      var r, a, t;
-      (t = (a = (r = p.value) == null ? void 0 : r.apForm) == null ? void 0 : a.setFieldsValue) == null || t.call(a, e);
+    function W(e) {
+      var t, n, r;
+      (r = (n = (t = m.value) == null ? void 0 : t.apForm) == null ? void 0 : n.setFieldsValue) == null || r.call(n, e);
     }
-    function j() {
+    function L() {
       var e;
-      return ((e = p.value) == null ? void 0 : e.getSorterItems()) || [];
+      return ((e = m.value) == null ? void 0 : e.getSorterItems()) || [];
     }
-    function q(e) {
-      var r;
-      (r = p.value) == null || r.setSorterItems(e);
+    function G(e) {
+      var t;
+      (t = m.value) == null || t.setSorterItems(e);
     }
-    function U() {
+    function H() {
       var e;
-      (e = p.value) == null || e.resetSorterItems();
+      (e = m.value) == null || e.resetSorterItems();
     }
-    st({
-      columns: s(() => c.value),
-      columnsBackup: s(() => N.value),
-      size: s(() => dt[g.value]),
+    to({
+      columns: s(() => u.value),
+      columnsBackup: s(() => ne.value),
+      size: s(() => ao[f.value]),
       updateColumns(e) {
-        var r;
-        console.log(e), c.value = e, (r = o.onShownColumnsChange) == null || r.call(o, e);
+        var t;
+        console.log(e), u.value = e, (t = o.onShownColumnsChange) == null || t.call(o, e);
       },
       updateSize(e) {
-        g.value = it[e];
+        f.value = ro[e];
       },
       renderConfig: s(() => ({
-        className: le("table-header", "title"),
-        color: ie.value.colorTextTertiary
+        className: oe("table-header", "title"),
+        color: re.value.colorTextTertiary
       })),
-      dataSource: s(() => n(f).records),
-      getSearchFormValues: G,
-      setSearchFormValues: H,
-      submit: x,
-      submitWith: M,
-      reset: F,
-      refresh: O,
-      getSearchFormSorterItems: j,
-      setSearchFormSorterItems: q,
-      resetSearchFormSorterItems: U
+      dataSource: s(() => a(p).records),
+      getSearchFormValues: O,
+      setSearchFormValues: W,
+      submit: F,
+      submitWith: A,
+      reset: B,
+      refresh: K,
+      getSearchFormSorterItems: L,
+      setSearchFormSorterItems: G,
+      resetSearchFormSorterItems: H
     });
-    const ke = s(
-      () => R(o.loading) ? f.loading : o.loading
-    ), ze = s(() => [
+    const xe = s(
+      () => C(o.loading) ? p.loading : o.loading
+    ), Te = s(() => [
       d(),
       o.card ? null : d("wrapper"),
       d("adaptive"),
-      d(`size-${g.value}`)
-    ].filter(Boolean)), Pe = s(() => ({
+      d(`size-${f.value}`)
+    ].filter(Boolean)), Ie = s(() => ({
       height: "100%",
       ...o.tableStyle || {}
-    })), De = (e, r) => {
-      E({ current: e, pageSize: r });
+    })), ke = (e, t) => {
+      V({ current: e, pageSize: t });
     };
-    function Ae(e) {
-      const r = e.data;
-      return B(r);
+    function ze(e) {
+      const t = e.data;
+      return T(t);
     }
-    function Ke(e, r) {
-      var a;
-      (a = S.value) == null || a.ensureIndexVisible(e, r);
+    function De(e, t) {
+      var n;
+      (n = g.value) == null || n.ensureIndexVisible(e, t);
     }
-    return k(
+    return U(
       () => o.size,
       (e) => {
-        g.value = e;
+        f.value = e;
       }
-    ), k(
-      () => n(f).loading,
+    ), U(
+      () => a(p).loading,
       (e) => {
-        var r;
-        (r = o.onLoadingChange) == null || r.call(o, e);
+        var t;
+        (t = o.onLoadingChange) == null || t.call(o, e);
       }
-    ), re({
-      submit: x,
-      reset: F,
-      refresh: O,
-      submitWith: M,
-      setSearchFormValues: H,
-      getSearchFormValues: G,
-      getShowColumns: () => n(c),
+    ), ee({
+      submit: F,
+      reset: B,
+      refresh: K,
+      submitWith: A,
+      setSearchFormValues: W,
+      getSearchFormValues: O,
+      getShowColumns: () => a(u),
       rowSelection: {
-        selectedRows: s(() => T.value),
-        setSelectedRowKeys: Ie,
-        clearAll: $
+        selectedRows: s(() => x.value),
+        setSelectedRowKeys: Be,
+        clearAll: M
       },
-      scrollToRow: Ke,
-      getDataSource: () => n(f.records),
-      getPaging: ge,
-      setPaging: Se,
-      getSearchFormSorterItems: j,
-      setSearchFormSorterItems: q,
-      resetSearchFormSorterItems: U
-    }), (e, r) => {
-      var a, t;
-      return y(), z("div", {
-        class: m(ze.value),
-        style: b(e.wrapperStyle)
+      scrollToRow: De,
+      getDataSource: () => a(p.records),
+      getPaging: me,
+      setPaging: pe,
+      getSearchFormSorterItems: L,
+      setSearchFormSorterItems: G,
+      resetSearchFormSorterItems: H
+    }), (e, t) => {
+      var n, r;
+      return S(), I("div", {
+        class: c(Te.value),
+        style: R(e.wrapperStyle)
       }, [
-        n(R)(e.dataSource) && e.searchForm !== !1 && K.value.length > 0 ? (y(), z("div", {
+        a(C)(e.dataSource) && e.searchForm !== !1 && D.value.length > 0 ? (S(), I("div", {
           key: 0,
-          class: m(e.card ? n(C)("search-wrapper") : null),
-          style: b(e.searchFormWrapperStyle)
+          class: c(e.card ? a(v)("search-wrapper") : null),
+          style: R(e.searchFormWrapperStyle)
         }, [
-          P(n(Xe).SearchForm, X(e.searchForm || {}, {
+          k(a($e).SearchForm, J(e.searchForm || {}, {
             ref_key: "formRef",
-            ref: p,
+            ref: m,
             "custom-reset": "",
-            "submit-loading": n(W).loading,
-            onSubmit: n(x),
-            onReset: n(F)
-          }), Me({
-            default: Y(() => [
-              (y(!0), z(Oe, null, Le(K.value, (l) => (y(), Z($e(l.renderNode), {
+            "submit-loading": a(P).loading,
+            onSubmit: a(F),
+            onReset: a(B)
+          }), Ae({
+            default: Q(() => [
+              (S(!0), I(Ke, null, Ee(D.value, (l) => (S(), X(Me(l.renderNode), {
                 key: l.dataIndex
               }))), 128))
             ]),
             _: 2
           }, [
-            ae.searchFormExtra ? {
+            y.searchFormExtra ? {
               name: "extra",
-              fn: Y(() => [
-                _(e.$slots, "searchFormExtra")
+              fn: Q(() => [
+                Y(e.$slots, "searchFormExtra")
               ]),
               key: "0"
             } : void 0
           ]), 1040, ["submit-loading", "onSubmit", "onReset"])
-        ], 6)) : Q("", !0),
-        v("div", {
-          class: m([n(C)("table-wrapper"), e.card ? n(C)("table-wrapper-card") : null]),
-          style: b(e.tableWrapperStyle)
+        ], 6)) : $("", !0),
+        h("div", {
+          class: c([a(v)("table-wrapper"), e.card ? a(v)("table-wrapper-card") : null]),
+          style: R(e.tableWrapperStyle)
         }, [
-          v("div", {
-            class: m(n(d)("header-wrapper"))
+          h("div", {
+            class: c(a(d)("header-wrapper"))
           }, [
-            _(e.$slots, "title", {
-              selectedRows: n(T),
-              selectedRowKeys: n(ve),
-              shownColumns: c.value,
-              clearAll: $
+            Y(e.$slots, "title", {
+              selectedRows: a(x),
+              selectedRowKeys: a(Se),
+              shownColumns: a(u),
+              clearAll: M
             })
           ], 2),
-          v("div", {
-            class: m(n(d)("grid-wrapper"))
+          h("div", {
+            class: c(a(d)("grid-wrapper"))
           }, [
-            P(n(je), {
-              style: b(Pe.value),
-              "row-data": n(f).records,
-              "column-defs": ce.value,
-              "default-col-def": ue.value,
+            k(a(Le), {
+              style: R(Ie.value),
+              "row-data": a(p).records,
+              "column-defs": a(se),
+              "default-col-def": a(le),
               "locale-text": {
                 noRowsToShow: ""
                 // 为了隐藏默认的无数据提示，因为外部已经自行实现了loading
               },
-              "row-selection": xe.value,
-              "selection-column-def": Fe.value,
-              "get-row-id": Ae,
-              "pinned-top-row-data": (a = e.summary) == null ? void 0 : a.top,
-              "pinned-bottom-row-data": (t = e.summary) == null ? void 0 : t.bottom,
-              theme: n(se),
-              onSortChanged: pe,
-              onGridReady: r[0] || (r[0] = (l) => S.value = l.api),
-              onRowDataUpdated: L,
-              onRowSelected: Te,
-              onFirstDataRendered: Be
-            }, null, 8, ["style", "row-data", "column-defs", "default-col-def", "row-selection", "selection-column-def", "pinned-top-row-data", "pinned-bottom-row-data", "theme"]),
-            Ge(v("div", {
-              class: m(n(C)("table-loading-wrapper"))
+              "row-selection": be.value,
+              "selection-column-def": Re.value,
+              "get-row-id": ze,
+              "pinned-top-row-data": (n = e.summary) == null ? void 0 : n.top,
+              "pinned-bottom-row-data": (r = e.summary) == null ? void 0 : r.bottom,
+              theme: a(te),
+              "tooltip-show-delay": 500,
+              "enable-browser-tooltips": e.browserTooltips,
+              "tooltip-interaction": "",
+              onSortChanged: de,
+              onGridReady: t[0] || (t[0] = (l) => g.value = l.api),
+              onRowDataUpdated: E,
+              onRowSelected: Ce,
+              onFirstDataRendered: Fe
+            }, null, 8, ["style", "row-data", "column-defs", "default-col-def", "row-selection", "selection-column-def", "pinned-top-row-data", "pinned-bottom-row-data", "theme", "enable-browser-tooltips"]),
+            Oe(h("div", {
+              class: c(a(v)("table-loading-wrapper"))
             }, [
-              P(n(Je), { delay: 300 })
+              k(a(je), { delay: 300 })
             ], 2), [
-              [He, ke.value]
+              [We, xe.value]
             ])
           ], 2),
-          v("div", {
-            class: m(n(d)("pagination-wrapper"))
+          h("div", {
+            class: c(a(d)("pagination-wrapper"))
           }, [
-            e.pagination !== !1 ? (y(), Z(n(Qe), X({
+            e.pagination !== !1 ? (S(), X(a(qe), J({
               key: 0,
-              class: n(d)("pagination")
-            }, n(W).pagination, { onChange: De }), null, 16, ["class"])) : Q("", !0)
+              class: a(d)("pagination")
+            }, a(P).pagination, { onChange: ke }), null, 16, ["class"])) : $("", !0)
           ], 2)
         ], 6)
       ], 6);
@@ -509,5 +452,5 @@ const Lt = /* @__PURE__ */ Ve({
   }
 });
 export {
-  Lt as default
+  Ko as default
 };