@aplus-frontend/ui 6.26.4 → 6.27.0

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

@@ -1,27 +1,29 @@
-import { defineComponent as Ke, useSlots as Ae, ref as h, toRef as H, computed as n, unref as t, nextTick as Ne, watch as T, createElementBlock as k, openBlock as w, normalizeStyle as v, normalizeClass as i, createCommentVNode as $, createElementVNode as S, createVNode as D, mergeProps as j, createSlots as Ve, withCtx as q, Fragment as Ie, renderList as Pe, createBlock as U, resolveDynamicComponent as Ee, renderSlot as J, withDirectives as Me, vShow as We } from "vue";
-import { AgGridVue as Le } from "ag-grid-vue3";
-import { ModuleRegistry as Oe, AllCommunityModule as Ge } from "ag-grid-community";
-import { Spin as He, Pagination as $e } from "@aplus-frontend/antdv";
-import { isUndefined as g, isFunction as je } from "lodash-unified";
+import { defineComponent as Oe, useSlots as We, ref as R, toRef as B, unref as r, computed as n, nextTick as je, watch as K, createElementBlock as P, openBlock as h, normalizeStyle as E, normalizeClass as u, createCommentVNode as Q, createElementVNode as v, createVNode as V, mergeProps as I, createSlots as Le, withCtx as X, Fragment as Ge, renderList as He, createBlock as Y, resolveDynamicComponent as Ue, renderSlot as Z, withDirectives as $e, vShow as qe } from "vue";
+import { AgGridVue as Je } from "ag-grid-vue3";
+import { ModuleRegistry as Qe, AllCommunityModule as Xe } from "ag-grid-community";
+import { Spin as Ye, Pagination as Ze } from "@aplus-frontend/antdv";
+import { isUndefined as C, isFunction as _e } from "lodash-unified";
 import "../config-provider/index.mjs";
-import { ApForm as qe } from "../ap-form/index.mjs";
-import { recursionApColumns as Ue } from "../ap-table/utils.mjs";
-import { useTablePaging as Je } from "../ap-table/hooks/use-table-paging-ng.mjs";
-import Qe from "./hooks/use-row-selection.mjs";
-import { useProvideSorter as Xe } from "./context.mjs";
-import { useProvideApTable as Ye } from "../ap-table/context.mjs";
-import { sizeReverseMap as Ze, sizeMap as _e } from "../ap-grid/constants.mjs";
-import { useToken as eo } from "@aplus-frontend/antdv/es/theme/internal";
-import { useTheme as oo } from "./theme.mjs";
-import { useColumns as to } from "./hooks/use-columns.mjs";
-import { useColumnsDef as ro } from "./hooks/use-columns-def.mjs";
-import { isDef as ao } from "../utils/index.mjs";
-import { getValidVNodeList as no } from "../utils/slot.mjs";
-import { useSearchForm as lo } from "./hooks/use-search-form.mjs";
+import { ApForm as eo } from "../ap-form/index.mjs";
+import { recursionApColumns as oo } from "../ap-table/utils.mjs";
+import { useTablePaging as to } from "../ap-table/hooks/use-table-paging-ng.mjs";
+import ro from "./hooks/use-row-selection.mjs";
+import { useProvideSorter as ao } from "./context.mjs";
+import { useProvideApTable as no } from "../ap-table/context.mjs";
+import { sizeReverseMap as lo, sizeMap as so } from "../ap-grid/constants.mjs";
+import { useToken as io } from "@aplus-frontend/antdv/es/theme/internal";
+import { useTheme as co } from "./theme.mjs";
+import { useColumns as uo } from "./hooks/use-columns.mjs";
+import { useColumnsDef as mo } from "./hooks/use-columns-def.mjs";
+import { isDef as po } from "../utils/index.mjs";
+import { getValidVNodeList as fo } from "../utils/slot.mjs";
+import { useSearchForm as So } from "./hooks/use-search-form.mjs";
 import "./components/empty/index.vue.mjs";
