@aplus-frontend/ui 7.19.5 → 7.19.7

package/es/src/ag-grid/editable/form-item.vue.mjs

@@ -1,21 +1,21 @@
-import { defineComponent as G, useSlots as U, ref as g, onMounted as W, watch as $, unref as r, createElementBlock as q, openBlock as J, Fragment as Q, createVNode as f, mergeProps as h, withCtx as C, createSlots as X, renderList as Y, renderSlot as Z, normalizeProps as ee, guardReactiveProps as oe } from "vue";
-import { cloneDeep as u, isEqual as te, omit as ae } from "lodash-unified";
+import { defineComponent as W, useSlots as $, ref as g, onMounted as q, watch as J, unref as r, createElementBlock as Q, openBlock as X, Fragment as Y, createVNode as f, mergeProps as h, withCtx as C, createSlots as Z, renderList as ee, renderSlot as oe, normalizeProps as te, guardReactiveProps as ae } from "vue";
+import { cloneDeep as u, isEqual as ne, omit as le } from "lodash-unified";
 import { ApForm as R } from "../../ap-form/index.mjs";
-import { useInjectForm as ne } from "../../ap-form/context.mjs";
-import { useWatch as le } from "../../ap-form/hooks/use-watch.mjs";
-import { getModelValue as re } from "../../ap-form/utils/get.mjs";
-import { transformValues as se } from "../../ap-form/utils/transform.mjs";
+import { useInjectForm as re } from "../../ap-form/context.mjs";
+import { useWatch as se } from "../../ap-form/hooks/use-watch.mjs";
+import { getModelValue as ie } from "../../ap-form/utils/get.mjs";
+import { transformValues as me } from "../../ap-form/utils/transform.mjs";
 import "../../config-provider/index.mjs";
-import { useGetEditableColumns as ie } from "../hooks/use-editable-columns.mjs";
-import { useEditableFormItemApi as me } from "../hooks/use-editable-form-item-api.mjs";
+import { useGetEditableColumns as ue } from "../hooks/use-editable-columns.mjs";
+import { useEditableFormItemApi as de } from "../hooks/use-editable-form-item-api.mjs";
 import "../index.vue2.mjs";
