@aplus-frontend/ui 7.19.8 → 7.20.1

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

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

package/es/src/ag-grid/hooks/use-editable-api.mjs

@@ -1,175 +1,149 @@
-import { isFunction as h, isUndefined as z, isNumber as m, cloneDeep as A, isArray as x, isString as E } from "lodash-unified";
-import { shallowRef as N, computed as U, unref as d, isRef as $ } from "vue";
+import { isFunction as K, isUndefined as S, isNumber as d, cloneDeep as T, isArray as x, isString as z } from "lodash-unified";
+import { shallowRef as G, computed as N, unref as w, isRef as V } from "vue";
 import "../../utils/index.mjs";
-import { arrayToObject as q } from "../editable/utils.mjs";
-import { isDef as R } from "../../utils/is.mjs";
-let C = 0;
+import { useDevWarning as W } from "../../utils/warning.mjs";
+import { isDef as I } from "../../utils/is.mjs";
+let $ = 0;
 function F() {
-  return `_ag_grid${C++}`;
+  return `_ag_grid${$++}`;
 }
-const W = (i, K, f, g) => {
-  const w = N([]), y = U(() => $(K) ? d(K) : K);
-  function I(n, o) {
-    const r = d(f)?.length || 0;
-    if (R(i.maxLength) && r >= i.maxLength || !n && h(i.rowKey))
+const Q = (u, g, i, y) => {
+  const h = W("EditableAgGrid"), l = G([]), m = N(() => V(g) ? w(g) : g);
+  function a(e, o) {
+    const r = w(i)?.length || 0;
+    if (I(u.maxLength) && r >= u.maxLength || !e && K(u.rowKey))
       return;
-    const u = {
-      ...n || { [i.rowKey]: F() }
+    const t = {
+      ...e || { [u.rowKey]: F() }
     };
-    y.value?.setFieldValue?.(
-      i.name,
-      u,
-      !0,
-      (t, s) => {
-        const e = c(u, void 0, i.rowKey);
-        if (t[s] ? t[s][e] = u : t[s] = { [e]: u }, !f.value) {
-          f.value = [u];
-          return;
-        }
-        z(o) ? f.value.push(u) : (w.value = f.value.map(
-          (l, v) => v < o ? null : c(l, v, i.rowKey)
-        ).filter(Boolean), f.value.splice(o, 0, u));
-      }
-    );
+    if (!i.value) {
+      i.value = [t];
+      return;
+    }
+    S(o) ? i.value.push(t) : (l.value = i.value.map(
+      (n, f) => f < o ? null : c(n, f, u.rowKey)
+    ).filter(Boolean), i.value.splice(o, 0, t));
   }
-  function j(n, o = "suffix") {
-    const r = d(f)?.length || 0, u = m(n) ? n : n.length;
-    if (R(i.maxLength) && r + u > i.maxLength || m(n) && h(i.rowKey))
+  function B(e, o = "suffix") {
+    const r = w(i)?.length || 0, t = d(e) ? e : e.length;
+    if (I(u.maxLength) && r + t > u.maxLength || d(e) && K(u.rowKey))
       return;
-    const t = m(n) ? new Array(n).fill(0).map(() => ({ [i.rowKey]: F() })) : A(n), s = q(t, i.rowKey);
-    y.value?.setFieldValue?.(
-      i.name,
-      t,
-      !0,
-      (e, l) => {
-        if (e[l] ? Object.assign(e[l], s) : e[l] = s, !f.value) {
-          f.value = [...t];
-          return;
-        }
-        o === "suffix" ? f.value.push(...t) : (w.value = f.value.map(
-          (v, S) => c(v, S, i.rowKey)
-        ), f.value.unshift(...t));
-      }
-    );
+    const n = d(e) ? new Array(e).fill(0).map(() => ({ [u.rowKey]: F() })) : T(e);
+    if (!i.value) {
+      i.value = [...n];
+      return;
+    }
+    o === "suffix" ? i.value.push(...n) : (l.value = i.value.map(
+      (f, s) => c(f, s, u.rowKey)
+    ), i.value.unshift(...n));
   }
-  function O(n) {
-    const o = x(n) ? n : [n];
-    y.value?.setFieldValue?.(
-      i.name,
-      void 0,
-      !0,
-      (r, u) => {
-        for (const e of o) {
-          const l = c(e, void 0, i.rowKey);
-          delete r[u][l];
-        }
-        const t = f.value.filter(
-          (e) => !o.includes(e)
-        ), s = f.value.findIndex(
-          (e) => o.includes(e)
-        );
-        w.value = f.value.map(
-          (e, l) => l <= s ? null : c(e, l, i.rowKey)
-        ).filter(Boolean), g?.(t);
-      }
+  function L(e) {
+    const o = x(e) ? e : [e], r = i.value.filter(
+      (n) => !o.includes(n)
+    ), t = i.value.findIndex(
+      (n) => o.includes(n)
     );
+    l.value = i.value.map(
+      (n, f) => f <= t ? null : c(n, f, u.rowKey)
+    ).filter(Boolean), y?.(r);
   }
-  function c(n, o, r) {
+  function c(e, o, r) {
     if (r)
-      return E(r) ? n[r] : r(n, o);
+      return z(r) ? e[r] : r(e, o);
   }
-  function k(n) {
-    const o = new Set(x(n) ? n : [n]);
-    o.size !== 0 && y.value?.setFieldValue?.(
-      i.name,
-      void 0,
-      !0,
-      (r, u) => {
-        for (const e of o)
-          delete r[u][e];
-        const t = f.value.filter(
-          (e, l) => !o.has(c(e, l, i.rowKey))
-        ), s = f.value.findIndex(
-          (e, l) => o.has(c(e, l, i.rowKey))
-        );
-        w.value = f.value.map(
-          (e, l) => l <= s ? null : c(e, l, i.rowKey)
-        ).filter(Boolean), g?.(t);
-      }
+  function U(e) {
+    const o = new Set(x(e) ? e : [e]);
+    if (o.size === 0)
+      return;
+    const r = i.value.filter(
+      (n, f) => !o.has(c(n, f, u.rowKey))
+    ), t = i.value.findIndex(
+      (n, f) => o.has(c(n, f, u.rowKey))
     );
+    l.value = i.value.map(
+      (n, f) => f <= t ? null : c(n, f, u.rowKey)
+    ).filter(Boolean), y?.(r);
   }
-  function B(n) {
-    return d(f)?.[n];
+  function j(e) {
+    return h(
+      !u.supressForceRowUpdate,
+      "usage",
+      'Avoid using getRowData/setRowData methods while suppressForceRowUpdate is enabled."'
+    ), w(i)?.[e];
   }
-  function V(n) {
-    return f.value?.find(
-      (o, r) => c(o, r, i.rowKey) === n
+  function k(e) {
+    return i.value?.find(
+      (o, r) => c(o, r, u.rowKey) === e
     );
   }
-  function a() {
-    return d(f);
+  function A() {
+    return w(i);
   }
-  function L(n, o, r = !0) {
-    y.value?.setFieldValue?.(
-      i.name,
+  function O(e, o, r = !0) {
+    h(
+      !u.supressForceRowUpdate,
+      "usage",
+      'Avoid using getRowData/setRowData methods while suppressForceRowUpdate is enabled."'
+    ), m.value?.setFieldValue?.(
+      u.name,
       void 0,
       !0,
-      (u, t) => {
-        const s = f.value.findIndex(
-          (l, v) => n === v
+      (t, n) => {
+        const f = i.value.findIndex(
+          (R, v) => e === v
         );
-        if (!~s)
+        if (!~f)
           return;
-        const e = c(
-          f.value[s],
-          s,
-          i.rowKey
+        const s = c(
+          i.value[f],
+          f,
+          u.rowKey
         );
-        if (e && !(!u[t] || !u[t][e])) {
+        if (s && !(!t[n] || !t[n][s])) {
           if (!r) {
-            const l = Object.keys(u[t][e]);
-            for (const v of l)
-              v !== i.rowKey && delete u[t][e][v];
+            const R = Object.keys(t[n][s]);
+            for (const v of R)
+              v !== u.rowKey && delete t[n][s][v];
           }
-          Object.assign(u[t][e], { ...o });
+          Object.assign(t[n][s], { ...o });
         }
       }
     );
   }
-  function T(n, o, r = !0) {
-    y.value?.setFieldValue?.(
-      i.name,
+  function _(e, o, r = !0) {
+    m.value?.setFieldValue?.(
+      u.name,
       void 0,
       !0,
-      (u, t) => {
-        if (!(!u[t] || !u[t][n])) {
+      (t, n) => {
+        if (!(!t[n] || !t[n][e])) {
           if (!r) {
-            const s = Object.keys(u[t][n]);
-            for (const e of s)
-              e !== i.rowKey && delete u[t][e][e];
+            const f = Object.keys(t[n][e]);
+            for (const s of f)
+              s !== u.rowKey && delete t[n][s][s];
           }
-          Object.assign(u[t][n], { ...o });
+          Object.assign(t[n][e], { ...o });
         }
       }
     );
   }
-  function _() {
-    y.value?.setFieldValue?.(i.name, {}), g?.([]);
+  function E() {
+    y?.([]);
   }
   return {
-    add: I,
-    addMultiple: j,
-    remove: O,
-    removeByKey: k,
-    getRowData: B,
-    getRowsData: a,
-    setRowDataByKey: T,
-    setRowData: L,
-    clear: _,
-    refreshRowIds: w,
-    getRowDataByKey: V
+    add: a,
+    addMultiple: B,
+    remove: L,
+    removeByKey: U,
+    getRowData: j,
+    getRowsData: A,
+    setRowDataByKey: _,
+    setRowData: O,
+    clear: E,
+    refreshRowIds: l,
+    getRowDataByKey: k
   };
 };
 export {
-  W as useEditableApi
+  Q as useEditableApi
 };

package/es/src/ag-grid/hooks/use-editable-form-item-api.d.ts

@@ -5,7 +5,6 @@ import { EditableAgGridProps } from '../editable/interface';
 export declare const useEditableFormItemApi: <RecordType>(props: EditableAgGridProps<RecordType>, formApi: ApFormInternalInstance | undefined, tableData: Ref<RecordType[]>, shadowName: string) => {
     add: (defaultValue?: Partial<RecordType>, insertIndex?: number) => void;
     addMultiple: (list: number | Partial<RecordType>[], insetIn?: "prefix" | "suffix") => void;
-    __addMultiple: (list: number | Partial<RecordType>[], insetIn?: "prefix" | "suffix", overwriting?: boolean) => void;
     remove: (data: RecordType | RecordType[]) => void;
     removeByKey: (key: Key | Key[]) => void;
     getRowData: (index: number) => RecordType;