@aplus-frontend/ui 6.33.0 → 6.35.0

package/es/src/ag-grid/components/tooltip/index.vue.d.ts

@@ -0,0 +1,6 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    params: any;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,4 @@
+import f from "./index.vue2.mjs";
+export {
+  f as default
+};

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

@@ -0,0 +1,29 @@
+import { defineComponent as p, ref as m, onMounted as u, createElementBlock as d, createCommentVNode as f, openBlock as g, normalizeClass as v, unref as C, toDisplayString as _ } from "vue";
+import "../../../config-provider/index.mjs";
+import { useNamespace as x } from "../../../config-provider/hooks/use-namespace.mjs";
+const w = /* @__PURE__ */ p({
+  __name: "index",
+  props: {
+    params: {}
+  },
+  setup(l) {
+    const n = l, e = m(!1), { e: s } = x("ag-grid");
+    return u(() => {
+      const { rowIndex: o, column: t, gridWrapperRef: c, lineClamp: i } = n.params, r = c.value?.querySelector(
+        `div.ag-row[row-index="${o}"] .ag-cell[col-id="${t.colId}"] span.ag-cell-value`
+      );
+      if (!r) {
+        e.value = !0;
+        return;
+      }
+      const a = i === 1 ? "Width" : "Height";
+      e.value = r[`scroll${a}`] > r[`client${a}`];
+    }), (o, t) => e.value ? (g(), d("div", {
+      key: 0,
+      class: v(C(s)("tooltip"))
+    }, _(o.params.value), 3)) : f("", !0);
+  }
+});
+export {
+  w as default
+};

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

@@ -10,4 +10,5 @@ import { Ref, ComputedRef } from 'vue';
 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>>;
+    gridWrapperRef: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
 };

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

@@ -1,33 +1,35 @@
-import { getTableRenderProps as y, objectToString as P } from "../../ap-table/utils.mjs";
-import { rendererMap as h } from "../renderer/index.mjs";
-import { isNumber as p, isFunction as b } from "lodash-unified";
-import { computed as v, unref as T } from "vue";
+import { getTableRenderProps as m, objectToString as P } from "../../ap-table/utils.mjs";
+import { rendererMap as c } from "../renderer/index.mjs";
+import { isNumber as f, isFunction as y } from "lodash-unified";
+import { ref as R, unref as C, computed as T } from "vue";
 import "../components/body-cell/index.vue.mjs";
 import "../components/header-cell/index.vue.mjs";