-import ue from "../style/editable.mjs";
-import { getShadowName as de } from "../utils.mjs";
-import { getColumnTransformOptions as pe, arrayToObject as b, getRowKey as fe } from "./utils.mjs";
-import { useNamespace as ce } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as we } from "../../config-provider/hooks/use-global-config.mjs";
-import ye from "../index.vue.mjs";
-const Ke = /* @__PURE__ */ G({
+import pe from "../style/editable.mjs";
+import { getShadowName as fe } from "../utils.mjs";
+import { getColumnTransformOptions as ce, arrayToObject as b, getRowKey as we } from "./utils.mjs";
+import { useNamespace as ye } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as ge } from "../../config-provider/hooks/use-global-config.mjs";
+import he from "../index.vue.mjs";
+const ke = /* @__PURE__ */ W({
   name: "EditableGrid",
   __name: "form-item",
   props: {
@@ -142,50 +142,52 @@ const Ke = /* @__PURE__ */ G({
     name: {},
     formItem: {}
   },
-  setup(v, {
-    expose: B
+  setup(B, {
+    expose: v
   }) {
-    const x = U(), t = v, {
+    const x = $(), t = B, {
       b: S
-    } = ce("editable-aggrid"), I = ue("editable-aggrid"), m = g(), {
+    } = ye("editable-aggrid"), I = pe("editable-aggrid"), m = g(), {
       internalInstance: n
-    } = ne();
+    } = re();
     function F(e) {
-      const o = pe(t.columns || []);
+      const o = ce(t.columns || []);
       if (!Object.keys(o).length || !e?.length)
         return e;
       let a = [];
       for (const i of e)
-        a.push(se(i, o));
+        a.push(me(i, o));
       return a;
     }
-    const s = de(t.name);
+    const s = fe(t.name);
     let c = [];
-    W(() => {
-      const e = t.formItem?.initialValue ?? re(n?.getInitialValues() ?? {}, t.name);
-      e && (n?.updateInitialModel(s, b(u(e), t.rowKey)), c = u(e), l.value || j(u(e), "suffix", !0));
+    q(() => {
+      const e = t.formItem?.initialValue ?? ie(n?.getInitialValues() ?? {}, t.name);
+      e && (n?.updateInitialModel(s, b(u(e), t.rowKey)), c = u(e), l.value || _(u(e), "suffix", !0));
     });
-    const l = g([]), T = le(t.name);
-    $(() => T.value, (e) => {
-      te(e, l.value) || w(e ?? u(c));
+    const l = g([]), T = se(t.name);
+    J(() => T.value, (e) => {
+      ne(e, l.value) || w(e ?? u(c));
     }, {
       deep: !0,
       flush: "post",
       immediate: !0
     });
-    const E = we("valueTypeMap"), V = ie(t, E, s), {
-      add: N,
-      addMultiple: _,
-      __addMultiple: j,
-      remove: K,
-      removeByKey: k,
-      getRowData: D,
+    const E = ge("valueTypeMap"), V = ue(t, E, s), {
+      add: K,
+      addMultiple: N,
+      __addMultiple: _,
+      remove: D,
+      removeByKey: j,
+      getRowData: k,
       getRowsData: O,
-      setRowData: z,
-      clear: H,
+      getRowDataByKey: z,
+      setRowData: H,
+      setRowDataByKey: L,
+      clear: M,
       refreshRowIds: d
-    } = me(t, n, l, s);
-    function L() {
+    } = de(t, n, l, s);
+    function P() {
       const e = m.value?._internalGridApi;
       if (!d.value?.length || !e)
         return;
@@ -204,34 +206,36 @@ const Ke = /* @__PURE__ */ G({
       const a = e === "end" ? l.value.length - 1 : e;
       m.value?.scrollToRow(a, o);
     }
-    function M(e, o) {
+    function A(e, o) {
       m.value?.scrollToColumn(e, o);
     }
-    function P(e, o) {
+    function G(e, o) {
       const a = [s, String(e), o].flat();
       return n?.validateFields([a]);
     }
-    function A(e) {
-      const a = r(l).map((i, p) => [s, String(fe(i, p, t.rowKey)), e].flat());
+    function U(e) {
+      const a = r(l).map((i, p) => [s, String(we(i, p, t.rowKey)), e].flat());
       return n?.validateFields(a);
     }
-    return B({
-      add: N,
-      addMultiple: _,
-      remove: K,
-      removeByKey: k,
-      getRowData: D,
+    return v({
+      add: K,
+      addMultiple: N,
+      remove: D,
+      removeByKey: j,
+      getRowData: k,
       getRowsData: O,
-      setRowData: z,
-      clear: H,
+      getRowDataByKey: z,
+      setRowData: H,
+      clear: M,
       setTableData: w,
       scrollTo: y,
       scrollToRow: y,
-      scrollToColumn: M,
-      validateCell: P,
-      validateColumn: A,
+      scrollToColumn: A,
+      validateCell: G,
+      validateColumn: U,
+      setRowDataByKey: L,
       table: m
-    }), (e, o) => (J(), q(Q, null, [f(r(R).FormItem, {
+    }), (e, o) => (X(), Q(Y, null, [f(r(R).FormItem, {
       hidden: "",
       name: e.name,
       "initial-value": e.formItem?.initialValue,
@@ -239,7 +243,7 @@ const Ke = /* @__PURE__ */ G({
     }, null, 8, ["name", "initial-value"]), f(r(R).FormItem, h({
       label: e.label
     }, e.formItem), {
-      default: C(() => [f(ye, h(r(ae)(t, ["name", "maxLength", "onChange", "defaultValue", "formItem"]), {
+      default: C(() => [f(he, h(r(le)(t, ["name", "maxLength", "onChange", "defaultValue", "formItem"]), {
         ref_key: "tableRef",
         ref: m,
         class: [r(S)(), r(I)],
@@ -247,17 +251,17 @@ const Ke = /* @__PURE__ */ G({
         columns: r(V),
         "data-source": l.value,
         "search-form": !1,
-        onUpdate: L
-      }), X({
+        onUpdate: P
+      }), Z({
         _: 2
-      }, [Y(x, (a, i) => ({
+      }, [ee(x, (a, i) => ({
         name: i,
-        fn: C((p) => [Z(e.$slots, i, ee(oe(p || {})))])
+        fn: C((p) => [oe(e.$slots, i, te(ae(p || {})))])
       }))]), 1040, ["class", "columns", "data-source"])]),
       _: 3
     }, 16, ["label"])], 64));
   }
 });
 export {
-  Ke as default
+  ke as default
 };

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

@@ -1,18 +1,18 @@
-import { defineComponent as M, useSlots as $, ref as h, watch as q, unref as l, createBlock as J, openBlock as Q, withCtx as m, createVNode as b, mergeProps as X, createSlots as Y, renderList as Z, renderSlot as ee, normalizeProps as oe, guardReactiveProps as ae } from "vue";
-import { isEqual as te, isArray as v, omit as ne } from "lodash-unified";
+import { defineComponent as q, useSlots as J, ref as h, watch as Q, unref as l, createBlock as X, openBlock as Y, withCtx as m, createVNode as b, mergeProps as Z, createSlots as ee, renderList as oe, renderSlot as ae, normalizeProps as te, guardReactiveProps as ne } from "vue";
+import { isEqual as le, isArray as v, omit as re } from "lodash-unified";
 import { ApForm as c } from "../../ap-form/index.mjs";
 import "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
-import { useEditableApi as le } from "../hooks/use-editable-api.mjs";
-import { useGetEditableColumns as re } from "../hooks/use-editable-columns.mjs";
+import { useEditableApi as se } from "../hooks/use-editable-api.mjs";
+import { useGetEditableColumns as ie } from "../hooks/use-editable-columns.mjs";
 import "../index.vue2.mjs";
-import se from "../style/editable.mjs";
-import { arrayToObject as f, getRowKey as ie } from "./utils.mjs";
-import { useNamespace as de } from "../../config-provider/hooks/use-namespace.mjs";
-import { useControllableValue as ue } from "../../hooks/useControllableValue.mjs";
-import { useGlobalConfig as pe } from "../../config-provider/hooks/use-global-config.mjs";
-import me from "../index.vue.mjs";
-const Fe = /* @__PURE__ */ M({
+import de from "../style/editable.mjs";
+import { arrayToObject as f, getRowKey as ue } from "./utils.mjs";
+import { useNamespace as pe } from "../../config-provider/hooks/use-namespace.mjs";
+import { useControllableValue as me } from "../../hooks/useControllableValue.mjs";
+import { useGlobalConfig as ce } from "../../config-provider/hooks/use-global-config.mjs";
+import fe from "../index.vue.mjs";
+const Ke = /* @__PURE__ */ q({
   name: "EditableGrid",
   __name: "index",
   props: {
@@ -146,30 +146,32 @@ const Fe = /* @__PURE__ */ M({
     expose: x,
     emit: B
   }) {
-    const S = $(), a = C, {
+    const S = J(), a = C, {
       b: T
-    } = de("editable-aggrid"), F = se("editable-aggrid"), _ = B, i = h(), {
+    } = pe("editable-aggrid"), F = de("editable-aggrid"), _ = B, i = h(), {
       value: s,
       updateValue: y
-    } = ue(a, _), r = h(), E = c.useWatch(a.name, r);
-    q(s, (e) => {
+    } = me(a, _), r = h(), K = c.useWatch(a.name, r);
+    Q(s, (e) => {
       const o = f(e, a.rowKey);
-      te(o, l(E)) || r.value?.setFieldValue(a.name, o);
+      le(o, l(K)) || r.value?.setFieldValue(a.name, o);
     }, {
       deep: !0
     });
-    const K = pe("valueTypeMap"), k = re(a, K), {
+    const E = ce("valueTypeMap"), k = ie(a, E), {
       add: A,
-      addMultiple: N,
-      remove: j,
-      removeByKey: I,
-      getRowData: V,
-      getRowsData: D,
-      setRowData: z,
-      clear: H,
+      addMultiple: D,
+      remove: N,
+      removeByKey: j,
+      getRowData: I,
+      getRowsData: V,
+      getRowDataByKey: z,
+      setRowData: H,
+      setRowDataByKey: O,
+      clear: U,
       refreshRowIds: d
-    } = le(a, r, s, y);
-    function O() {
+    } = se(a, r, s, y);
+    function L() {
       const e = i.value?._internalGridApi;
       if (!d.value?.length || !e)
         return;
@@ -179,7 +181,7 @@ const Fe = /* @__PURE__ */ M({
         force: !0
       }), d.value = [];
     }
-    function U() {
+    function P() {
       r.value?.resetFields();
     }
     function w(e) {
@@ -187,21 +189,21 @@ const Fe = /* @__PURE__ */ M({
     }
     function g(e) {
       try {
-        const o = Object.keys(e), t = s.value.map((n) => ie(n, void 0, a.rowKey));
+        const o = Object.keys(e), t = s.value.map((n) => ue(n, void 0, a.rowKey));
         return o.sort((n, u) => t.findIndex((p) => String(p) === n) - t.findIndex((p) => String(p) === u)), o.map((n) => e[n]);
       } catch {
         return e;
       }
     }
-    async function L(e, o) {
+    async function G(e, o) {
       const n = (await r.value?.validateFields(w(e), o))?.[a.name];
       return g(n);
     }
-    async function P(e, o) {
+    async function W(e, o) {
       const n = (await r.value?.validateFieldsReturnTransformed(w(e), o))?.[a.name];
       return g(n);
     }
-    function G(e) {
+    function M(e) {
       y(e);
       const o = f(e, a.rowKey);
       r.value?.setFieldValue(a.name, o);
@@ -210,27 +212,29 @@ const Fe = /* @__PURE__ */ M({
       const t = e === "end" ? s.value.length - 1 : e;
       i.value?.scrollToRow(t, o);
     }
-    function W(e, o) {
+    function $(e, o) {
       i.value?.scrollToColumn(e, o);
     }
     return x({
-      resetFields: U,
-      validateFields: L,
-      validateFieldsReturnTransformed: P,
+      resetFields: P,
+      validateFields: G,
+      validateFieldsReturnTransformed: W,
       add: A,
-      addMultiple: N,
-      remove: j,
-      removeByKey: I,
-      getRowData: V,
-      getRowsData: D,
-      setRowData: z,
-      clear: H,
-      setTableData: G,
+      addMultiple: D,
+      remove: N,
+      removeByKey: j,
+      getRowData: I,
+      getRowsData: V,
+      setRowData: H,
+      clear: U,
+      setTableData: M,
       scrollTo: R,
       scrollToRow: R,
-      scrollToColumn: W,
-      table: i
-    }), (e, o) => (Q(), J(l(c), {
+      scrollToColumn: $,
+      table: i,
+      getRowDataByKey: z,
+      setRowDataByKey: O
+    }), (e, o) => (Y(), X(l(c), {
       ref_key: "formRef",
       ref: r,
       "initial-values": {
@@ -244,7 +248,7 @@ const Fe = /* @__PURE__ */ M({
         name: e.name,
         "no-style": ""
       }, {
-        default: m(() => [b(me, X(l(ne)(a, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue"]), {
+        default: m(() => [b(fe, Z(l(re)(a, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue"]), {
           ref_key: "tableRef",
           ref: i,
           class: [l(T)(), l(F)],
@@ -252,12 +256,12 @@ const Fe = /* @__PURE__ */ M({
           columns: l(k),
           "data-source": l(s),
           "search-form": !1,
-          onUpdate: O
-        }), Y({
+          onUpdate: L
+        }), ee({
           _: 2
-        }, [Z(S, (t, n) => ({
+        }, [oe(S, (t, n) => ({
           name: n,
-          fn: m((u) => [ee(e.$slots, n, oe(ae(u || {})))])
+          fn: m((u) => [ae(e.$slots, n, te(ne(u || {})))])
         }))]), 1040, ["class", "columns", "data-source"])]),
         _: 3
       }, 8, ["name"])]),
@@ -266,5 +270,5 @@ const Fe = /* @__PURE__ */ M({
   }
 });
 export {
-  Fe as default
+  Ke as default
 };

package/es/src/ag-grid/editable/interface.d.ts

@@ -77,7 +77,7 @@ export type EditableAgGridProps<RecordType = any> = Omit<AgGridProps<RecordType>
      * 当字段值变更的时候触发（注意，向表单设置值并不会触发）
      * @returns
      */
-    onFieldChange?: (rowIndex: number, fieldName: DataIndex, newValue: any) => void;
+    onFieldChange?: (rowIndex: number, fieldName: DataIndex, newValue: any, record: RecordType) => void;
     /**
      * 是否禁止在行操作后（添加/删除行等）避免强制更新
      * 默认情况下，表格行会在行操作后强制更新哪些受到影响的行来保证渲染始终是正确的，但这样会导致表单校验被清空、频繁更新导致渲染性能下降等问题
@@ -95,6 +95,15 @@ export type EditableAgGridExpose<RecordType = any, ModelType = RecordType[]> = O
     remove: (data: RecordType | RecordType[]) => void;
     validateFieldsReturnTransformed: EditableTableExpose<ModelType, RecordType>['validateFields'];
     table: AgGridExpose;
+    getRowDataByKey: (key: string | number) => RecordType | undefined;
+    /**
+     * 设置表格行数据(通过行key)
+     * @param key
+     * @param data
+     * @param merge 是否进行数据的浅层合并（默认为true）
+     * @returns
+     */
+    setRowDataByKey: (key: any, data: Partial<RecordType>, merge?: boolean) => void;
 };
 export type EditableAgGridFormItemExpose<RecordType = any, ModelType = RecordType[]> = Omit<EditableAgGridExpose<RecordType, ModelType>, 'resetFields' | 'validateFields' | 'validateFieldsReturnTransformed'> & {
     /**

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

@@ -9,7 +9,9 @@ export declare const useEditableApi: <RecordType>(props: EditableAgGridProps<Rec
     removeByKey: (key: Key | Key[]) => void;
     getRowData: (index: number) => RecordType;
     getRowsData: () => RecordType[];
+    setRowDataByKey: (key: any, payload: any, merge?: boolean) => void;
     setRowData: (index: string | number, payload: any, merge?: boolean) => void;
     clear: () => void;
     refreshRowIds: ShallowRef<string[], string[]>;
+    getRowDataByKey: (key: Key) => RecordType | undefined;
 };

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

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

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

@@ -63,7 +63,8 @@ const Q = (t, d, r) => {
           t.onFieldChange && (b[`onUpdate:${h.valuePropName || "value"}`] = (k) => t.onFieldChange?.(
             i.rowIndex,
             e.dataIndex,
-            k
+            k,
+            i.record
           ));
           const N = {
             name: [...a, String(x), ...w],

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

@@ -10,7 +10,9 @@ export declare const useEditableFormItemApi: <RecordType>(props: EditableAgGridP
     removeByKey: (key: Key | Key[]) => void;
     getRowData: (index: number) => RecordType;
     getRowsData: () => RecordType[];
+    setRowDataByKey: (key: any, payload: any, merge?: boolean) => void;
     setRowData: (index: number, payload: any, merge?: boolean) => void;
     clear: () => void;
     refreshRowIds: ShallowRef<string[], string[]>;
+    getRowDataByKey: (key: Key) => RecordType | undefined;
 };

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

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

package/es/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.19.5";
+declare const _default: "7.19.7";
 export default _default;

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "7.19.5";
+const e = "7.19.7";
 export {
   e as default
 };

package/lib/src/ag-grid/editable/form-item.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),i=require("lodash-unified"),y=require("../../ap-form/index.js"),k=require("../../ap-form/context.js"),A=require("../../ap-form/hooks/use-watch.js"),z=require("../../ap-form/utils/get.js"),H=require("../../ap-form/utils/transform.js");require("../../config-provider/index.js");const L=require("../hooks/use-editable-columns.js"),G=require("../hooks/use-editable-form-item-api.js");require("../index.vue2.js");const U=require("../style/editable.js"),W=require("../utils.js"),c=require("./utils.js"),$=require("../../config-provider/hooks/use-namespace.js"),J=require("../../config-provider/hooks/use-global-config.js"),Q=require("../index.vue.js"),X=o.defineComponent({name:"EditableGrid",__name:"form-item",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},rowHoverable:{type:Boolean},rowSelection:{type:[Boolean,Object]},onLoadingChange:{},onShownColumnsChange:{},pagination:{type:[Boolean,Object],default:!1},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{default:66},getRowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{},autoHeight:{type:Boolean},onUpdate:{},customRow:{},theme:{},emptyComponent:{},emptyText:{},onColumnResized:{},animateRows:{type:Boolean},plugins:{},columns:{},defaultValue:{},onChange:{},maxLength:{},onFieldChange:{},supressForceRowUpdate:{type:Boolean,default:!1},label:{},name:{},formItem:{}},setup(h,{expose:b}){const C=o.useSlots(),n=h,{b:R}=$.useNamespace("editable-aggrid"),v=U.default("editable-aggrid"),d=o.ref(),{internalInstance:l}=k.useInjectForm();function B(e){const t=c.getColumnTransformOptions(n.columns||[]);if(!Object.keys(t).length||!e?.length)return e;let a=[];for(const u of e)a.push(H.transformValues(u,t));return a}const s=W.getShadowName(n.name);let f=[];o.onMounted(()=>{const e=n.formItem?.initialValue??z.getModelValue(l?.getInitialValues()??{},n.name);e&&(l?.updateInitialModel(s,c.arrayToObject(i.cloneDeep(e),n.rowKey)),f=i.cloneDeep(e),r.value||_(i.cloneDeep(e),"suffix",!0))});const r=o.ref([]),x=A.useWatch(n.name);o.watch(()=>x.value,e=>{i.isEqual(e,r.value)||g(e??i.cloneDeep(f))},{deep:!0,flush:"post",immediate:!0});const S=J.useGlobalConfig("valueTypeMap"),q=L.useGetEditableColumns(n,S,s),{add:F,addMultiple:I,__addMultiple:_,remove:T,removeByKey:E,getRowData:N,getRowsData:V,setRowData:j,clear:D,refreshRowIds:m}=G.useEditableFormItemApi(n,l,r,s);function O(){const e=d.value?._internalGridApi;if(!m.value?.length||!e)return;const t=m.value.map(a=>e.getRowNode(a)).filter(a=>!!a);n.supressForceRowUpdate||e.refreshCells({rowNodes:t,force:!0}),m.value=[]}function g(e){r.value=[...e];const t=c.arrayToObject(e,n.rowKey);l?.setFieldValue(n.name,[...e]),l?.setFieldValue(s,t)}function w(e,t){const a=e==="end"?r.value.length-1:e;d.value?.scrollToRow(a,t)}function K(e,t){d.value?.scrollToColumn(e,t)}function M(e,t){const a=[s,String(e),t].flat();return l?.validateFields([a])}function P(e){const a=o.unref(r).map((u,p)=>[s,String(c.getRowKey(u,p,n.rowKey)),e].flat());return l?.validateFields(a)}return b({add:F,addMultiple:I,remove:T,removeByKey:E,getRowData:N,getRowsData:V,setRowData:j,clear:D,setTableData:g,scrollTo:w,scrollToRow:w,scrollToColumn:K,validateCell:M,validateColumn:P,table:d}),(e,t)=>(o.openBlock(),o.createElementBlock(o.Fragment,null,[o.createVNode(o.unref(y.ApForm).FormItem,{hidden:"",name:e.name,"initial-value":e.formItem?.initialValue,transform:B},null,8,["name","initial-value"]),o.createVNode(o.unref(y.ApForm).FormItem,o.mergeProps({label:e.label},e.formItem),{default:o.withCtx(()=>[o.createVNode(Q.default,o.mergeProps(o.unref(i.omit)(n,["name","maxLength","onChange","defaultValue","formItem"]),{ref_key:"tableRef",ref:d,class:[o.unref(R)(),o.unref(v)],size:"mini",columns:o.unref(q),"data-source":r.value,"search-form":!1,onUpdate:O}),o.createSlots({_:2},[o.renderList(C,(a,u)=>({name:u,fn:o.withCtx(p=>[o.renderSlot(e.$slots,u,o.normalizeProps(o.guardReactiveProps(p||{})))])}))]),1040,["class","columns","data-source"])]),_:3},16,["label"])],64))}});exports.default=X;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),i=require("lodash-unified"),y=require("../../ap-form/index.js"),z=require("../../ap-form/context.js"),H=require("../../ap-form/hooks/use-watch.js"),L=require("../../ap-form/utils/get.js"),G=require("../../ap-form/utils/transform.js");require("../../config-provider/index.js");const U=require("../hooks/use-editable-columns.js"),W=require("../hooks/use-editable-form-item-api.js");require("../index.vue2.js");const $=require("../style/editable.js"),J=require("../utils.js"),c=require("./utils.js"),Q=require("../../config-provider/hooks/use-namespace.js"),X=require("../../config-provider/hooks/use-global-config.js"),Y=require("../index.vue.js"),Z=o.defineComponent({name:"EditableGrid",__name:"form-item",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},rowHoverable:{type:Boolean},rowSelection:{type:[Boolean,Object]},onLoadingChange:{},onShownColumnsChange:{},pagination:{type:[Boolean,Object],default:!1},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{default:66},getRowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{},autoHeight:{type:Boolean},onUpdate:{},customRow:{},theme:{},emptyComponent:{},emptyText:{},onColumnResized:{},animateRows:{type:Boolean},plugins:{},columns:{},defaultValue:{},onChange:{},maxLength:{},onFieldChange:{},supressForceRowUpdate:{type:Boolean,default:!1},label:{},name:{},formItem:{}},setup(h,{expose:b}){const C=o.useSlots(),a=h,{b:R}=Q.useNamespace("editable-aggrid"),v=$.default("editable-aggrid"),d=o.ref(),{internalInstance:l}=z.useInjectForm();function B(e){const t=c.getColumnTransformOptions(a.columns||[]);if(!Object.keys(t).length||!e?.length)return e;let n=[];for(const u of e)n.push(G.transformValues(u,t));return n}const s=J.getShadowName(a.name);let f=[];o.onMounted(()=>{const e=a.formItem?.initialValue??L.getModelValue(l?.getInitialValues()??{},a.name);e&&(l?.updateInitialModel(s,c.arrayToObject(i.cloneDeep(e),a.rowKey)),f=i.cloneDeep(e),r.value||_(i.cloneDeep(e),"suffix",!0))});const r=o.ref([]),x=H.useWatch(a.name);o.watch(()=>x.value,e=>{i.isEqual(e,r.value)||w(e??i.cloneDeep(f))},{deep:!0,flush:"post",immediate:!0});const S=X.useGlobalConfig("valueTypeMap"),q=U.useGetEditableColumns(a,S,s),{add:F,addMultiple:I,__addMultiple:_,remove:T,removeByKey:E,getRowData:N,getRowsData:V,getRowDataByKey:D,setRowData:j,setRowDataByKey:K,clear:O,refreshRowIds:m}=W.useEditableFormItemApi(a,l,r,s);function M(){const e=d.value?._internalGridApi;if(!m.value?.length||!e)return;const t=m.value.map(n=>e.getRowNode(n)).filter(n=>!!n);a.supressForceRowUpdate||e.refreshCells({rowNodes:t,force:!0}),m.value=[]}function w(e){r.value=[...e];const t=c.arrayToObject(e,a.rowKey);l?.setFieldValue(a.name,[...e]),l?.setFieldValue(s,t)}function g(e,t){const n=e==="end"?r.value.length-1:e;d.value?.scrollToRow(n,t)}function P(e,t){d.value?.scrollToColumn(e,t)}function k(e,t){const n=[s,String(e),t].flat();return l?.validateFields([n])}function A(e){const n=o.unref(r).map((u,p)=>[s,String(c.getRowKey(u,p,a.rowKey)),e].flat());return l?.validateFields(n)}return b({add:F,addMultiple:I,remove:T,removeByKey:E,getRowData:N,getRowsData:V,getRowDataByKey:D,setRowData:j,clear:O,setTableData:w,scrollTo:g,scrollToRow:g,scrollToColumn:P,validateCell:k,validateColumn:A,setRowDataByKey:K,table:d}),(e,t)=>(o.openBlock(),o.createElementBlock(o.Fragment,null,[o.createVNode(o.unref(y.ApForm).FormItem,{hidden:"",name:e.name,"initial-value":e.formItem?.initialValue,transform:B},null,8,["name","initial-value"]),o.createVNode(o.unref(y.ApForm).FormItem,o.mergeProps({label:e.label},e.formItem),{default:o.withCtx(()=>[o.createVNode(Y.default,o.mergeProps(o.unref(i.omit)(a,["name","maxLength","onChange","defaultValue","formItem"]),{ref_key:"tableRef",ref:d,class:[o.unref(R)(),o.unref(v)],size:"mini",columns:o.unref(q),"data-source":r.value,"search-form":!1,onUpdate:M}),o.createSlots({_:2},[o.renderList(C,(n,u)=>({name:u,fn:o.withCtx(p=>[o.renderSlot(e.$slots,u,o.normalizeProps(o.guardReactiveProps(p||{})))])}))]),1040,["class","columns","data-source"])]),_:3},16,["label"])],64))}});exports.default=Z;

package/lib/src/ag-grid/editable/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),i=require("lodash-unified"),m=require("../../ap-form/index.js");require("../../config-provider/index.js");require("../../hooks/index.js");const P=require("../hooks/use-editable-api.js"),G=require("../hooks/use-editable-columns.js");require("../index.vue2.js");const L=require("../style/editable.js"),d=require("./utils.js"),M=require("../../config-provider/hooks/use-namespace.js"),W=require("../../hooks/useControllableValue.js"),$=require("../../config-provider/hooks/use-global-config.js"),J=require("../index.vue.js"),Q=o.defineComponent({name:"EditableGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},rowHoverable:{type:Boolean},rowSelection:{type:[Boolean,Object]},onLoadingChange:{},onShownColumnsChange:{},pagination:{type:[Boolean,Object],default:!1},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{default:66},getRowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{},autoHeight:{type:Boolean},onUpdate:{},customRow:{},theme:{},emptyComponent:{},emptyText:{},onColumnResized:{},animateRows:{type:Boolean},plugins:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},name:{default:"ap-editable-table-inner-name"},onFieldChange:{},supressForceRowUpdate:{type:Boolean,default:!1}},emits:["update:value"],setup(v,{expose:h,emit:R}){const C=o.useSlots(),t=v,{b:x}=M.useNamespace("editable-aggrid"),B=L.default("editable-aggrid"),T=R,u=o.ref(),{value:s,updateValue:y}=W.useControllableValue(t,T),l=o.ref(),_=m.ApForm.useWatch(t.name,l);o.watch(s,e=>{const a=d.arrayToObject(e,t.rowKey);i.isEqual(a,o.unref(_))||l.value?.setFieldValue(t.name,a)},{deep:!0});const F=$.useGlobalConfig("valueTypeMap"),S=G.useGetEditableColumns(t,F),{add:q,addMultiple:A,remove:E,removeByKey:j,getRowData:N,getRowsData:K,setRowData:V,clear:k,refreshRowIds:c}=P.useEditableApi(t,l,s,y);function O(){const e=u.value?._internalGridApi;if(!c.value?.length||!e)return;const a=c.value.map(n=>e.getRowNode(n)).filter(n=>!!n);t.supressForceRowUpdate||e.refreshCells({rowNodes:a,force:!0}),c.value=[]}function I(){l.value?.resetFields()}function w(e){return e?(i.isArray(e)?e:[e]).map(n=>i.isArray(n)?[t.name,...n]:[t.name,n]):void 0}function b(e){try{const a=Object.keys(e),n=s.value.map(r=>d.getRowKey(r,void 0,t.rowKey));return a.sort((r,p)=>n.findIndex(f=>String(f)===r)-n.findIndex(f=>String(f)===p)),a.map(r=>e[r])}catch{return e}}async function D(e,a){const r=(await l.value?.validateFields(w(e),a))?.[t.name];return b(r)}async function U(e,a){const r=(await l.value?.validateFieldsReturnTransformed(w(e),a))?.[t.name];return b(r)}function z(e){y(e);const a=d.arrayToObject(e,t.rowKey);l.value?.setFieldValue(t.name,a)}function g(e,a){const n=e==="end"?s.value.length-1:e;u.value?.scrollToRow(n,a)}function H(e,a){u.value?.scrollToColumn(e,a)}return h({resetFields:I,validateFields:D,validateFieldsReturnTransformed:U,add:q,addMultiple:A,remove:E,removeByKey:j,getRowData:N,getRowsData:K,setRowData:V,clear:k,setTableData:z,scrollTo:g,scrollToRow:g,scrollToColumn:H,table:u}),(e,a)=>(o.openBlock(),o.createBlock(o.unref(m.ApForm),{ref_key:"formRef",ref:l,"initial-values":{[t.name]:o.unref(d.arrayToObject)(o.unref(s),t.rowKey)},style:{height:"100%"}},{default:o.withCtx(()=>[o.createVNode(o.unref(m.ApForm).FormItem,{name:e.name,"no-style":""},{default:o.withCtx(()=>[o.createVNode(J.default,o.mergeProps(o.unref(i.omit)(t,["name","value","onUpdate:value","maxLength","onChange","defaultValue"]),{ref_key:"tableRef",ref:u,class:[o.unref(x)(),o.unref(B)],size:"mini",columns:o.unref(S),"data-source":o.unref(s),"search-form":!1,onUpdate:O}),o.createSlots({_:2},[o.renderList(C,(n,r)=>({name:r,fn:o.withCtx(p=>[o.renderSlot(e.$slots,r,o.normalizeProps(o.guardReactiveProps(p||{})))])}))]),1040,["class","columns","data-source"])]),_:3},8,["name"])]),_:3},8,["initial-values"]))}});exports.default=Q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),i=require("lodash-unified"),m=require("../../ap-form/index.js");require("../../config-provider/index.js");require("../../hooks/index.js");const L=require("../hooks/use-editable-api.js"),M=require("../hooks/use-editable-columns.js");require("../index.vue2.js");const W=require("../style/editable.js"),d=require("./utils.js"),$=require("../../config-provider/hooks/use-namespace.js"),J=require("../../hooks/useControllableValue.js"),Q=require("../../config-provider/hooks/use-global-config.js"),X=require("../index.vue.js"),Y=a.defineComponent({name:"EditableGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},rowHoverable:{type:Boolean},rowSelection:{type:[Boolean,Object]},onLoadingChange:{},onShownColumnsChange:{},pagination:{type:[Boolean,Object],default:!1},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{default:66},getRowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{},autoHeight:{type:Boolean},onUpdate:{},customRow:{},theme:{},emptyComponent:{},emptyText:{},onColumnResized:{},animateRows:{type:Boolean},plugins:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},name:{default:"ap-editable-table-inner-name"},onFieldChange:{},supressForceRowUpdate:{type:Boolean,default:!1}},emits:["update:value"],setup(R,{expose:v,emit:h}){const C=a.useSlots(),t=R,{b:x}=$.useNamespace("editable-aggrid"),B=W.default("editable-aggrid"),T=h,u=a.ref(),{value:s,updateValue:y}=J.useControllableValue(t,T),l=a.ref(),_=m.ApForm.useWatch(t.name,l);a.watch(s,e=>{const o=d.arrayToObject(e,t.rowKey);i.isEqual(o,a.unref(_))||l.value?.setFieldValue(t.name,o)},{deep:!0});const F=Q.useGlobalConfig("valueTypeMap"),S=M.useGetEditableColumns(t,F),{add:q,addMultiple:A,remove:E,removeByKey:K,getRowData:j,getRowsData:N,getRowDataByKey:V,setRowData:k,setRowDataByKey:D,clear:O,refreshRowIds:c}=L.useEditableApi(t,l,s,y);function I(){const e=u.value?._internalGridApi;if(!c.value?.length||!e)return;const o=c.value.map(n=>e.getRowNode(n)).filter(n=>!!n);t.supressForceRowUpdate||e.refreshCells({rowNodes:o,force:!0}),c.value=[]}function U(){l.value?.resetFields()}function w(e){return e?(i.isArray(e)?e:[e]).map(n=>i.isArray(n)?[t.name,...n]:[t.name,n]):void 0}function g(e){try{const o=Object.keys(e),n=s.value.map(r=>d.getRowKey(r,void 0,t.rowKey));return o.sort((r,p)=>n.findIndex(f=>String(f)===r)-n.findIndex(f=>String(f)===p)),o.map(r=>e[r])}catch{return e}}async function z(e,o){const r=(await l.value?.validateFields(w(e),o))?.[t.name];return g(r)}async function H(e,o){const r=(await l.value?.validateFieldsReturnTransformed(w(e),o))?.[t.name];return g(r)}function P(e){y(e);const o=d.arrayToObject(e,t.rowKey);l.value?.setFieldValue(t.name,o)}function b(e,o){const n=e==="end"?s.value.length-1:e;u.value?.scrollToRow(n,o)}function G(e,o){u.value?.scrollToColumn(e,o)}return v({resetFields:U,validateFields:z,validateFieldsReturnTransformed:H,add:q,addMultiple:A,remove:E,removeByKey:K,getRowData:j,getRowsData:N,setRowData:k,clear:O,setTableData:P,scrollTo:b,scrollToRow:b,scrollToColumn:G,table:u,getRowDataByKey:V,setRowDataByKey:D}),(e,o)=>(a.openBlock(),a.createBlock(a.unref(m.ApForm),{ref_key:"formRef",ref:l,"initial-values":{[t.name]:a.unref(d.arrayToObject)(a.unref(s),t.rowKey)},style:{height:"100%"}},{default:a.withCtx(()=>[a.createVNode(a.unref(m.ApForm).FormItem,{name:e.name,"no-style":""},{default:a.withCtx(()=>[a.createVNode(X.default,a.mergeProps(a.unref(i.omit)(t,["name","value","onUpdate:value","maxLength","onChange","defaultValue"]),{ref_key:"tableRef",ref:u,class:[a.unref(x)(),a.unref(B)],size:"mini",columns:a.unref(S),"data-source":a.unref(s),"search-form":!1,onUpdate:I}),a.createSlots({_:2},[a.renderList(C,(n,r)=>({name:r,fn:a.withCtx(p=>[a.renderSlot(e.$slots,r,a.normalizeProps(a.guardReactiveProps(p||{})))])}))]),1040,["class","columns","data-source"])]),_:3},8,["name"])]),_:3},8,["initial-values"]))}});exports.default=Y;

package/lib/src/ag-grid/editable/interface.d.ts

@@ -77,7 +77,7 @@ export type EditableAgGridProps<RecordType = any> = Omit<AgGridProps<RecordType>
      * 当字段值变更的时候触发（注意，向表单设置值并不会触发）
      * @returns
      */
-    onFieldChange?: (rowIndex: number, fieldName: DataIndex, newValue: any) => void;
+    onFieldChange?: (rowIndex: number, fieldName: DataIndex, newValue: any, record: RecordType) => void;
     /**
      * 是否禁止在行操作后（添加/删除行等）避免强制更新
      * 默认情况下，表格行会在行操作后强制更新哪些受到影响的行来保证渲染始终是正确的，但这样会导致表单校验被清空、频繁更新导致渲染性能下降等问题
@@ -95,6 +95,15 @@ export type EditableAgGridExpose<RecordType = any, ModelType = RecordType[]> = O
     remove: (data: RecordType | RecordType[]) => void;
     validateFieldsReturnTransformed: EditableTableExpose<ModelType, RecordType>['validateFields'];
     table: AgGridExpose;
+    getRowDataByKey: (key: string | number) => RecordType | undefined;
+    /**
+     * 设置表格行数据(通过行key)
+     * @param key
+     * @param data
+     * @param merge 是否进行数据的浅层合并（默认为true）
+     * @returns
+     */
+    setRowDataByKey: (key: any, data: Partial<RecordType>, merge?: boolean) => void;
 };
 export type EditableAgGridFormItemExpose<RecordType = any, ModelType = RecordType[]> = Omit<EditableAgGridExpose<RecordType, ModelType>, 'resetFields' | 'validateFields' | 'validateFieldsReturnTransformed'> & {
     /**

package/lib/src/ag-grid/hooks/use-editable-api.d.ts

@@ -9,7 +9,9 @@ export declare const useEditableApi: <RecordType>(props: EditableAgGridProps<Rec
     removeByKey: (key: Key | Key[]) => void;
     getRowData: (index: number) => RecordType;
     getRowsData: () => RecordType[];
+    setRowDataByKey: (key: any, payload: any, merge?: boolean) => void;
     setRowData: (index: string | number, payload: any, merge?: boolean) => void;
     clear: () => void;
     refreshRowIds: ShallowRef<string[], string[]>;
+    getRowDataByKey: (key: Key) => RecordType | undefined;
 };

package/lib/src/ag-grid/hooks/use-editable-api.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("lodash-unified"),d=require("vue");require("../../utils/index.js");const V=require("../editable/utils.js"),m=require("../../utils/is.js");let B=0;function x(){return`_ag_grid${B++}`}const S=(n,K,i,h)=>{const g=d.shallowRef([]),w=d.computed(()=>d.isRef(K)?d.unref(K):K);function a(u,o){const l=d.unref(i)?.length||0;if(m.isDef(n.maxLength)&&l>=n.maxLength||!u&&c.isFunction(n.rowKey))return;const f={...u||{[n.rowKey]:x()}};w.value?.setFieldValue?.(n.name,f,!0,(r,s)=>{const e=v(f,void 0,n.rowKey);if(r[s]?r[s][e]=f:r[s]={[e]:f},!i.value){i.value=[f];return}c.isUndefined(o)?i.value.push(f):(g.value=i.value.map((t,y)=>y<o?null:v(t,y,n.rowKey)).filter(Boolean),i.value.splice(o,0,f))})}function F(u,o="suffix"){const l=d.unref(i)?.length||0,f=c.isNumber(u)?u:u.length;if(m.isDef(n.maxLength)&&l+f>n.maxLength||c.isNumber(u)&&c.isFunction(n.rowKey))return;const r=c.isNumber(u)?new Array(u).fill(0).map(()=>({[n.rowKey]:x()})):c.cloneDeep(u),s=V.arrayToObject(r,n.rowKey);w.value?.setFieldValue?.(n.name,r,!0,(e,t)=>{if(e[t]?Object.assign(e[t],s):e[t]=s,!i.value){i.value=[...r];return}o==="suffix"?i.value.push(...r):(g.value=i.value.map((y,L)=>v(y,L,n.rowKey)),i.value.unshift(...r))})}function I(u){const o=c.isArray(u)?u:[u];w.value?.setFieldValue?.(n.name,void 0,!0,(l,f)=>{for(const e of o){const t=v(e,void 0,n.rowKey);delete l[f][t]}const r=i.value.filter(e=>!o.includes(e)),s=i.value.findIndex(e=>o.includes(e));g.value=i.value.map((e,t)=>t<=s?null:v(e,t,n.rowKey)).filter(Boolean),h?.(r)})}function v(u,o,l){if(l)return c.isString(l)?u[l]:l(u,o)}function R(u){const o=new Set(c.isArray(u)?u:[u]);o.size!==0&&w.value?.setFieldValue?.(n.name,void 0,!0,(l,f)=>{for(const e of o)delete l[f][e];const r=i.value.filter((e,t)=>!o.has(v(e,t,n.rowKey))),s=i.value.findIndex((e,t)=>o.has(v(e,t,n.rowKey)));g.value=i.value.map((e,t)=>t<=s?null:v(e,t,n.rowKey)).filter(Boolean),h?.(r)})}function j(u){return d.unref(i)?.[u]}function O(){return d.unref(i)}function k(u,o,l=!0){w.value?.setFieldValue?.(n.name,void 0,!0,(f,r)=>{const s=i.value.findIndex((t,y)=>u===y);if(!~s)return;const e=v(i.value[s],s,n.rowKey);if(e&&!(!f[r]||!f[r][e])){if(!l){const t=Object.keys(f[r][e]);for(const y of t)y!==n.rowKey&&delete f[r][e][y]}Object.assign(f[r][e],{...o})}})}function q(){w.value?.setFieldValue?.(n.name,{}),h?.([])}return{add:a,addMultiple:F,remove:I,removeByKey:R,getRowData:j,getRowsData:O,setRowData:k,clear:q,refreshRowIds:g}};exports.useEditableApi=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("lodash-unified"),w=require("vue");require("../../utils/index.js");const S=require("../editable/utils.js"),a=require("../../utils/is.js");let T=0;function m(){return`_ag_grid${T++}`}const A=(u,K,f,h)=>{const g=w.shallowRef([]),d=w.computed(()=>w.isRef(K)?w.unref(K):K);function x(n,r){const s=w.unref(f)?.length||0;if(a.isDef(u.maxLength)&&s>=u.maxLength||!n&&v.isFunction(u.rowKey))return;const i={...n||{[u.rowKey]:m()}};d.value?.setFieldValue?.(u.name,i,!0,(t,l)=>{const e=c(i,void 0,u.rowKey);if(t[l]?t[l][e]=i:t[l]={[e]:i},!f.value){f.value=[i];return}v.isUndefined(r)?f.value.push(i):(g.value=f.value.map((o,y)=>y<r?null:c(o,y,u.rowKey)).filter(Boolean),f.value.splice(r,0,i))})}function R(n,r="suffix"){const s=w.unref(f)?.length||0,i=v.isNumber(n)?n:n.length;if(a.isDef(u.maxLength)&&s+i>u.maxLength||v.isNumber(n)&&v.isFunction(u.rowKey))return;const t=v.isNumber(n)?new Array(n).fill(0).map(()=>({[u.rowKey]:m()})):v.cloneDeep(n),l=S.arrayToObject(t,u.rowKey);d.value?.setFieldValue?.(u.name,t,!0,(e,o)=>{if(e[o]?Object.assign(e[o],l):e[o]=l,!f.value){f.value=[...t];return}r==="suffix"?f.value.push(...t):(g.value=f.value.map((y,L)=>c(y,L,u.rowKey)),f.value.unshift(...t))})}function F(n){const r=v.isArray(n)?n:[n];d.value?.setFieldValue?.(u.name,void 0,!0,(s,i)=>{for(const e of r){const o=c(e,void 0,u.rowKey);delete s[i][o]}const t=f.value.filter(e=>!r.includes(e)),l=f.value.findIndex(e=>r.includes(e));g.value=f.value.map((e,o)=>o<=l?null:c(e,o,u.rowKey)).filter(Boolean),h?.(t)})}function c(n,r,s){if(s)return v.isString(s)?n[s]:s(n,r)}function j(n){const r=new Set(v.isArray(n)?n:[n]);r.size!==0&&d.value?.setFieldValue?.(u.name,void 0,!0,(s,i)=>{for(const e of r)delete s[i][e];const t=f.value.filter((e,o)=>!r.has(c(e,o,u.rowKey))),l=f.value.findIndex((e,o)=>r.has(c(e,o,u.rowKey)));g.value=f.value.map((e,o)=>o<=l?null:c(e,o,u.rowKey)).filter(Boolean),h?.(t)})}function I(n){return w.unref(f)?.[n]}function O(n){return f.value?.find((r,s)=>c(r,s,u.rowKey)===n)}function k(){return w.unref(f)}function B(n,r,s=!0){d.value?.setFieldValue?.(u.name,void 0,!0,(i,t)=>{const l=f.value.findIndex((o,y)=>n===y);if(!~l)return;const e=c(f.value[l],l,u.rowKey);if(e&&!(!i[t]||!i[t][e])){if(!s){const o=Object.keys(i[t][e]);for(const y of o)y!==u.rowKey&&delete i[t][e][y]}Object.assign(i[t][e],{...r})}})}function V(n,r,s=!0){d.value?.setFieldValue?.(u.name,void 0,!0,(i,t)=>{if(!(!i[t]||!i[t][n])){if(!s){const l=Object.keys(i[t][n]);for(const e of l)e!==u.rowKey&&delete i[t][e][e]}Object.assign(i[t][n],{...r})}})}function q(){d.value?.setFieldValue?.(u.name,{}),h?.([])}return{add:x,addMultiple:R,remove:F,removeByKey:j,getRowData:I,getRowsData:k,setRowDataByKey:V,setRowData:B,clear:q,refreshRowIds:g,getRowDataByKey:O}};exports.useEditableApi=A;

package/lib/src/ag-grid/hooks/use-editable-columns.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const F=require("clsx"),b=require("lodash-unified"),x=require("vue"),M=require("../../ap-grid/utils/editable.js"),q=require("../../ap-table/utils.js"),S=require("../../editable-table/utils.js");require("../../utils/index.js");const $=require("../editable/utils.js"),A=require("../../utils/is.js");function v(t,n,r){t.__skipNextRefresh?t.__skipNextRefresh[n]=r:t.__skipNextRefresh={[n]:r}}function p(t,n,r){t.__prevEditable?t.__prevEditable[n]=r:t.__prevEditable={[n]:r}}const w=(t,n,r)=>{const h=x.ref([]);x.watch(()=>t.columns,e=>{if(!e?.length){h.value=[];return}function o(a){return a.map(d=>({...d,_requireMark:S.getColumnIsRequired(d),children:o(d.children||[]),...C(d)}))}h.value=o(e)},{immediate:!0,deep:!0});function C(e){const o=e.editable,a=r?[r]:b.isArray(t.name)?t.name:[t.name];return!o||e.children?.length?{_path:[...a]}:{customRender({value:d,originalNode:N,params:l,...i}){const c=b.isFunction(e.editable)?e.editable(i.text,i.record,i.rowIndex):!!e.editable;let f=N;const k=b.isArray(e.dataIndex)?e.dataIndex:[e.dataIndex],g=$.getRowKey(i.record,i.rowIndex,t.rowKey);if(c){const _=q.updateFormProps(e,q.getFieldProps(e.fieldProps,{value:d,...i})),R={};t.onFieldChange&&(R[`onUpdate:${_.valuePropName||"value"}`]=y=>t.onFieldChange?.(i.rowIndex,e.dataIndex,y));const E={name:[...a,String(g),...k],..._||{},field:{style:"width: 100%",..._?.field||{},...R,class:F.clsx("is-editable",_.class)}};f=M.getFinalEditableNode(e,E,i.record,x.unref(n))}e.customRender&&(f=e.customRender({value:d,...i,editable:c,originalNode:f,index:i.rowIndex,renderIndex:i.rowIndex,path:[...a,String(g)]}));const s=l.node,u=l.column.getColId(),I=s.__prevEditable?.[u];return!s.__skipNextRefresh?.[u]&&A.isDef(I)&&I!==c&&(v(s,u,!0),setTimeout(()=>{l?.api.refreshCells({rowNodes:[l.node],columns:[l.column.getColId()],force:!0}),v(s,u,!1)},0)),p(s,u,c),f},_path:[...a]}}return h};exports.default=w;exports.useGetEditableColumns=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const F=require("clsx"),b=require("lodash-unified"),x=require("vue"),M=require("../../ap-grid/utils/editable.js"),q=require("../../ap-table/utils.js"),S=require("../../editable-table/utils.js");require("../../utils/index.js");const $=require("../editable/utils.js"),A=require("../../utils/is.js");function v(t,n,r){t.__skipNextRefresh?t.__skipNextRefresh[n]=r:t.__skipNextRefresh={[n]:r}}function G(t,n,r){t.__prevEditable?t.__prevEditable[n]=r:t.__prevEditable={[n]:r}}const w=(t,n,r)=>{const h=x.ref([]);x.watch(()=>t.columns,e=>{if(!e?.length){h.value=[];return}function o(a){return a.map(d=>({...d,_requireMark:S.getColumnIsRequired(d),children:o(d.children||[]),...C(d)}))}h.value=o(e)},{immediate:!0,deep:!0});function C(e){const o=e.editable,a=r?[r]:b.isArray(t.name)?t.name:[t.name];return!o||e.children?.length?{_path:[...a]}:{customRender({value:d,originalNode:N,params:l,...i}){const c=b.isFunction(e.editable)?e.editable(i.text,i.record,i.rowIndex):!!e.editable;let f=N;const k=b.isArray(e.dataIndex)?e.dataIndex:[e.dataIndex],g=$.getRowKey(i.record,i.rowIndex,t.rowKey);if(c){const _=q.updateFormProps(e,q.getFieldProps(e.fieldProps,{value:d,...i})),R={};t.onFieldChange&&(R[`onUpdate:${_.valuePropName||"value"}`]=y=>t.onFieldChange?.(i.rowIndex,e.dataIndex,y,i.record));const E={name:[...a,String(g),...k],..._||{},field:{style:"width: 100%",..._?.field||{},...R,class:F.clsx("is-editable",_.class)}};f=M.getFinalEditableNode(e,E,i.record,x.unref(n))}e.customRender&&(f=e.customRender({value:d,...i,editable:c,originalNode:f,index:i.rowIndex,renderIndex:i.rowIndex,path:[...a,String(g)]}));const u=l.node,s=l.column.getColId(),I=u.__prevEditable?.[s];return!u.__skipNextRefresh?.[s]&&A.isDef(I)&&I!==c&&(v(u,s,!0),setTimeout(()=>{l?.api.refreshCells({rowNodes:[l.node],columns:[l.column.getColId()],force:!0}),v(u,s,!1)},0)),G(u,s,c),f},_path:[...a]}}return h};exports.default=w;exports.useGetEditableColumns=w;

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

@@ -10,7 +10,9 @@ export declare const useEditableFormItemApi: <RecordType>(props: EditableAgGridP
     removeByKey: (key: Key | Key[]) => void;
     getRowData: (index: number) => RecordType;
     getRowsData: () => RecordType[];
+    setRowDataByKey: (key: any, payload: any, merge?: boolean) => void;
     setRowData: (index: number, payload: any, merge?: boolean) => void;
     clear: () => void;
     refreshRowIds: ShallowRef<string[], string[]>;
+    getRowDataByKey: (key: Key) => RecordType | undefined;
 };

package/lib/src/ag-grid/hooks/use-editable-form-item-api.js

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

package/lib/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.19.5";
+declare const _default: "7.19.7";
 export default _default;

package/lib/src/version.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.19.5";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.19.7";exports.default=e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "7.19.5",
+  "version": "7.19.7",
   "main": "./lib/index.js",
   "type": "module",
   "typings": "./lib/index.d.ts",
@@ -41,8 +41,8 @@
     "scroll-into-view-if-needed": "^3.1.0",
     "vue-virtual-scroller": "2.0.0-beta.8",
     "vuedraggable": "^4.1.0",
-    "@aplus-frontend/hooks": "1.0.7",
-    "@aplus-frontend/utils": "1.0.66"
+    "@aplus-frontend/utils": "1.0.66",
+    "@aplus-frontend/hooks": "1.0.7"
   },
   "peerDependencies": {
     "@aplus-frontend/antdv": "^2.1.4",