@aplus-frontend/ui 7.19.0-beta.2 → 7.19.1

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

@@ -1,12 +1,12 @@
-import { defineComponent as xo, useSlots as Mo, ref as h, toRef as M, computed as i, unref as r, nextTick as A, watch as L, createElementBlock as U, openBlock as y, normalizeStyle as _, normalizeClass as v, createCommentVNode as pe, createElementVNode as T, createVNode as Fo, mergeProps as j, createSlots as ko, withCtx as fe, Fragment as Bo, renderList as Io, createBlock as $, resolveDynamicComponent as Ao, renderSlot as ge } from "vue";
+import { defineComponent as xo, useSlots as Mo, ref as h, toRef as M, computed as i, unref as r, nextTick as A, watch as H, createElementBlock as U, openBlock as y, normalizeStyle as _, normalizeClass as v, createCommentVNode as fe, createElementVNode as T, createVNode as ko, mergeProps as j, createSlots as Fo, withCtx as ge, Fragment as Bo, renderList as Io, createBlock as $, resolveDynamicComponent as Ao, renderSlot as we } from "vue";
 import { AG_GRID_LOCALE_EN as To, AG_GRID_LOCALE_CN as Eo } from "@ag-grid-community/locale";
 import { Pagination as No } from "@aplus-frontend/antdv";
 import { useToken as Do } from "@aplus-frontend/antdv/es/theme/internal";
-import { ModuleRegistry as Po, ValidationModule as zo, ColumnAutoSizeModule as Oo, PinnedRowModule as Vo, RowAutoHeightModule as Ko, RowStyleModule as Go, CellSpanModule as Wo, CellStyleModule as Ho, TooltipModule as Lo, RowSelectionModule as Uo, LocaleModule as _o, ValueCacheModule as jo, GridStateModule as $o, ColumnApiModule as qo, RowApiModule as Jo, CellApiModule as Qo, RenderApiModule as Xo, EventApiModule as Yo, ScrollApiModule as Zo, ClientSideRowModelApiModule as et, ClientSideRowModelModule as ot } from "ag-grid-community";
+import { ModuleRegistry as Po, ValidationModule as zo, ColumnAutoSizeModule as Oo, PinnedRowModule as Vo, RowAutoHeightModule as Ko, RowStyleModule as Go, CellSpanModule as Lo, CellStyleModule as Wo, TooltipModule as Ho, RowSelectionModule as Uo, LocaleModule as _o, ValueCacheModule as jo, GridStateModule as $o, ColumnApiModule as qo, RowApiModule as Jo, CellApiModule as Qo, RenderApiModule as Xo, EventApiModule as Yo, ScrollApiModule as Zo, ClientSideRowModelApiModule as et, ClientSideRowModelModule as ot } from "ag-grid-community";
 import { AgGridVue as tt } from "ag-grid-vue3";
-import { isUndefined as F, isFunction as E, omit as rt } from "lodash-unified";
-import { DEFAULT_ROW_SELECTION_CONFIG as we, sizeReverseMap as nt, sizeMap as lt } from "../ap-grid/constants.mjs";
-import { useProvideApTable as at } from "../ap-table/context.mjs";
+import { isUndefined as k, isFunction as E, omit as rt } from "lodash-unified";
+import { DEFAULT_ROW_SELECTION_CONFIG as Se, sizeReverseMap as nt, sizeMap as at } from "../ap-grid/constants.mjs";
+import { useProvideApTable as lt } from "../ap-table/context.mjs";
 import { useTablePaging as st } from "../ap-table/hooks/use-table-paging-ng.mjs";
 import { recursionApColumns as it } from "../ap-table/utils.mjs";
 import "../config-provider/index.mjs";
@@ -29,8 +29,8 @@ import vt from "./style/index.mjs";
 import { useTheme as Rt } from "./theme.mjs";
 import { runPipelineHooks as bt, runEffectHooks as q, mergeProps as xt } from "./utils.mjs";
 import { useNamespace as Mt } from "../config-provider/hooks/use-namespace.mjs";
