@aplus-frontend/ui 6.23.0 → 6.24.0

package/es/src/ag-grid/components/body-cell/index.vue2.mjs

@@ -17,7 +17,8 @@ const t = /* @__PURE__ */ a({
           pinned: e.params.node.rowPinned
         },
         e.params.column,
-        e.params.extraValueType
+        e.params.extraValueType,
+        !1
       )
     )));
   }

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

@@ -0,0 +1,13 @@
+import { ColDef, ColGroupDef } from 'ag-grid-community';
+import { AgGridColumnType, AgGridProps } from '../interface';
+import { Ref, ComputedRef } from 'vue';
+/**
+ * 维护AgGrid列配置
+ * @param shownColumns
+ * @param props
+ * @returns
+ */
+export declare const useColumnsDef: <RecordType>(shownColumns: Ref<AgGridColumnType<RecordType>[]>, props: AgGridProps<RecordType>) => {
+    columnDefs: ComputedRef<(ColDef<any, any> | ColGroupDef<any>)[]>;
+    defaultColDef: ComputedRef<ColDef<any, any>>;
+};

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

@@ -0,0 +1,140 @@
+import { getTableRenderProps as h, objectToString as m } from "../../ap-table/utils.mjs";
+import { rendererMap as g } from "../renderer/index.mjs";
+import { isFunction as w, isNumber as T } from "lodash-unified";
+import { computed as b, unref as c } from "vue";
+import "../components/body-cell/index.vue.mjs";
+import "../components/header-cell/index.vue.mjs";
+import "../../config-provider/index.mjs";
+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(r, a) {
+  var s, f;
+  if (a.bodyCellTooltip)
+    return w(a.bodyCellTooltip) ? a.bodyCellTooltip(r.value, r.data) : a.bodyCellTooltip;
+  if (a.renderText)
+    return a.renderText({
+      value: r.value,
+      record: r.data,
+      column: a,
+      text: r.value
+    });
+  const n = a.valueType || "text", p = g[n];
+  if (p) {
+    const v = h(
+      { ...a, valueType: n },
+      {
+        value: r.value,
+        text: r.value,
+        record: r.data,
+        column: r.column,
+        rowIndex: (s = r.node) == null ? void 0 : s.rowIndex,
+        pinned: (f = r.node) == null ? void 0 : f.rowPinned
+      }
+    );
+    return p(v);
+  }
+  return m(r.value);
+}
+const J = (r, a) => {
+  const n = I("valueTypeMap"), { em: p } = P("ag-grid"), C = b(() => {
+    const f = c(r), v = (i) => {
+      const e = {
+        cellRenderer: S,
+        cellRendererParams: {
+          column: i,
+          extraValueType: c(n)
+        }
+      };
+      if (i.customRender)
+        return e;
+      if (i.renderText)
+        return {
+          valueFormatter: (t) => i.renderText({
+            value: t.value,
+            record: t.data,
+            column: i,
+            text: t.value
+          })
+        };
+      const u = i.valueType || "text", d = g[u];
+      return d ? {
+        valueFormatter: (t) => {
+          var o, x;
+          const l = h(
+            { ...i, valueType: u },
+            {
+              value: t.value,
+              text: t.value,
+              record: t.data,
+              column: t.column,
+              rowIndex: (o = t.node) == null ? void 0 : o.rowIndex,
+              pinned: (x = t.node) == null ? void 0 : x.rowPinned
+            }
+          );
+          return d(l);
+        }
+      } : s;
+    };
+    function y(i) {
+      return i.map((e) => {
+        var t;
+        const u = e.bodyCellTooltip || !e.customRender && (e.ellipsis === !0 || e.ellipsis === "tooltip" || T(e.ellipsis)), d = {
+          field: R(e.dataIndex),
+          colId: D(e.key) ? String(e.key) : void 0,
+          sortable: !!e.sorter,
+          comparator: e.sorter === !0 ? () => 0 : e.sorter,
+          headerComponentParams: {
+            column: e
+          },
+          resizable: e.resizable,
+          width: e.width,
+          minWidth: e.minWidth,
+          maxWidth: e.maxWidth,
+          flex: e.width ? void 0 : 1,
+          // 如果没有设置确切的宽度，则设置为可自由伸缩列
+          pinned: e.fixed || null,
+          // undefined to null
+          colSpan: e.colSpan,
+          cellClass: (l) => {
+            const o = e.cellClass || "", x = w(o) ? o(l.data, l.node) : o;
+            return [
+              `${p("cell", e.align || "left")}`,
+              x
+            ].flat().filter(Boolean);
+          },
+          cellStyle: {
+            "--ag-grid-line-clamp": T(e.ellipsis) ? e.ellipsis : 1
+          },
+          wrapText: !e.ellipsis || T(e.ellipsis) && e.ellipsis >= 2,
+          autoHeight: !0,
+          // 设置自动计算高度以自适应多行换行的场景
+          tooltipValueGetter: u ? (l) => z(l, e) : void 0,
+          ...v(e)
+        };
+        return (t = e.children) != null && t.length ? {
+          ...d,
+          children: y(e.children)
+        } : d;
+      });
+    }
+    return y(f);
+  }), s = b(
+    () => ({
+      headerComponent: _,
+      resizable: a.columnResizable,
+      suppressMovable: !0,
+      cellDataType: !1
+    })
+  );
+  return {
+    columnDefs: C,
+    defaultColDef: s
+  };
+};
+export {
+  J as useColumnsDef
+};

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

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

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

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