+import "../components/tooltip/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 S } from "../../config-provider/hooks/use-namespace.mjs";
-import G from "../components/body-cell/index.vue2.mjs";
-import C from "../components/header-cell/index.vue2.mjs";
-function _(r) {
-  return p(r) && r > 1;
+import { dataIndexToField as I } from "../../ap-grid/utils/col.mjs";
+import { isDef as S } from "../../utils/index.mjs";
+import { useGlobalConfig as _ } from "../../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as G } from "../../config-provider/hooks/use-namespace.mjs";
+import W from "../components/body-cell/index.vue2.mjs";
+import z from "../components/tooltip/index.vue2.mjs";
+import v from "../components/header-cell/index.vue2.mjs";
+function F(r) {
+  return f(r) && r > 1;
 }
-function z(r, i) {
-  if (i.bodyCellTooltip)
-    return b(i.bodyCellTooltip) ? i.bodyCellTooltip(r.value, r.data) : i.bodyCellTooltip;
-  if (i.renderText)
-    return i.renderText({
+function M(r, l) {
+  if (l.bodyCellTooltip)
+    return y(l.bodyCellTooltip) ? l.bodyCellTooltip(r.value, r.data) : l.bodyCellTooltip;
+  if (l.renderText)
+    return l.renderText({
       value: r.value,
       record: r.data,
-      column: i,
+      column: l,
       text: r.value
     });
-  const s = i.valueType || "text", n = h[s];
-  if (n) {
-    const u = y(
-      { ...i, valueType: s },
+  const n = l.valueType || "text", d = c[n];
+  if (d) {
+    const p = m(
+      { ...l, valueType: n },
       {
         value: r.value,
         text: r.value,
@@ -37,54 +39,62 @@ function z(r, i) {
         pinned: r.node?.rowPinned
       }
     );
-    return n(u);
+    return d(p);
   }
   return P(r.value);
 }
-const J = (r, i, s) => {
-  const n = I("valueTypeMap"), { em: f } = S("ag-grid"), u = v(() => {
-    const g = T(r), m = (a) => {
-      const e = {
-        cellRenderer: G,
-        cellRendererParams: {
-          column: a,
-          extraValueType: T(n)
-        }
-      };
-      if (a.customRender)
-        return e;
-      if (a.renderText)
-        return {
-          valueFormatter: (t) => a.renderText({
-            value: t.value,
-            record: t.data,
-            column: a,
-            text: t.value
-          })
-        };
-      const d = a.valueType || "text", l = h[d];
-      return l ? {
-        valueFormatter: (t) => {
-          const o = y(
-            { ...a, valueType: d },
-            {
-              value: t.value,
-              text: t.value,
-              record: t.data,
-              column: t.column,
-              rowIndex: t.node?.rowIndex,
-              pinned: t.node?.rowPinned
-            }
-          );
-          return l(o);
-        }
-      } : e;
+const X = (r, l, n) => {
+  const d = _("valueTypeMap"), u = R(), { em: p } = G("ag-grid"), h = (t) => {
+    const i = {
+      cellRenderer: W,
+      cellRendererParams: {
+        column: t,
+        extraValueType: C(d)
+      }
     };
-    function x(a) {
+    if (t.customRender)
+      return i;
+    if (t.renderText)
+      return {
+        valueFormatter: (o) => t.renderText({
+          value: o.value,
+          record: o.data,
+          column: t,
+          text: o.value
+        })
+      };
+    const a = t.valueType || "text", e = c[a];
+    return e ? {
+      valueFormatter: (o) => {
+        const s = m(
+          { ...t, valueType: a },
+          {
+            value: o.value,
+            text: o.value,
+            record: o.data,
+            column: o.column,
+            rowIndex: o.node?.rowIndex,
+            pinned: o.node?.rowPinned
+          }
+        );
+        return e(s);
+      }
+    } : i;
+  }, b = (t) => {
+    const i = {}, a = t.bodyCellTooltip || !t.customRender && (t.ellipsis === !0 || t.ellipsis === "tooltip" || f(t.ellipsis)), e = f(t.ellipsis) && t.ellipsis > 1, o = f(t.ellipsis) ? t.ellipsis : 1;
+    return i.tooltipValueGetter = a ? (s) => M(s, t) : void 0, i.wrapText = !t.ellipsis || e, i.cellStyle = {
+      "--ag-grid-line-clamp": o
+    }, i.tooltipComponent = z, i.tooltipComponentParams = {
+      lineClamp: o,
+      gridWrapperRef: u
+    }, i;
+  }, g = T(() => {
+    const t = C(r);
+    function i(a) {
       return a.map((e) => {
-        const d = e.bodyCellTooltip || !e.customRender && (e.ellipsis === !0 || e.ellipsis === "tooltip" || p(e.ellipsis)), l = {
-          field: R(e.dataIndex),
-          colId: D(e.key) ? String(e.key) : void 0,
+        const o = {
+          field: I(e.dataIndex),
+          colId: S(e.key) ? String(e.key) : void 0,
           sortable: !!e.sorter,
           comparator: e.sorter === !0 ? () => 0 : e.sorter,
           headerComponentParams: {
@@ -99,47 +109,44 @@ const J = (r, i, s) => {
           pinned: e.fixed || null,
           // undefined to null
           colSpan: e.colSpan,
-          cellClass: s((t) => {
-            const o = e.cellClass || "", w = b(o) ? o(t.data, t.node) : o;
+          cellClass: n((s) => {
+            const x = e.cellClass || "", D = y(x) ? x(s.data, s.node) : x;
             return [
-              `${f("cell", e.align || "left")}`,
-              _(e.ellipsis) ? f("cell", "multiline") : null,
-              w
+              `${p("cell", e.align || "left")}`,
+              F(e.ellipsis) ? p("cell", "multiline") : null,
+              D
             ].flat().filter(Boolean);
           }),
-          cellStyle: {
-            "--ag-grid-line-clamp": p(e.ellipsis) ? e.ellipsis : 1
-          },
-          wrapText: !e.ellipsis || p(e.ellipsis) && e.ellipsis > 1,
           autoHeight: !0,
           // 设置自动计算高度以自适应多行换行的场景
-          tooltipValueGetter: d ? (t) => z(t, e) : void 0,
-          ...m(e)
+          ...b(e),
+          ...h(e)
         };
         return e.children?.length ? {
-          ...l,
-          headerGroupComponent: C,
+          ...o,
+          headerGroupComponent: v,
           headerGroupComponentParams: {
             column: e
           },
-          children: x(e.children)
-        } : l;
+          children: i(e.children)
+        } : o;
       });
     }
-    return x(g);
-  }), c = v(
+    return i(t);
+  }), w = T(
     () => ({
-      headerComponent: C,
-      resizable: i.columnResizable,
+      headerComponent: v,
+      resizable: l.columnResizable,
       suppressMovable: !0,
       cellDataType: !1
     })
   );
   return {
-    columnDefs: u,
-    defaultColDef: c
+    columnDefs: g,
+    defaultColDef: w,
+    gridWrapperRef: u
   };
 };
 export {
-  J as useColumnsDef
+  X as useColumnsDef
 };

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

@@ -1,36 +1,42 @@
-import { computed as u } from "vue";
-import { isFunction as s } from "lodash-unified";
+import { computed as s } from "vue";
+import { isFunction as m } from "lodash-unified";
 import "../../ap-grid/index.mjs";
 import { pxToNumber as a } from "../utils.mjs";
 import { ROW_SELECTION_FIELD as d } from "../../ap-grid/constants.mjs";
-function w(e) {
-  return e?.bottom?.length || e?.top?.length;
+function p(t) {
+  return t?.bottom?.length || t?.top?.length;
 }
-const D = (e, l) => u(() => {
-  if (!e.rowSelection)
+const v = (t, c) => s(() => {
+  if (!t.rowSelection)
     return;
-  const n = e.rowSelection === !0 ? {} : e.rowSelection, o = {
+  const o = t.rowSelection === !0 ? {} : t.rowSelection, i = {
     sortable: !1,
     resizable: !1,
-    width: a(n.columnWidth, 60)
+    width: a(o.columnWidth, 60),
+    tooltipValueGetter: o.tooltip ? ({ node: e }) => {
+      if (typeof o.tooltip == "string")
+        return o.tooltip;
+      const r = !e?.selectable, n = !!e?.isSelected();
+      return o.tooltip(n, r, e);
+    } : void 0
   };
-  let i = n.fixed;
-  if (i === void 0 && (i = l.value.some(
-    (t) => t.fixed === "left" || t.fixed === !0
-  ) ? "left" : void 0), o.pinned = i, w(e.summary)) {
-    const { cellClassName: t } = e.summary;
-    o.cellClass = ({
+  let l = o.fixed;
+  if (l === void 0 && (l = c.value.some(
+    (e) => e.fixed === "left" || e.fixed === !0
+  ) ? "left" : void 0), i.pinned = l, p(t.summary)) {
+    const { cellClassName: e } = t.summary;
+    i.cellClass = ({
       node: r,
-      data: f,
-      colDef: c,
-      rowIndex: m
+      data: n,
+      colDef: f,
+      rowIndex: u
     }) => {
-      if (!(!r.rowPinned || !t))
-        return s(t) ? t(f, c, r.rowPinned, m) : t;
-    }, o.cellRenderer = ({ data: r }) => r?.[d];
+      if (!(!r.rowPinned || !e))
+        return m(e) ? e(n, f, r.rowPinned, u) : e;
+    }, i.cellRenderer = ({ data: r }) => r?.[d];
   }
-  return o;
+  return i;
 });
 export {
-  D as default
+  v as default
 };