-import { useLocale as Ft } from "../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as kt } from "../config-provider/hooks/use-global-config.mjs";
+import { useLocale as kt } from "../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as Ft } from "../config-provider/hooks/use-global-config.mjs";
 import { isDef as Bt } from "../utils/is.mjs";
 import It from "./components/row/index.vue2.mjs";
 import At from "./components/loading/index.vue2.mjs";
@@ -116,8 +116,8 @@ const gr = /* @__PURE__ */ xo({
     animateRows: { type: Boolean, default: !0 },
     plugins: { default: () => [] }
   },
-  setup(Se, { expose: Ce }) {
-    const he = {
+  setup(Ce, { expose: he }) {
+    const ye = {
       "zh-cn": Eo,
       en: To
     };
@@ -127,9 +127,9 @@ const gr = /* @__PURE__ */ xo({
       Vo,
       Ko,
       Go,
+      Lo,
       Wo,
       Ho,
-      Lo,
       Uo,
       _o,
       jo,
@@ -143,48 +143,48 @@ const gr = /* @__PURE__ */ xo({
       et,
       ot
     ]);
-    const t = Se, N = Mo(), { e: D, b: d, be: ye } = Mt("ag-grid"), { lang: J } = Ft(), ve = vt("ag-grid"), R = h(t.size), Re = Rt(
+    const t = Ce, N = Mo(), { e: D, b: d, be: ve } = Mt("ag-grid"), { lang: J } = kt(), Re = vt("ag-grid"), R = h(t.size), be = Rt(
       R,
       M(t, "rowHeight"),
       M(t, "theme")
-    ), be = yt(M(t, "virtual")), { rowPinnedGridConfig: Q, getRowPinnedCellClass: xe } = wt(
+    ), xe = yt(M(t, "virtual")), { rowPinnedGridConfig: Q, getRowPinnedCellClass: Me } = wt(
       M(t, "summary")
-    ), Me = kt("apGrid"), s = h(), [, Fe] = Do();
+    ), ke = Ft("apGrid"), s = h(), [, Fe] = Do();
     let b = !!t.dataSource;
     async function P(e, o = {}) {
       const n = await bt(
         t.plugins,
         e,
-        (l) => l.beforeApplyColumnState?.bind(l)
+        (a) => a.beforeApplyColumnState?.bind(a)
       );
       s.value.applyColumnState({ state: n, ...o });
     }
     const X = Ct(t), {
       shownColumns: w,
       columns: Y,
-      columnKeys: ke,
-      getTargetColumnByKey: Be,
-      defaultSortOrder: k
-    } = ft(t), { defaultColDef: Ie, columnDefs: Ae, gridWrapperRef: Te } = gt(
+      columnKeys: Be,
+      getTargetColumnByKey: Ie,
+      defaultSortOrder: F
+    } = ft(t), { defaultColDef: Ae, columnDefs: Z, gridWrapperRef: Te } = gt(
       Y,
       t,
-      xe,
+      Me,
       N.headerCell
     ), Ee = {
       asc: "ascend",
       desc: "descend"
-    }, Z = {
+    }, ee = {
       ascend: "asc",
       descend: "desc"
     };
     function Ne() {
-      const e = k.value;
+      const e = F.value;
       return e ? {
-        [e.colKey]: Z[e.order]
+        [e.colKey]: ee[e.order]
       } : {};
     }
     function De() {
-      const e = ee.value, o = k.value;
+      const e = oe.value, o = F.value;
       if (o && e.includes(o.field))
         return o;
     }
@@ -198,21 +198,21 @@ const gr = /* @__PURE__ */ xo({
     function Pe() {
       const e = s.value.getColumns()?.filter((c) => c.getSort() != null), o = r(B) || {};
       let n = e?.[0];
-      const l = Object.keys(o);
-      if (l.length && l.every((c) => o[c] === null)) {
+      const a = Object.keys(o);
+      if (a.length && a.every((c) => o[c] === null)) {
         const c = Object.keys(o)[0];
         c && (n = s.value?.getColumn(c));
       }
       if (!n)
         return;
-      const u = n.getColDef(), f = n.getSort(), g = Be(u.colId);
-      te(void 0, void 0, {
+      const u = n.getColDef(), f = n.getSort(), g = Ie(u.colId);
+      re(void 0, void 0, {
         column: u,
         field: g?.field ?? u.field ?? u.colId,
         order: f ? Ee[f] : null
       });
     }
-    const ee = i(() => it(r(w), (e) => {
+    const oe = i(() => it(r(w), (e) => {
       if (e.sorter === !0)
         return e.field ?? e.dataIndex ?? e.key;
     }).filter(Boolean)), ze = () => {
@@ -236,17 +236,17 @@ const gr = /* @__PURE__ */ xo({
       submit: V,
       reset: K,
       data: m,
-      tableProps: oe,
-      handleTableChangeOptional: te,
-      submitWith: re,
-      refresh: ne,
+      tableProps: te,
+      handleTableChangeOptional: re,
+      submitWith: ne,
+      refresh: ae,
       getPaging: Ke,
       setPaging: Ge,
-      setDataSource: We,
-      getLastParams: He
+      setDataSource: Le,
+      getLastParams: We
     } = st({
       async request(e) {
-        if (b = !1, C.value && !C.value.preserveSelectedRowKeys && F(t.dataSource) && !O.value && H(), O.value && (O.value = !1), !F(t.dataSource)) {
+        if (b = !1, C.value && !C.value.preserveSelectedRowKeys && k(t.dataSource) && !O.value && W(), O.value && (O.value = !1), !k(t.dataSource)) {
           const n = e.pageSize * (e.current - 1);
           return {
             data: (t.pagination === !1 ? t.dataSource : t.dataSource.slice(n, n + e.pageSize)) || [],
@@ -266,18 +266,18 @@ const gr = /* @__PURE__ */ xo({
       manual: r(Ve),
       formatParams: t.beforeSearchSubmit,
       pagination: t.pagination,
-      sortFields: ee,
+      sortFields: oe,
       onClickReset: ze,
       defaultSortOrder: De()
     }), C = i(() => {
-      const e = t.rowSelection || Me.value?.rowSelection;
+      const e = t.rowSelection || ke.value?.rowSelection;
       if (e)
-        return e === !0 ? we : {
-          ...we,
+        return e === !0 ? Se : {
+          ...Se,
           ...e
         };
-    }), Le = ht(t, w), Ue = i(
-      () => F(t.dataSource) ? m.records : t.dataSource
+    }), He = ht(t, w), Ue = i(
+      () => k(t.dataSource) ? m.records : t.dataSource
     ), {
       select: _e,
       unSelect: je,
@@ -301,11 +301,11 @@ const gr = /* @__PURE__ */ xo({
       const { type: o = "checkbox", disabled: n } = e;
       return {
         mode: Ye[o],
-        isRowSelectable: (l) => n ? !n(l.data) : !0,
+        isRowSelectable: (a) => n ? !n(a.data) : !0,
         hideDisabledCheckboxes: e.hideDisabled ?? !1
       };
     });
-    function W(e) {
+    function L(e) {
       return E(t.rowKey) ? t.rowKey(e) : e[t.rowKey];
     }
     const I = ({
@@ -316,9 +316,9 @@ const gr = /* @__PURE__ */ xo({
       const o = G.value || [];
       b = !1;
       const n = [];
-      e.forEachNode((l) => {
-        const p = l.data, u = W(p), f = l.isSelected();
-        o.find((g) => W(g) === u) ? !f && n.push(l) : f && l.setSelected(!1);
+      e.forEachNode((a) => {
+        const p = a.data, u = L(p), f = a.isSelected();
+        o.find((g) => L(g) === u) ? !f && n.push(a) : f && a.setSelected(!1);
       }), e.setNodesSelected({ nodes: n, newValue: !0 }), setTimeout(() => {
         b = !0;
       }, 0);
@@ -332,14 +332,14 @@ const gr = /* @__PURE__ */ xo({
     }, oo = () => {
       b = !0;
       const e = s.value;
-      if (!e || !k.value)
+      if (!e || !F.value)
         return;
-      const o = e.getColumnState(), { colKey: n, order: l } = k.value, p = o.map((u) => ({
+      const o = e.getColumnState(), { colKey: n, order: a } = F.value, p = o.map((u) => ({
         ...u,
-        sort: u.colId === n ? Z[l] : null
+        sort: u.colId === n ? ee[a] : null
       }));
       P(p);
-    }, H = () => {
+    }, W = () => {
       qe(), s.value?.deselectAll();
     };
     function to(e) {
@@ -362,7 +362,7 @@ const gr = /* @__PURE__ */ xo({
         I({});
       });
     }
-    function lo(e) {
+    function ao(e) {
       Xe(e), A(() => {
         I({});
       });
@@ -371,57 +371,58 @@ const gr = /* @__PURE__ */ xo({
       const o = e ? "getFieldsValueTransformed" : "getFieldsValue";
       return S.value?.apForm?.[o]?.(!0);
     }
-    function ae(e) {
+    function se(e) {
       S.value?.apForm?.setFieldsValue?.(e);
     }
-    function se() {
+    function ie() {
       return S.value?.getSorterItems() || [];
     }
-    function ie(e) {
+    function ue(e) {
       S.value?.setSorterItems(e);
     }
-    function ue() {
+    function de() {
       S.value?.resetSorterItems();
     }
-    function de(e) {
+    function ce(e) {
       return e && String(e);
     }
-    function ao(e) {
+    function lo(e) {
       const o = s.value;
       if (!o)
         return;
-      const n = o.getColumnState() || [], l = e.map((a) => a.key ? String(a.key) : a.key).filter(Boolean), p = n.map((a) => {
-        if (!ke.value.includes(a.colId))
-          return a;
-        const x = !l.includes(a.colId), ce = {
-          ...a,
+      const n = o.getColumnState() || [], a = e.map((l) => l.key ? String(l.key) : l.key).filter(Boolean), p = n.map((l) => {
+        if (!Be.value.includes(l.colId))
+          return l;
+        const x = !a.includes(l.colId), me = {
+          ...l,
           hide: x
-        }, me = e.find(
-          (bo) => de(bo.key) === a.colId
+        }, pe = e.find(
+          (bo) => ce(bo.key) === l.colId
         );
-        return me && (ce.pinned = me.fixed || null), ce;
+        return pe && (me.pinned = pe.fixed || null), me;
       }), u = new Map(
-        e.map((a, x) => [de(a.key), x])
-      ), f = p.filter((a) => u.has(a.colId)).sort(
-        (a, x) => u.get(a.colId) - u.get(x.colId)
+        e.map((l, x) => [ce(l.key), x])
+      ), f = p.filter((l) => u.has(l.colId)).sort(
+        (l, x) => u.get(l.colId) - u.get(x.colId)
       ), g = [];
       let c = 0;
-      for (const a of p)
-        u.has(a.colId) ? g.push(f[c++]) : g.push(a);
+      for (const l of p)
+        u.has(l.colId) ? g.push(f[c++]) : g.push(l);
       P(g, { applyOrder: !0 });
     }
-    at({
+    lt({
       columns: i(() => w.value),
       columnsBackup: i(() => Y.value),
-      size: i(() => lt[R.value]),
+      size: i(() => at[R.value]),
       updateColumns(e) {
         w.value = e, t.onShownColumnsChange?.(e), ut(
-          () => s.value,
+          () => s.value?.getColumnState(),
           () => {
-            ao(e);
+            lo(e);
           },
           {
-            interval: 17
+            interval: 17,
+            check: (o) => !!(o && o.length > 0)
           }
         );
       },
@@ -429,39 +430,37 @@ const gr = /* @__PURE__ */ xo({
         R.value = nt[e];
       },
       renderConfig: i(() => ({
-        className: ye("table-header", "title"),
+        className: ve("table-header", "title"),
         color: Fe.value.colorTextTertiary
       })),
       dataSource: i(() => r(m).records),
       getSearchFormValues: le,
-      setSearchFormValues: ae,
+      setSearchFormValues: se,
       submit: V,
-      submitWith: re,
+      submitWith: ne,
       reset: K,
-      refresh: ne,
-      getSearchFormSorterItems: se,
-      setSearchFormSorterItems: ie,
-      resetSearchFormSorterItems: ue,
-      getLastParams: He
+      refresh: ae,
+      getSearchFormSorterItems: ie,
+      setSearchFormSorterItems: ue,
+      resetSearchFormSorterItems: de,
+      getLastParams: We
     });
-    const so = i(
-      () => F(t.loading) ? m.loading : t.loading
-    ), io = i(() => [
+    const so = i(() => (k(t.loading) ? m.loading : t.loading) || Z.value.length === 0), io = i(() => [
       d(),
       t.card ? null : d("wrapper"),
       d("adaptive"),
       d(`size-${R.value}`),
       t.autoHeight && m.records.length ? d("auto-height") : null,
-      ve.value
+      Re.value
     ].filter(Boolean)), uo = i(() => ({
       height: "100%",
       ...t.tableStyle || {}
     })), co = (e, o) => {
-      te({ current: e, pageSize: o });
+      re({ current: e, pageSize: o });
     };
     function mo(e) {
       const o = e.data;
-      return W(o);
+      return L(o);
     }
     function po(e, o) {
       (E(e) ? s.value?.ensureNodeVisible : s.value?.ensureIndexVisible)?.(e, o);
@@ -503,51 +502,51 @@ const gr = /* @__PURE__ */ xo({
     }, Ro = (e, o, n) => {
       q(
         t.plugins,
-        (l) => l.searchParamsChange?.bind(this),
+        (a) => a.searchParamsChange?.bind(this),
         o
       ), t.searchForm && t.searchForm.onValuesChange?.(e, o, n);
     };
-    return L(
+    return H(
       () => t.dataSource,
       (e) => {
         A(() => {
-          We(e, !0);
+          Le(e, !0);
         });
       },
       { immediate: !0, deep: !0 }
-    ), L(
+    ), H(
       () => t.size,
       (e) => {
         R.value = e;
       }
-    ), L(
+    ), H(
       () => r(m).loading,
       (e) => {
         t.onLoadingChange?.(e);
       }
-    ), Ce({
+    ), he({
       submit: V,
       reset: K,
-      refresh: ne,
-      submitWith: re,
-      setSearchFormValues: ae,
+      refresh: ae,
+      submitWith: ne,
+      setSearchFormValues: se,
       getSearchFormValues: le,
       getShowColumns: () => r(w),
       rowSelection: {
         selectedRows: i(() => G.value),
         setSelectedRowKeys: to,
         setSelectedRows: no,
-        clearAll: H,
-        unSelectRows: lo
+        clearAll: W,
+        unSelectRows: ao
       },
       scrollToRow: po,
       scrollToColumn: fo,
       getDataSource: () => r(m.records),
       getPaging: Ke,
       setPaging: Ge,
-      getSearchFormSorterItems: se,
-      setSearchFormSorterItems: ie,
-      resetSearchFormSorterItems: ue,
+      getSearchFormSorterItems: ie,
+      setSearchFormSorterItems: ue,
+      resetSearchFormSorterItems: de,
       refreshCells: So,
       redrawRows: Co,
       _internalGridApi: i(() => s.value)
@@ -555,21 +554,21 @@ const gr = /* @__PURE__ */ xo({
       class: v(io.value),
       style: _(e.wrapperStyle)
     }, [
-      r(F)(e.dataSource) && e.searchForm !== !1 && r(X).length > 0 ? (y(), U("div", {
+      r(k)(e.dataSource) && e.searchForm !== !1 && r(X).length > 0 ? (y(), U("div", {
         key: 0,
         class: v(e.card ? r(D)("search-wrapper") : null),
         style: _(e.searchFormWrapperStyle)
       }, [
-        Fo(r(ct).SearchForm, j(r(rt)(e.searchForm || {}, ["onValuesChange"]), {
+        ko(r(ct).SearchForm, j(r(rt)(e.searchForm || {}, ["onValuesChange"]), {
           ref_key: "formRef",
           ref: S,
           "custom-reset": "",
-          "submit-loading": r(oe).loading,
+          "submit-loading": r(te).loading,
           onSubmit: r(V),
           onReset: r(K),
           onValuesChange: Ro
-        }), ko({
-          default: fe(() => [
+        }), Fo({
+          default: ge(() => [
             (y(!0), U(Bo, null, Io(r(X), (n) => (y(), $(Ao(n.renderNode), {
               key: n.dataIndex
             }))), 128))
@@ -578,13 +577,13 @@ const gr = /* @__PURE__ */ xo({
         }, [
           N.searchFormExtra ? {
             name: "extra",
-            fn: fe(() => [
-              ge(e.$slots, "searchFormExtra")
+            fn: ge(() => [
+              we(e.$slots, "searchFormExtra")
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["submit-loading", "onSubmit", "onReset"])
-      ], 6)) : pe("", !0),
+      ], 6)) : fe("", !0),
       T("div", {
         class: v([r(D)("table-wrapper"), e.card ? r(D)("table-wrapper-card") : null]),
         style: _(e.tableWrapperStyle)
@@ -592,11 +591,11 @@ const gr = /* @__PURE__ */ xo({
         T("div", {
           class: v(r(d)("header-wrapper"))
         }, [
-          ge(e.$slots, "title", {
+          we(e.$slots, "title", {
             selectedRows: r(G),
             selectedRowKeys: r($e),
             shownColumns: r(w),
-            clearAll: H
+            clearAll: W
           })
         ], 2),
         T("div", {
@@ -605,21 +604,21 @@ const gr = /* @__PURE__ */ xo({
           class: v(r(d)("grid-wrapper"))
         }, [
           (y(), $(r(tt), j(
-            r(xt)(r(be), r(Q), ro.value),
+            r(xt)(r(xe), r(Q), ro.value),
             {
               key: r(J),
               "animate-rows": e.animateRows,
               "get-row-class": yo,
               style: uo.value,
               "row-data": r(m).records,
-              "column-defs": r(Ae),
-              "default-col-def": r(Ie),
+              "column-defs": r(Z),
+              "default-col-def": r(Ae),
               "suppress-loading-overlay": "",
               "row-selection": Ze.value,
-              "selection-column-def": r(Le),
+              "selection-column-def": r(He),
               "get-row-id": mo,
               "get-row-height": t.getRowHeight,
-              theme: r(Re),
+              theme: r(be),
               "tooltip-show-delay": 500,
               "enable-browser-tooltips": e.browserTooltips,
               "tooltip-interaction": "",
@@ -632,7 +631,7 @@ const gr = /* @__PURE__ */ xo({
               "tab-to-next-cell": () => !1,
               "enable-cell-span": "",
               "dom-layout": e.autoHeight ? "autoHeight" : "normal",
-              "locale-text": he[r(J)],
+              "locale-text": ye[r(J)],
               onSortChanged: Pe,
               onGridReady: vo,
               onRowDataUpdated: I,
@@ -651,7 +650,7 @@ const gr = /* @__PURE__ */ xo({
           e.pagination !== !1 ? (y(), $(r(No), j({
             key: 0,
             class: r(d)("pagination")
-          }, r(oe).pagination, { onChange: co }), null, 16, ["class"])) : pe("", !0)
+          }, r(te).pagination, { onChange: co }), null, 16, ["class"])) : fe("", !0)
         ], 2)
       ], 6)
     ], 6));