-import { useNamespace as so } from "../config-provider/hooks/use-namespace.mjs";
-import io from "./components/empty/index.vue2.mjs";
-const No = /* @__PURE__ */ Ke({
+import go from "./hooks/use-virtual-config.mjs";
+import { usePinnedRow as wo } from "./hooks/use-pinned-row.mjs";
+import { useNamespace as yo } from "../config-provider/hooks/use-namespace.mjs";
+import ho from "./components/empty/index.vue2.mjs";
+const Uo = /* @__PURE__ */ Oe({
   name: "AgGrid",
   __name: "index",
   props: {
@@ -85,340 +87,380 @@ const No = /* @__PURE__ */ Ke({
     summary: {},
     rowHeight: {},
     advanceRenderer: { type: Boolean },
-    browserTooltips: { type: Boolean }
+    browserTooltips: { type: Boolean },
+    virtual: { type: [Boolean, Object], default: void 0 },
+    onRowClicked: {},
+    onScrollEnd: {}
   },
-  setup(Q, { expose: X }) {
-    Oe.registerModules([Ge]);
-    const o = Q, z = Ae(), { e: y, b: l, be: Y } = so("ag-grid"), m = h(o.size), Z = oo(m, H(o, "rowHeight")), p = h(), [, _] = eo();
-    let d = !!o.dataSource;
-    const K = lo(o), { shownColumns: s, shownColumnsBackup: ee } = to(o), { defaultColDef: oe, columnDefs: te } = ro(
-      s,
-      o
-    ), A = h({});
-    Xe({
-      sorter: A,
+  setup(_, { expose: ee }) {
+    Qe.registerModules([Xe]);
+    const o = _, A = We();
+    function oe(...e) {
+      return e.reduce((t, a) => ({ ...t, ...a }), {});
+    }
+    const { e: b, b: i, be: te } = yo("ag-grid"), y = R(o.size), re = co(y, B(o, "rowHeight")), ae = go(B(o, "virtual")), { rowPinnedGridConfig: ne, getRowPinnedCellClass: le } = wo(
+      B(o, "summary")
+    ), d = R(), [, se] = io();
+    let m = !!o.dataSource;
+    const N = So(o), { shownColumns: p, columns: M } = uo(o), { defaultColDef: ie, columnDefs: de } = mo(
+      M,
+      o,
+      le
+    ), F = R({});
+    ao({
+      sorter: F,
       setSorter(e) {
-        A.value = e;
+        F.value = e;
       }
     });
-    const re = {
+    const ce = {
       asc: "ascend",
       desc: "descend"
     };
-    function ae() {
-      const e = p.value.getColumns()?.filter((x) => x.getSort() !== void 0);
-      if (!e?.length)
+    function ue() {
+      const e = d.value.getColumns()?.filter((s) => s.getSort() !== void 0), t = r(F) || {};
+      let a = e?.[0];
+      const c = Object.keys(t);
+      if (c.length && c.every((s) => t[s] === null)) {
+        const s = Object.keys(t)[0];
+        s && (a = d.value?.getColumn(s));
+      }
+      if (!a)
         return;
-      const r = e[0], a = r.getColDef(), f = r.getSort();
-      V(void 0, void 0, {
-        column: a,
-        field: a.field,
-        order: f ? re[f] : null
+      const w = a.getColDef(), l = a.getSort();
+      W(void 0, void 0, {
+        column: w,
+        field: w.field,
+        order: l ? ce[l] : null
       });
     }
-    const ne = n(() => Ue(t(s), (e) => {
+    const me = n(() => oo(r(p), (e) => {
       if (e.sorter === !0)
         return e.key || e.dataIndex;
-    }).filter(Boolean)), le = n(() => ao(o.manual) ? o.manual : no(z.searchFormExtra?.() || []).some((r) => r.type?.name === "ApView")), {
-      formRef: c,
-      submit: b,
-      reset: C,
-      data: u,
-      tableProps: N,
-      handleTableChangeOptional: V,
-      submitWith: I,
-      refresh: P,
-      getPaging: se,
-      setPaging: ie,
-      setDataSource: de
-    } = Je({
+    }).filter(Boolean)), pe = n(() => po(o.manual) ? o.manual : fo(A.searchFormExtra?.() || []).some((t) => t.type?.name === "ApView")), {
+      formRef: f,
+      submit: x,
+      reset: k,
+      data: S,
+      tableProps: O,
+      handleTableChangeOptional: W,
+      submitWith: j,
+      refresh: L,
+      getPaging: fe,
+      setPaging: Se,
+      setDataSource: ge
+    } = to({
       async request(e) {
-        if (d = !1, !ue.value && g(o.dataSource) && B(), !g(o.dataSource)) {
+        if (m = !1, !ye.value && C(o.dataSource) && z(), !C(o.dataSource)) {
           const a = e.pageSize * (e.current - 1);
           return {
             data: (o.pagination === !1 ? o.dataSource : o.dataSource.slice(a, a + e.pageSize)) || [],
             total: o.dataSource.length || 0
           };
         }
-        const r = await o.request?.(e);
+        const t = await o.request?.(e);
         return {
-          data: r?.data || [],
-          total: r?.total || 0
+          data: t?.data || [],
+          total: t?.total || 0
         };
       },
       namespace: "ap-grid",
-      filterFields: h([]),
-      params: H(o, "params"),
+      filterFields: R([]),
+      params: B(o, "params"),
       defaultData: o.defaultData,
-      manual: t(le),
+      manual: r(pe),
       formatParams: o.beforeSearchSubmit,
       pagination: o.pagination,
-      sortFields: ne
-    }), ce = n(
-      () => g(o.dataSource) ? u.records : o.dataSource
-    ), ue = n(() => {
+      sortFields: me
+    }), we = n(
+      () => C(o.dataSource) ? S.records : o.dataSource
+    ), ye = n(() => {
       const e = o.rowSelection === !0 ? {} : o.rowSelection;
       return e ? e.preserveSelectedRowKeys !== !1 : !1;
     }), {
-      select: me,
-      unSelect: pe,
-      selectedRows: R,
-      selectedRowKeys: fe,
-      clearAll: we,
-      selectMultiByKeys: Se
-    } = Qe({
+      select: he,
+      unSelect: ve,
+      selectedRows: T,
+      selectedRowKeys: Ce,
+      clearAll: be,
+      selectMultiByKeys: Re
+    } = ro({
       ...o.rowSelection === !0 ? {} : o.rowSelection,
-      dataSource: ce,
+      dataSource: we,
       rowKey: o.rowKey
-    }), ge = {
+    }), Be = {
       checkbox: "multiRow",
       radio: "singleRow"
-    }, ye = n(() => {
+    }, Fe = n(() => {
       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: ge[e],
-        isRowSelectable: (a) => r ? !r(a.data) : !0
+        mode: Be[e],
+        isRowSelectable: (a) => t ? !t(a.data) : !0
       };
-    }), he = n(() => {
+    }), xe = n(() => {
       if (!o.rowSelection)
         return;
       const e = o.rowSelection === !0 ? {} : o.rowSelection;
-      let r = e.fixed;
-      return r === void 0 && (r = s.value.some(
+      let t = e.fixed;
+      return t === void 0 && (t = p.value.some(
         (a) => a.fixed === "left" || a.fixed === !0
       ) ? "left" : void 0), {
         sortable: !1,
         resizable: !1,
         width: e.columnWidth || 60,
-        pinned: r
+        pinned: t
       };
     });
-    function F(e) {
-      return je(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
+    function D(e) {
+      return _e(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
     }
-    const E = ({
-      api: e = p.value
+    const G = ({
+      api: e = d.value
     }) => {
       if (!o.rowSelection)
         return;
-      const r = R.value;
-      if (!r.length) {
+      const t = T.value;
+      if (!t.length) {
         setTimeout(() => {
-          d = !0;
+          m = !0;
         }, 0);
         return;
       }
-      d = !1;
+      m = !1;
       const a = [];
-      e.forEachNode((f) => {
-        const x = f.data, De = F(x);
-        r.find((ze) => F(ze) === De) && a.push(f);
+      e.forEachNode((c) => {
+        const g = c.data, w = D(g);
+        t.find((l) => D(l) === w) && a.push(c);
       }), e.setNodesSelected({ nodes: a, newValue: !0 }), setTimeout(() => {
-        d = !0;
+        m = !0;
       }, 0);
-    }, ve = (e) => {
-      d && (e.node.isSelected() ? me(e.data) : pe(e.data));
-    }, be = () => {
-      d = !0;
-    }, B = () => {
-      we(), p.value?.deselectAll();
+    }, ke = (e) => {
+      m && (e.node.isSelected() ? he(e.data) : ve(e.data));
+    }, Te = () => {
+      m = !0;
+    }, z = () => {
+      be(), d.value?.deselectAll();
     };
-    function Ce(e) {
-      Se(e), Ne(() => {
-        E({});
+    function De(e) {
+      Re(e), je(() => {
+        G({});
       });
     }
-    function M(e = !1) {
-      const r = e ? "getFieldsValueTransformed" : "getFieldsValue";
-      return c.value?.apForm?.[r]?.(!0);
+    function H(e = !1) {
+      const t = e ? "getFieldsValueTransformed" : "getFieldsValue";
+      return f.value?.apForm?.[t]?.(!0);
     }
-    function W(e) {
-      c.value?.apForm?.setFieldsValue?.(e);
+    function U(e) {
+      f.value?.apForm?.setFieldsValue?.(e);
     }
-    function L() {
-      return c.value?.getSorterItems() || [];
+    function $() {
+      return f.value?.getSorterItems() || [];
     }
-    function O(e) {
-      c.value?.setSorterItems(e);
+    function q(e) {
+      f.value?.setSorterItems(e);
     }
-    function G() {
-      c.value?.resetSorterItems();
+    function J() {
+      f.value?.resetSorterItems();
     }
-    Ye({
-      columns: n(() => s.value),
-      columnsBackup: n(() => ee.value),
-      size: n(() => _e[m.value]),
+    function ze(e) {
+      const t = d.value;
+      if (!t)
+        return;
+      const a = t.getColumnState() || [], c = e.map((l) => l.key ? String(l.key) : l.key).filter(Boolean);
+      let g = !1;
+      const w = a.map((l) => {
+        const s = !c.includes(l.colId);
+        return !g && s !== l.hide && (g = !0), {
+          ...l,
+          hide: s
+        };
+      });
+      g && t.applyColumnState({
+        state: w,
+        applyOrder: !0
+      });
+    }
+    no({
+      columns: n(() => p.value),
+      columnsBackup: n(() => M.value),
+      size: n(() => so[y.value]),
       updateColumns(e) {
-        s.value = e, o.onShownColumnsChange?.(e);
+        p.value = e, o.onShownColumnsChange?.(e), ze(e);
       },
       updateSize(e) {
-        m.value = Ze[e];
+        y.value = lo[e];
       },
       renderConfig: n(() => ({
-        className: Y("table-header", "title"),
-        color: _.value.colorTextTertiary
+        className: te("table-header", "title"),
+        color: se.value.colorTextTertiary
       })),
-      dataSource: n(() => t(u).records),
-      getSearchFormValues: M,
-      setSearchFormValues: W,
-      submit: b,
-      submitWith: I,
-      reset: C,
-      refresh: P,
-      getSearchFormSorterItems: L,
-      setSearchFormSorterItems: O,
-      resetSearchFormSorterItems: G
+      dataSource: n(() => r(S).records),
+      getSearchFormValues: H,
+      setSearchFormValues: U,
+      submit: x,
+      submitWith: j,
+      reset: k,
+      refresh: L,
+      getSearchFormSorterItems: $,
+      setSearchFormSorterItems: q,
+      resetSearchFormSorterItems: J
     });
-    const Re = n(
-      () => g(o.loading) ? u.loading : o.loading
-    ), Fe = n(() => [
-      l(),
-      o.card ? null : l("wrapper"),
-      l("adaptive"),
-      l(`size-${m.value}`)
-    ].filter(Boolean)), Be = n(() => ({
+    const Ke = n(
+      () => C(o.loading) ? S.loading : o.loading
+    ), Pe = n(() => [
+      i(),
+      o.card ? null : i("wrapper"),
+      i("adaptive"),
+      i(`size-${y.value}`)
+    ].filter(Boolean)), Ee = n(() => ({
       height: "100%",
       ...o.tableStyle || {}
-    })), xe = (e, r) => {
-      V({ current: e, pageSize: r });
+    })), Ve = (e, t) => {
+      W({ current: e, pageSize: t });
     };
-    function Te(e) {
-      const r = e.data;
-      return F(r);
+    function Ie(e) {
+      const t = e.data;
+      return D(t);
+    }
+    function Ae(e, t) {
+      d.value?.ensureIndexVisible(e, t);
+    }
+    function Ne(e) {
+      o.onRowClicked?.(e.data);
     }
-    function ke(e, r) {
-      p.value?.ensureIndexVisible(e, r);
+    function Me(e) {
+      o.onScrollEnd?.(e.direction);
     }
-    return T(
+    return K(
       () => o.dataSource,
       (e) => {
-        de(e);
+        ge(e);
       },
       { immediate: !0, deep: !0 }
-    ), T(
+    ), K(
       () => o.size,
       (e) => {
-        m.value = e;
+        y.value = e;
       }
-    ), T(
-      () => t(u).loading,
+    ), K(
+      () => r(S).loading,
       (e) => {
         o.onLoadingChange?.(e);
       }
-    ), X({
-      submit: b,
-      reset: C,
-      refresh: P,
-      submitWith: I,
-      setSearchFormValues: W,
-      getSearchFormValues: M,
-      getShowColumns: () => t(s),
+    ), ee({
+      submit: x,
+      reset: k,
+      refresh: L,
+      submitWith: j,
+      setSearchFormValues: U,
+      getSearchFormValues: H,
+      getShowColumns: () => r(p),
       rowSelection: {
-        selectedRows: n(() => R.value),
-        setSelectedRowKeys: Ce,
-        clearAll: B
+        selectedRows: n(() => T.value),
+        setSelectedRowKeys: De,
+        clearAll: z
       },
-      scrollToRow: ke,
-      getDataSource: () => t(u.records),
-      getPaging: se,
-      setPaging: ie,
-      getSearchFormSorterItems: L,
-      setSearchFormSorterItems: O,
-      resetSearchFormSorterItems: G
-    }), (e, r) => (w(), k("div", {
-      class: i(Fe.value),
-      style: v(e.wrapperStyle)
+      scrollToRow: Ae,
+      getDataSource: () => r(S.records),
+      getPaging: fe,
+      setPaging: Se,
+      getSearchFormSorterItems: $,
+      setSearchFormSorterItems: q,
+      resetSearchFormSorterItems: J
+    }), (e, t) => (h(), P("div", {
+      class: u(Pe.value),
+      style: E(e.wrapperStyle)
     }, [
-      t(g)(e.dataSource) && e.searchForm !== !1 && t(K).length > 0 ? (w(), k("div", {
+      r(C)(e.dataSource) && e.searchForm !== !1 && r(N).length > 0 ? (h(), P("div", {
         key: 0,
-        class: i(e.card ? t(y)("search-wrapper") : null),
-        style: v(e.searchFormWrapperStyle)
+        class: u(e.card ? r(b)("search-wrapper") : null),
+        style: E(e.searchFormWrapperStyle)
       }, [
-        D(t(qe).SearchForm, j(e.searchForm || {}, {
+        V(r(eo).SearchForm, I(e.searchForm || {}, {
           ref_key: "formRef",
-          ref: c,
+          ref: f,
           "custom-reset": "",
-          "submit-loading": t(N).loading,
-          onSubmit: t(b),
-          onReset: t(C)
-        }), Ve({
-          default: q(() => [
-            (w(!0), k(Ie, null, Pe(t(K), (a) => (w(), U(Ee(a.renderNode), {
+          "submit-loading": r(O).loading,
+          onSubmit: r(x),
+          onReset: r(k)
+        }), Le({
+          default: X(() => [
+            (h(!0), P(Ge, null, He(r(N), (a) => (h(), Y(Ue(a.renderNode), {
               key: a.dataIndex
             }))), 128))
           ]),
           _: 2
         }, [
-          z.searchFormExtra ? {
+          A.searchFormExtra ? {
             name: "extra",
-            fn: q(() => [
-              J(e.$slots, "searchFormExtra")
+            fn: X(() => [
+              Z(e.$slots, "searchFormExtra")
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["submit-loading", "onSubmit", "onReset"])
-      ], 6)) : $("", !0),
-      S("div", {
-        class: i([t(y)("table-wrapper"), e.card ? t(y)("table-wrapper-card") : null]),
-        style: v(e.tableWrapperStyle)
+      ], 6)) : Q("", !0),
+      v("div", {
+        class: u([r(b)("table-wrapper"), e.card ? r(b)("table-wrapper-card") : null]),
+        style: E(e.tableWrapperStyle)
       }, [
-        S("div", {
-          class: i(t(l)("header-wrapper"))
+        v("div", {
+          class: u(r(i)("header-wrapper"))
         }, [
-          J(e.$slots, "title", {
-            selectedRows: t(R),
-            selectedRowKeys: t(fe),
-            shownColumns: t(s),
-            clearAll: B
+          Z(e.$slots, "title", {
+            selectedRows: r(T),
+            selectedRowKeys: r(Ce),
+            shownColumns: r(p),
+            clearAll: z
           })
         ], 2),
-        S("div", {
-          class: i(t(l)("grid-wrapper"))
+        v("div", {
+          class: u(r(i)("grid-wrapper"))
         }, [
-          D(t(Le), {
-            style: v(Be.value),
-            "row-data": t(u).records,
-            "column-defs": t(te),
-            "default-col-def": t(oe),
+          V(r(Je), I(oe(r(ae), r(ne)), {
+            style: Ee.value,
+            "row-data": r(S).records,
+            "column-defs": r(de),
+            "default-col-def": r(ie),
             "suppress-loading-overlay": "",
-            "row-selection": ye.value,
-            "selection-column-def": he.value,
-            "get-row-id": Te,
-            "pinned-top-row-data": e.summary?.top,
-            "pinned-bottom-row-data": e.summary?.bottom,
-            theme: t(Z),
+            "row-selection": Fe.value,
+            "selection-column-def": xe.value,
+            "get-row-id": Ie,
+            theme: r(re),
             "tooltip-show-delay": 500,
             "enable-browser-tooltips": e.browserTooltips,
             "tooltip-interaction": "",
-            "no-rows-overlay-component": io,
-            onSortChanged: ae,
-            onGridReady: r[0] || (r[0] = (a) => p.value = a.api),
-            onRowDataUpdated: E,
-            onRowSelected: ve,
-            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", "enable-browser-tooltips"]),
-          Me(S("div", {
-            class: i(t(y)("table-loading-wrapper"))
+            "no-rows-overlay-component": ho,
+            onSortChanged: ue,
+            onGridReady: t[0] || (t[0] = (a) => d.value = a.api),
+            onRowDataUpdated: G,
+            onRowSelected: ke,
+            onFirstDataRendered: Te,
+            onRowClicked: Ne,
+            onBodyScrollEnd: Me
+          }), null, 16, ["style", "row-data", "column-defs", "default-col-def", "row-selection", "selection-column-def", "theme", "enable-browser-tooltips"]),
+          $e(v("div", {
+            class: u(r(b)("table-loading-wrapper"))
           }, [
-            D(t(He), { delay: 300 })
+            V(r(Ye), { delay: 300 })
           ], 2), [
-            [We, Re.value]
+            [qe, Ke.value]
           ])
         ], 2),
-        S("div", {
-          class: i(t(l)("pagination-wrapper"))
+        v("div", {
+          class: u(r(i)("pagination-wrapper"))
         }, [
-          e.pagination !== !1 ? (w(), U(t($e), j({
+          e.pagination !== !1 ? (h(), Y(r(Ze), I({
             key: 0,
-            class: t(l)("pagination")
-          }, t(N).pagination, { onChange: xe }), null, 16, ["class"])) : $("", !0)
+            class: r(i)("pagination")
+          }, r(O).pagination, { onChange: Ve }), null, 16, ["class"])) : Q("", !0)
         ], 2)
       ], 6)
     ], 6));
   }
 });
 export {
-  No as default
+  Uo as default
 };