@aplus-frontend/ui 6.32.0 → 6.34.0

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-editable-api.mjs

@@ -1,16 +1,16 @@
 import { shallowRef as _, computed as S, unref as d, isRef as z } from "vue";
-import { isDef as K } from "../../utils/index.mjs";
-import { isFunction as x, isUndefined as A, isNumber as h, cloneDeep as E, isArray as I, isString as N } from "lodash-unified";
+import { isDef as h } from "../../utils/index.mjs";
+import { isFunction as x, isUndefined as A, isNumber as K, cloneDeep as E, isArray as I, isString as N } from "lodash-unified";
 import { arrayToObject as U } from "../editable/utils.mjs";
 let $ = 0;
 function R() {
   return `_ag_grid${$++}`;
 }
-const J = (n, g, i, m) => {
-  const w = _([]), y = S(() => z(g) ? d(g) : g);
-  function F(u, l) {
-    const r = d(i)?.length || 0;
-    if (K(n.maxLength) && r >= n.maxLength || !u && x(n.rowKey))
+const J = (n, m, i, g) => {
+  const w = _([]), y = S(() => z(m) ? d(m) : m);
+  function F(u, r) {
+    const l = d(i)?.length || 0;
+    if (h(n.maxLength) && l >= n.maxLength || !u && x(n.rowKey))
       return;
     const f = {
       ...u || { [n.rowKey]: R() }
@@ -21,79 +21,79 @@ const J = (n, g, i, m) => {
       !0,
       (o, s) => {
         const e = c(f, void 0, n.rowKey);
-        if (o[s] ? o[s][e] = f : o[s] = { [e]: f }, !i.value?.length) {
+        if (o[s] ? o[s][e] = f : o[s] = { [e]: f }, !i.value) {
           i.value = [f];
           return;
         }
-        A(l) ? i.value.push(f) : (w.value = i.value.map(
-          (t, v) => v < l ? null : c(t, v, n.rowKey)
-        ).filter(Boolean), i.value.splice(l, 0, f));
+        A(r) ? i.value.push(f) : (w.value = i.value.map(
+          (t, v) => v < r ? null : c(t, v, n.rowKey)
+        ).filter(Boolean), i.value.splice(r, 0, f));
       }
     );
   }
-  function j(u, l = "suffix") {
-    const r = d(i)?.length || 0, f = h(u) ? u : u.length;
-    if (K(n.maxLength) && r + f > n.maxLength || h(u) && x(n.rowKey))
+  function j(u, r = "suffix") {
+    const l = d(i)?.length || 0, f = K(u) ? u : u.length;
+    if (h(n.maxLength) && l + f > n.maxLength || K(u) && x(n.rowKey))
       return;
-    const o = h(u) ? new Array(u).fill(0).map(() => ({ [n.rowKey]: R() })) : E(u), s = U(o, n.rowKey);
+    const o = K(u) ? new Array(u).fill(0).map(() => ({ [n.rowKey]: R() })) : E(u), s = U(o, n.rowKey);
     y.value?.setFieldValue?.(
       n.name,
       o,
       !0,
       (e, t) => {
-        if (e[t] ? Object.assign(e[t], s) : e[t] = s, !i.value?.length) {
+        if (e[t] ? Object.assign(e[t], s) : e[t] = s, !i.value) {
           i.value = [...o];
           return;
         }
-        l === "suffix" ? i.value.push(...o) : (w.value = i.value.map(
+        r === "suffix" ? i.value.push(...o) : (w.value = i.value.map(
           (v, T) => c(v, T, n.rowKey)
         ), i.value.unshift(...o));
       }
     );
   }
   function k(u) {
-    const l = I(u) ? u : [u];
+    const r = I(u) ? u : [u];
     y.value?.setFieldValue?.(
       n.name,
       void 0,
       !0,
-      (r, f) => {
-        for (const e of l) {
+      (l, f) => {
+        for (const e of r) {
           const t = c(e, void 0, n.rowKey);
-          delete r[f][t];
+          delete l[f][t];
         }
         const o = i.value.filter(
-          (e) => !l.includes(e)
+          (e) => !r.includes(e)
         ), s = i.value.findIndex(
-          (e) => l.includes(e)
+          (e) => r.includes(e)
         );
         w.value = i.value.map(
           (e, t) => t <= s ? null : c(e, t, n.rowKey)
-        ).filter(Boolean), m?.(o);
+        ).filter(Boolean), g?.(o);
       }
     );
   }
-  function c(u, l, r) {
-    if (r)
-      return N(r) ? u[r] : r(u, l);
+  function c(u, r, l) {
+    if (l)
+      return N(l) ? u[l] : l(u, r);
   }
   function L(u) {
-    const l = new Set(I(u) ? u : [u]);
-    l.size !== 0 && y.value?.setFieldValue?.(
+    const r = new Set(I(u) ? u : [u]);
+    r.size !== 0 && y.value?.setFieldValue?.(
       n.name,
       void 0,
       !0,
-      (r, f) => {
-        for (const e of l)
-          delete r[f][e];
+      (l, f) => {
+        for (const e of r)
+          delete l[f][e];
         const o = i.value.filter(
-          (e, t) => !l.has(c(e, t, n.rowKey))
+          (e, t) => !r.has(c(e, t, n.rowKey))
         ), s = i.value.findIndex(
-          (e, t) => l.has(c(e, t, n.rowKey))
+          (e, t) => r.has(c(e, t, n.rowKey))
         );
         w.value = i.value.map(
           (e, t) => t <= s ? null : c(e, t, n.rowKey)
-        ).filter(Boolean), m?.(o);
+        ).filter(Boolean), g?.(o);
       }
     );
   }
@@ -103,7 +103,7 @@ const J = (n, g, i, m) => {
   function V() {
     return d(i);
   }
-  function B(u, l, r = !0) {
+  function B(u, r, l = !0) {
     y.value?.setFieldValue?.(
       n.name,
       void 0,
@@ -120,18 +120,18 @@ const J = (n, g, i, m) => {
           n.rowKey
         );
         if (e && !(!f[o] || !f[o][e])) {
-          if (!r) {
+          if (!l) {
             const t = Object.keys(f[o][e]);
             for (const v of t)
               v !== n.rowKey && delete f[o][e][v];
           }
-          Object.assign(f[o][e], { ...l });
+          Object.assign(f[o][e], { ...r });
         }
       }
     );
   }
   function a() {
-    y.value?.setFieldValue?.(n.name, {}), m?.([]);
+    y.value?.setFieldValue?.(n.name, {}), g?.([]);
   }
   return {
     add: F,

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

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { Ref, ShallowRef } from 'vue';
 import { ApFormInternalInstance } from '../../ap-form';
 import { EditableAgGridProps } from '../editable/interface';
 import { Key } from '@aplus-frontend/antdv/es/_util/type';
@@ -11,4 +11,5 @@ export declare const useEditableFormItemApi: <RecordType>(props: EditableAgGridP
     getRowsData: () => RecordType[];
     setRowData: (index: number, payload: any, merge?: boolean) => void;
     clear: () => void;
+    refreshRowIds: ShallowRef<string[], string[]>;
 };

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

@@ -0,0 +1,174 @@
+import { shallowRef as E, unref as d } from "vue";
+import { isDef as F } from "../../utils/index.mjs";
+import { isFunction as x, isUndefined as V, isNumber as h, cloneDeep as S, isArray as R } from "lodash-unified";
+import { getRowKey as y, arrayToObject as U } from "../editable/utils.mjs";
+let $ = 0;
+function I() {
+  return `_ag_grid${$++}`;
+}
+const J = (l, v, n, w) => {
+  const K = E([]);
+  function j(s, t) {
+    const r = d(n)?.length || 0;
+    if (F(l.maxLength) && r >= l.maxLength || !s && x(l.rowKey))
+      return;
+    const f = {
+      ...s || { [l.rowKey]: I() }
+    };
+    v?.setFieldValue(
+      w,
+      f,
+      !1,
+      (i, c) => {
+        const e = y(f, void 0, l.rowKey);
+        i[c] ? i[c][e] = f : i[c] = { [e]: f }, n.value ? V(t) ? n.value.push(f) : (K.value = n.value.map(
+          (u, o) => o < t ? null : y(u, o, l.rowKey)
+        ).filter(Boolean), n.value.splice(t, 0, f)) : n.value = [f], v?.setFieldValue(
+          l.name,
+          f,
+          !0,
+          (u, o) => {
+            if (!u[o]) {
+              u[o] = [f];
+              return;
+            }
+            V(t) ? u[o].push(f) : u[o].splice(t, 0, f);
+          }
+        );
+      }
+    );
+  }
+  function k(s, t = "suffix") {
+    const r = d(n)?.length || 0, f = h(s) ? s : s.length;
+    if (F(l.maxLength) && r + f > l.maxLength || h(s) && x(l.rowKey))
+      return;
+    const i = h(s) ? new Array(s).fill(0).map(() => ({ [l.rowKey]: I() })) : S(s), c = U(i, l.rowKey);
+    v?.setFieldValue(
+      w,
+      c,
+      !1,
+      (e, u) => {
+        e[u] ? Object.assign(e[u], c) : e[u] = c, n.value ? t === "suffix" ? n.value.push(...i) : (K.value = n.value.map(
+          (o, g) => y(o, g, l.rowKey)
+        ), n.value.unshift(...i)) : n.value = [...i], v?.setFieldValue(
+          l.name,
+          i,
+          !0,
+          (o, g) => {
+            if (!o[g]) {
+              o[g] = [...i];
+              return;
+            }
+            t === "suffix" ? o[g].push(...i) : o[g].unshift(...i);
+          }
+        );
+      }
+    );
+  }
+  function L(s) {
+    const t = R(s) ? s : [s];
+    v?.setFieldValue(
+      w,
+      void 0,
+      !1,
+      (r, f) => {
+        for (const e of t) {
+          const u = y(e, void 0, l.rowKey);
+          delete r[f][u];
+        }
+        const i = n.value.filter(
+          (e) => !t.includes(e)
+        ), c = n.value.findIndex(
+          (e) => t.includes(e)
+        );
+        K.value = n.value.map(
+          (e, u) => u <= c ? null : y(e, u, l.rowKey)
+        ).filter(Boolean), i.length ? n.value = i : n.value.splice(0, n.value.length), v.setFieldValue(
+          l.name,
+          void 0,
+          !0,
+          (e, u) => {
+            e[u] = i;
+          }
+        );
+      }
+    );
+  }
+  function O(s) {
+    const t = new Set(R(s) ? s : [s]);
+    t.size !== 0 && v?.setFieldValue(
+      w,
+      void 0,
+      !1,
+      (r, f) => {
+        for (const e of t)
+          delete r[f][e];
+        const i = n.value.filter(
+          (e, u) => !t.has(y(e, u, l.rowKey))
+        ), c = n.value.findIndex(
+          (e, u) => t.has(y(e, u, l.rowKey))
+        );
+        K.value = n.value.map(
+          (e, u) => u <= c ? null : y(e, u, l.rowKey)
+        ).filter(Boolean), i.length ? n.value = i : n.value.splice(0, n.value.length), v.setFieldValue(
+          l.name,
+          void 0,
+          !0,
+          (e, u) => {
+            e[u] = i;
+          }
+        );
+      }
+    );
+  }
+  function T(s) {
+    return d(n)?.[s];
+  }
+  function B() {
+    return d(n);
+  }
+  function _(s, t, r = !0) {
+    v?.setFieldValue?.(
+      w,
+      void 0,
+      !1,
+      (f, i) => {
+        const c = n.value.findIndex(
+          (u, o) => s === o
+        );
+        if (!~c)
+          return;
+        const e = y(
+          n.value[c],
+          c,
+          l.rowKey
+        );
+        if (e && !(!f[i] || !f[i][e])) {
+          if (!r) {
+            const u = Object.keys(f[i][e]);
+            for (const o of u)
+              o !== l.rowKey && delete f[i][e][o];
+          }
+          Object.assign(f[i][e], { ...t });
+        }
+      }
+    );
+  }
+  function z() {
+    v?.setFieldValue(w, {}), v?.setFieldValue(l.name, []);
+  }
+  return {
+    add: j,
+    addMultiple: k,
+    remove: L,
+    removeByKey: O,
+    getRowData: T,
+    getRowsData: B,
+    setRowData: _,
+    clear: z,
+    refreshRowIds: K
+  };
+};
+export {
+  J as useEditableFormItemApi
+};

package/es/src/ag-grid/index.d.ts

@@ -1,5 +1,6 @@
 import { default as AgGrid } from './index.vue';
 import { default as EditableAgGrid } from './editable/index.vue';
-export { AgGrid, EditableAgGrid };
+import { default as EditableAgGridFormItem } from './editable/form-item.vue';
+export { AgGrid, EditableAgGrid, EditableAgGridFormItem };
 export * from './interface';
 export * from './editable/interface';

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

@@ -1,4 +1,5 @@
 import "./index.vue2.mjs";
 import "./editable/index.vue2.mjs";
+import "./editable/form-item.vue2.mjs";
 import "./interface.mjs";
 import "./editable/interface.mjs";