@aplus-frontend/ui 6.26.5 → 6.27.0

package/es/src/ag-grid/hooks/use-columns-def.d.ts

@@ -1,4 +1,4 @@
-import { ColDef, ColGroupDef } from 'ag-grid-community';
+import { CellClassFunc, ColDef, ColGroupDef } from 'ag-grid-community';
 import { AgGridColumnType, AgGridProps } from '../interface';
 import { Ref, ComputedRef } from 'vue';
 /**
@@ -7,7 +7,7 @@ import { Ref, ComputedRef } from 'vue';
  * @param props
  * @returns
  */
-export declare const useColumnsDef: <RecordType>(shownColumns: Ref<AgGridColumnType<RecordType>[]>, props: AgGridProps<RecordType>) => {
+export declare const useColumnsDef: <RecordType>(columns: Ref<AgGridColumnType<RecordType>[]>, props: AgGridProps<RecordType>, customCellClass: (callback: CellClassFunc) => CellClassFunc) => {
     columnDefs: ComputedRef<(ColDef<any, any> | ColGroupDef<any>)[]>;
     defaultColDef: ComputedRef<ColDef<any, any>>;
 };

package/es/src/ag-grid/hooks/use-columns-def.mjs

@@ -1,17 +1,17 @@
-import { getTableRenderProps as C, objectToString as w } from "../../ap-table/utils.mjs";
+import { getTableRenderProps as C, objectToString as m } from "../../ap-table/utils.mjs";
 import { rendererMap as y } from "../renderer/index.mjs";
 import { isFunction as b, isNumber as f } from "lodash-unified";
 import { computed as v, unref as T } from "vue";
 import "../components/body-cell/index.vue.mjs";
 import "../components/header-cell/index.vue.mjs";
 import "../../config-provider/index.mjs";
-import { dataIndexToField as m } from "../../ap-grid/utils/col.mjs";
-import { isDef as R } from "../../utils/index.mjs";
-import { useGlobalConfig as D } from "../../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as I } from "../../config-provider/hooks/use-namespace.mjs";
-import P from "../components/body-cell/index.vue2.mjs";
-import S from "../components/header-cell/index.vue2.mjs";
-function _(t, a) {
+import { dataIndexToField as R } from "../../ap-grid/utils/col.mjs";
+import { isDef as D } from "../../utils/index.mjs";
+import { useGlobalConfig as I } from "../../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as P } from "../../config-provider/hooks/use-namespace.mjs";
+import S from "../components/body-cell/index.vue2.mjs";
+import _ from "../components/header-cell/index.vue2.mjs";
+function z(t, a) {
   if (a.bodyCellTooltip)
     return b(a.bodyCellTooltip) ? a.bodyCellTooltip(t.value, t.data) : a.bodyCellTooltip;
   if (a.renderText)
@@ -36,16 +36,16 @@ function _(t, a) {
     );
     return d(p);
   }
-  return w(t.value);
+  return m(t.value);
 }
-const E = (t, a) => {
-  const s = D("valueTypeMap"), { em: d } = I("ag-grid"), u = v(() => {
-    const c = T(t), h = (i) => {
+const J = (t, a, s) => {
+  const d = I("valueTypeMap"), { em: u } = P("ag-grid"), p = v(() => {
+    const h = T(t), g = (i) => {
       const e = {
-        cellRenderer: P,
+        cellRenderer: S,
         cellRendererParams: {
           column: i,
-          extraValueType: T(s)
+          extraValueType: T(d)
         }
       };
       if (i.customRender)
@@ -80,8 +80,8 @@ const E = (t, a) => {
     function x(i) {
       return i.map((e) => {
         const n = e.bodyCellTooltip || !e.customRender && (e.ellipsis === !0 || e.ellipsis === "tooltip" || f(e.ellipsis)), l = {
-          field: m(e.dataIndex),
-          colId: R(e.key) ? String(e.key) : void 0,
+          field: R(e.dataIndex),
+          colId: D(e.key) ? String(e.key) : void 0,
           sortable: !!e.sorter,
           comparator: e.sorter === !0 ? () => 0 : e.sorter,
           headerComponentParams: {
@@ -96,21 +96,21 @@ const E = (t, a) => {
           pinned: e.fixed || null,
           // undefined to null
           colSpan: e.colSpan,
-          cellClass: (r) => {
-            const o = e.cellClass || "", g = b(o) ? o(r.data, r.node) : o;
+          cellClass: s((r) => {
+            const o = e.cellClass || "", w = b(o) ? o(r.data, r.node) : o;
             return [
-              `${d("cell", e.align || "left")}`,
-              g
+              `${u("cell", e.align || "left")}`,
+              w
             ].flat().filter(Boolean);
-          },
+          }),
           cellStyle: {
             "--ag-grid-line-clamp": f(e.ellipsis) ? e.ellipsis : 1
           },
           wrapText: !e.ellipsis || f(e.ellipsis) && e.ellipsis >= 2,
           autoHeight: !0,
           // 设置自动计算高度以自适应多行换行的场景
-          tooltipValueGetter: n ? (r) => _(r, e) : void 0,
-          ...h(e)
+          tooltipValueGetter: n ? (r) => z(r, e) : void 0,
+          ...g(e)
         };
         return e.children?.length ? {
           ...l,
@@ -118,20 +118,20 @@ const E = (t, a) => {
         } : l;
       });
     }
-    return x(c);
-  }), p = v(
+    return x(h);
+  }), c = v(
     () => ({
-      headerComponent: S,
+      headerComponent: _,
       resizable: a.columnResizable,
       suppressMovable: !0,
       cellDataType: !1
     })
   );
   return {
-    columnDefs: u,
-    defaultColDef: p
+    columnDefs: p,
+    defaultColDef: c
   };
 };
 export {
-  E as useColumnsDef
+  J as useColumnsDef
 };

package/es/src/ag-grid/hooks/use-columns.d.ts

@@ -4,6 +4,6 @@ import { AgGridColumnType, AgGridProps } from '../interface';
  * 维护/更新表格将要显示的类
  */
 export declare const useColumns: <RecordType>(props: AgGridProps<RecordType>) => {
+    columns: Ref<AgGridColumnType<RecordType>[], AgGridColumnType<RecordType>[]>;
     shownColumns: Ref<AgGridColumnType<RecordType>[], AgGridColumnType<RecordType>[]>;
-    shownColumnsBackup: Ref<AgGridColumnType<RecordType>[], AgGridColumnType<RecordType>[]>;
 };

package/es/src/ag-grid/hooks/use-columns.mjs

@@ -1,22 +1,22 @@
-import { ref as t, watch as l } from "vue";
+import { ref as u, watch as m } from "vue";
 const c = (e) => {
-  const o = t([]), u = t([]);
-  function s() {
+  const o = u([]), t = u([]);
+  function l() {
     return e.columns?.filter((n) => !n.hideInTable) || [];
   }
-  return l(
+  return m(
     () => e.columns,
     () => {
-      const n = s();
-      o.value = n, u.value = n, e.onShownColumnsChange?.(n);
+      const n = l();
+      o.value = n, t.value = n, e.onShownColumnsChange?.(n);
     },
     {
       deep: !0,
       immediate: !0
     }
   ), {
-    shownColumns: o,
-    shownColumnsBackup: u
+    columns: o,
+    shownColumns: t
   };
 };
 export {

package/es/src/ag-grid/hooks/use-pinned-row.d.ts

@@ -0,0 +1,7 @@
+import { Ref, ComputedRef } from 'vue';
+import { AgGridProps } from '../interface';
+import { CellClassFunc, GridOptions } from 'ag-grid-community';
+export declare const usePinnedRow: (summary: Ref<AgGridProps["summary"]>) => {
+    getRowPinnedCellClass: (prevCellClass: CellClassFunc) => CellClassFunc;
+    rowPinnedGridConfig: ComputedRef<GridOptions<any>>;
+};

package/es/src/ag-grid/hooks/use-pinned-row.mjs

@@ -0,0 +1,32 @@
+import { computed as w } from "vue";
+import { isFunction as l } from "lodash-unified";
+const C = (r) => {
+  const d = w(() => {
+    const o = r.value;
+    if (!o)
+      return {};
+    const { rowClassName: n, top: t, bottom: e } = o;
+    return {
+      pinnedTopRowData: t,
+      pinnedBottomRowData: e,
+      getRowClass({ node: i, data: s, rowIndex: u }) {
+        if (!(!i.rowPinned || !n))
+          return l(n) ? n(s, u, i.rowPinned) : n;
+      }
+    };
+  });
+  return {
+    getRowPinnedCellClass: (o) => (n) => {
+      let t;
+      const { cellClassName: e } = r.value || {};
+      return !n.node.rowPinned || !e ? t = [o(n)] : t = [
+        o(n),
+        l(e) ? e(n.data, n.colDef, n.node.rowPinned) : e
+      ], t.flat().filter(Boolean);
+    },
+    rowPinnedGridConfig: d
+  };
+};
+export {
+  C as usePinnedRow
+};