@aplus-frontend/ui 7.19.4 → 7.19.6

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

@@ -1,20 +1,20 @@
-import { defineComponent as G, useSlots as W, ref as y, onMounted as U, 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 { 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 { ApForm as b } from "../../ap-form/index.mjs";
+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 ie } from "../../ap-form/utils/transform.mjs";
+import { transformValues as se } from "../../ap-form/utils/transform.mjs";
 import "../../config-provider/index.mjs";
-import { useGetEditableColumns as se } from "../hooks/use-editable-columns.mjs";
+import { useGetEditableColumns as ie } from "../hooks/use-editable-columns.mjs";
 import { useEditableFormItemApi as me } 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 R, getRowKey as fe } 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 ge from "../index.vue.mjs";
+import ye from "../index.vue.mjs";
 const Ke = /* @__PURE__ */ G({
   name: "EditableGrid",
   __name: "form-item",
@@ -134,6 +134,10 @@ const Ke = /* @__PURE__ */ G({
     onChange: {},
     maxLength: {},
     onFieldChange: {},
+    supressForceRowUpdate: {
+      type: Boolean,
+      default: !1
+    },
     label: {},
     name: {},
     formItem: {}
@@ -141,27 +145,27 @@ const Ke = /* @__PURE__ */ G({
   setup(v, {
     expose: B
   }) {
-    const x = W(), a = v, {
+    const x = U(), t = v, {
       b: S
-    } = ce("editable-aggrid"), I = ue("editable-aggrid"), m = y(), {
+    } = ce("editable-aggrid"), I = ue("editable-aggrid"), m = g(), {
       internalInstance: n
     } = ne();
     function F(e) {
-      const o = pe(a.columns || []);
+      const o = pe(t.columns || []);
       if (!Object.keys(o).length || !e?.length)
         return e;
-      let t = [];
-      for (const s of e)
-        t.push(ie(s, o));
-      return t;
+      let a = [];
+      for (const i of e)
+        a.push(se(i, o));
+      return a;
     }
-    const i = de(a.name);
+    const s = de(t.name);
     let c = [];
-    U(() => {
-      const e = a.formItem?.initialValue ?? re(n?.getInitialValues() ?? {}, a.name);
-      e && (n?.updateInitialModel(i, R(u(e), a.rowKey)), c = u(e), l.value || j(u(e), "suffix", !0));
+    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));
     });
-    const l = y([]), T = le(a.name);
+    const l = g([]), T = le(t.name);
     $(() => T.value, (e) => {
       te(e, l.value) || w(e ?? u(c));
     }, {
@@ -169,7 +173,7 @@ const Ke = /* @__PURE__ */ G({
       flush: "post",
       immediate: !0
     });
-    const E = we("valueTypeMap"), V = se(a, E, i), {
+    const E = we("valueTypeMap"), V = ie(t, E, s), {
       add: N,
       addMultiple: _,
       __addMultiple: j,
@@ -180,36 +184,36 @@ const Ke = /* @__PURE__ */ G({
       setRowData: z,
       clear: H,
       refreshRowIds: d
-    } = me(a, n, l, i);
+    } = me(t, n, l, s);
     function L() {
       const e = m.value?._internalGridApi;
       if (!d.value?.length || !e)
         return;
-      const o = d.value.map((t) => e.getRowNode(t)).filter((t) => !!t);
-      e.refreshCells({
+      const o = d.value.map((a) => e.getRowNode(a)).filter((a) => !!a);
+      t.supressForceRowUpdate || e.refreshCells({
         rowNodes: o,
         force: !0
       }), d.value = [];
     }
     function w(e) {
       l.value = [...e];
-      const o = R(e, a.rowKey);
-      n?.setFieldValue(a.name, [...e]), n?.setFieldValue(i, o);
+      const o = b(e, t.rowKey);
+      n?.setFieldValue(t.name, [...e]), n?.setFieldValue(s, o);
     }
-    function g(e, o) {
-      const t = e === "end" ? l.value.length - 1 : e;
-      m.value?.scrollToRow(t, o);
+    function y(e, o) {
+      const a = e === "end" ? l.value.length - 1 : e;
+      m.value?.scrollToRow(a, o);
     }
     function M(e, o) {
       m.value?.scrollToColumn(e, o);
     }
     function P(e, o) {
-      const t = [i, String(e), o].flat();
-      return n?.validateFields([t]);
+      const a = [s, String(e), o].flat();
+      return n?.validateFields([a]);
     }
     function A(e) {
-      const t = r(l).map((s, p) => [i, String(fe(s, p, a.rowKey)), e].flat());
-      return n?.validateFields(t);
+      const a = r(l).map((i, p) => [s, String(fe(i, p, t.rowKey)), e].flat());
+      return n?.validateFields(a);
     }
     return B({
       add: N,
@@ -221,21 +225,21 @@ const Ke = /* @__PURE__ */ G({
       setRowData: z,
       clear: H,
       setTableData: w,
-      scrollTo: g,
-      scrollToRow: g,
+      scrollTo: y,
+      scrollToRow: y,
       scrollToColumn: M,
       validateCell: P,
       validateColumn: A,
       table: m
-    }), (e, o) => (J(), q(Q, null, [f(r(b).FormItem, {
+    }), (e, o) => (J(), q(Q, null, [f(r(R).FormItem, {
       hidden: "",
       name: e.name,
       "initial-value": e.formItem?.initialValue,
       transform: F
-    }, null, 8, ["name", "initial-value"]), f(r(b).FormItem, h({
+    }, null, 8, ["name", "initial-value"]), f(r(R).FormItem, h({
       label: e.label
     }, e.formItem), {
-      default: C(() => [f(ge, h(r(ae)(a, ["name", "maxLength", "onChange", "defaultValue", "formItem"]), {
+      default: C(() => [f(ye, h(r(ae)(t, ["name", "maxLength", "onChange", "defaultValue", "formItem"]), {
         ref_key: "tableRef",
         ref: m,
         class: [r(S)(), r(I)],
@@ -246,9 +250,9 @@ const Ke = /* @__PURE__ */ G({
         onUpdate: L
       }), X({
         _: 2
-      }, [Y(x, (t, s) => ({
-        name: s,
-        fn: C((p) => [Z(e.$slots, s, ee(oe(p || {})))])
+      }, [Y(x, (a, i) => ({
+        name: i,
+        fn: C((p) => [Z(e.$slots, i, ee(oe(p || {})))])
       }))]), 1040, ["class", "columns", "data-source"])]),
       _: 3
     }, 16, ["label"])], 64));

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

@@ -135,7 +135,11 @@ const Fe = /* @__PURE__ */ M({
     name: {
       default: "ap-editable-table-inner-name"
     },
-    onFieldChange: {}
+    onFieldChange: {},
+    supressForceRowUpdate: {
+      type: Boolean,
+      default: !1
+    }
   },
   emits: ["update:value"],
   setup(C, {
@@ -170,12 +174,12 @@ const Fe = /* @__PURE__ */ M({
       if (!d.value?.length || !e)
         return;
       const o = d.value.map((t) => e.getRowNode(t)).filter((t) => !!t);
-      e.refreshCells({
+      a.supressForceRowUpdate || e.refreshCells({
         rowNodes: o,
         force: !0
       }), d.value = [];
     }
-    function L() {
+    function U() {
       r.value?.resetFields();
     }
     function w(e) {
@@ -189,15 +193,15 @@ const Fe = /* @__PURE__ */ M({
         return e;
       }
     }
-    async function P(e, o) {
+    async function L(e, o) {
       const n = (await r.value?.validateFields(w(e), o))?.[a.name];
       return g(n);
     }
-    async function G(e, o) {
+    async function P(e, o) {
       const n = (await r.value?.validateFieldsReturnTransformed(w(e), o))?.[a.name];
       return g(n);
     }
-    function U(e) {
+    function G(e) {
       y(e);
       const o = f(e, a.rowKey);
       r.value?.setFieldValue(a.name, o);
@@ -210,9 +214,9 @@ const Fe = /* @__PURE__ */ M({
       i.value?.scrollToColumn(e, o);
     }
     return x({
-      resetFields: L,
-      validateFields: P,
-      validateFieldsReturnTransformed: G,
+      resetFields: U,
+      validateFields: L,
+      validateFieldsReturnTransformed: P,
       add: A,
       addMultiple: N,
       remove: j,
@@ -221,7 +225,7 @@ const Fe = /* @__PURE__ */ M({
       getRowsData: D,
       setRowData: z,
       clear: H,
-      setTableData: U,
+      setTableData: G,
       scrollTo: R,
       scrollToRow: R,
       scrollToColumn: W,

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

@@ -77,7 +77,16 @@ 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;
+    /**
+     * 是否禁止在行操作后（添加/删除行等）避免强制更新
+     * 默认情况下，表格行会在行操作后强制更新哪些受到影响的行来保证渲染始终是正确的，但这样会导致表单校验被清空、频繁更新导致渲染性能下降等问题
+     * 设置为`true`后，在行操作后不会主动强制更新受影响的行，由于不再更新行，配置中如果`editable`/`fieldProps`/`customRender`等函数使用
+     * 到了`rowIndex`等字段可能会出现渲染异常的问题
+     * @default false
+     * @since 7.19.5
+     */
+    supressForceRowUpdate?: boolean;
 };
 export type EditableAgGridExpose<RecordType = any, ModelType = RecordType[]> = Omit<EditableTableExpose<ModelType, RecordType>, 'scrollTo' | 'remove'> & {
     scrollTo: (index: number | 'end', position?: 'top' | 'bottom' | 'middle') => void;

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

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

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

@@ -1,6 +1,6 @@
-import { ComputedRef, Ref } from 'vue';
+import { Ref } from 'vue';
 import { ValueTypeRenderConfig } from '../../config-provider';
 import { EditableAgGridProps } from '../editable/interface';
 import { AgGridColumnType } from '../interface';
-export declare const useGetEditableColumns: (props: EditableAgGridProps, extraValueTypes: Ref<Record<string, ValueTypeRenderConfig> | undefined>, shadowName?: string) => ComputedRef<AgGridColumnType[]>;
+export declare const useGetEditableColumns: (props: EditableAgGridProps, extraValueTypes: Ref<Record<string, ValueTypeRenderConfig> | undefined>, shadowName?: string) => Ref<AgGridColumnType[]>;
 export default useGetEditableColumns;

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

@@ -1,104 +1,112 @@
-import { clsx as k } from "clsx";
-import { isArray as g, isFunction as w } from "lodash-unified";
-import { unref as E, computed as F } from "vue";
-import { getFinalEditableNode as v } from "../../ap-grid/utils/editable.mjs";
-import { updateFormProps as y, getFieldProps as q } from "../../ap-table/utils.mjs";
-import { getColumnIsRequired as A } from "../../editable-table/utils.mjs";
+import { clsx as v } from "clsx";
+import { isArray as g, isFunction as C } from "lodash-unified";
+import { ref as E, watch as F, unref as y } from "vue";
+import { getFinalEditableNode as q } from "../../ap-grid/utils/editable.mjs";
+import { updateFormProps as A, getFieldProps as K } from "../../ap-table/utils.mjs";
+import { getColumnIsRequired as M } from "../../editable-table/utils.mjs";
 import "../../utils/index.mjs";
-import { getRowKey as K } from "../editable/utils.mjs";
-import { isDef as M } from "../../utils/is.mjs";
-function b(t, n, i) {
-  t.__skipNextRefresh ? t.__skipNextRefresh[n] = i : t.__skipNextRefresh = { [n]: i };
+import { getRowKey as S } from "../editable/utils.mjs";
+import { isDef as D } from "../../utils/is.mjs";
+function I(t, d, r) {
+  t.__skipNextRefresh ? t.__skipNextRefresh[d] = r : t.__skipNextRefresh = { [d]: r };
 }
-function S(t, n, i) {
-  t.__prevEditable ? t.__prevEditable[n] = i : t.__prevEditable = { [n]: i };
+function G(t, d, r) {
+  t.__prevEditable ? t.__prevEditable[d] = r : t.__prevEditable = { [d]: r };
 }
-const O = (t, n, i) => {
-  function I(e) {
-    const s = e.editable, o = i ? [i] : g(t.name) ? t.name : [t.name];
-    return !s || e.children?.length ? {
-      _path: [...o]
+const Q = (t, d, r) => {
+  const _ = E([]);
+  F(
+    () => t.columns,
+    (e) => {
+      if (!e?.length) {
+        _.value = [];
+        return;
+      }
+      function c(a) {
+        return a.map((n) => ({
+          ...n,
+          _requireMark: M(n),
+          children: c(n.children || []),
+          // 处理可编辑/不可编辑下的单元格渲染
+          ...R(n)
+        }));
+      }
+      _.value = c(e);
+    },
+    { immediate: !0, deep: !0 }
+  );
+  function R(e) {
+    const c = e.editable, a = r ? [r] : g(t.name) ? t.name : [t.name];
+    return !c || e.children?.length ? {
+      _path: [...a]
     } : {
-      customRender({ value: d, originalNode: R, params: a, ...r }) {
-        const c = w(e.editable) ? e.editable(
-          r.text,
-          r.record,
-          r.rowIndex
+      customRender({ value: n, originalNode: p, params: o, ...i }) {
+        const s = C(e.editable) ? e.editable(
+          i.text,
+          i.record,
+          i.rowIndex
         ) : !!e.editable;
-        let u = R;
-        const p = g(e.dataIndex) ? e.dataIndex : [e.dataIndex], _ = K(
-          r.record,
-          r.rowIndex,
+        let u = p;
+        const w = g(e.dataIndex) ? e.dataIndex : [e.dataIndex], x = S(
+          i.record,
+          i.rowIndex,
           t.rowKey
         );
-        if (c) {
-          const x = y(
+        if (s) {
+          const h = A(
             e,
-            q(e.fieldProps, {
-              value: d,
-              ...r
+            K(e.fieldProps, {
+              value: n,
+              ...i
             })
-          ), h = {};
-          t.onFieldChange && (h[`onUpdate:${x.valuePropName || "value"}`] = (N) => t.onFieldChange?.(
-            r.rowIndex,
+          ), b = {};
+          t.onFieldChange && (b[`onUpdate:${h.valuePropName || "value"}`] = (k) => t.onFieldChange?.(
+            i.rowIndex,
             e.dataIndex,
-            N
+            k,
+            i.record
           ));
-          const C = {
-            name: [...o, String(_), ...p],
-            ...x || {},
+          const N = {
+            name: [...a, String(x), ...w],
+            ...h || {},
             field: {
               style: "width: 100%",
-              ...x?.field || {},
-              ...h,
-              class: k("is-editable", x.class)
+              ...h?.field || {},
+              ...b,
+              class: v("is-editable", h.class)
             }
           };
-          u = v(
+          u = q(
             e,
-            C,
-            r.record,
-            E(n)
+            N,
+            i.record,
+            y(d)
           );
         }
         e.customRender && (u = e.customRender({
-          value: d,
-          ...r,
-          editable: c,
+          value: n,
+          ...i,
+          editable: s,
           originalNode: u,
-          index: r.rowIndex,
-          renderIndex: r.rowIndex,
-          path: [...o, String(_)]
+          index: i.rowIndex,
+          renderIndex: i.rowIndex,
+          path: [...a, String(x)]
         }));
-        const l = a.node, f = a.column.getColId(), m = l.__prevEditable?.[f];
-        return !l.__skipNextRefresh?.[f] && M(m) && m !== c && (b(l, f, !0), setTimeout(() => {
-          a?.api.refreshCells({
-            rowNodes: [a.node],
-            columns: [a.column.getColId()],
+        const l = o.node, f = o.column.getColId(), m = l.__prevEditable?.[f];
+        return !l.__skipNextRefresh?.[f] && D(m) && m !== s && (I(l, f, !0), setTimeout(() => {
+          o?.api.refreshCells({
+            rowNodes: [o.node],
+            columns: [o.column.getColId()],
             force: !0
-          }), b(l, f, !1);
-        }, 0)), S(l, f, c), u;
+          }), I(l, f, !1);
+        }, 0)), G(l, f, s), u;
       },
-      _path: [...o]
+      _path: [...a]
     };
   }
-  return F(() => {
-    const e = t.columns;
-    if (!e)
-      return [];
-    function s(o) {
-      return o.map((d) => ({
-        ...d,
-        _requireMark: A(d),
-        children: s(d.children || []),
-        // 处理可编辑/不可编辑下的单元格渲染
-        ...I(d)
-      }));
-    }
-    return s(e);
-  });
+  return _;
 };
 export {
-  O as default,
-  O as useGetEditableColumns
+  Q as default,
+  Q as useGetEditableColumns
 };

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

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

package/es/src/business/ap-product-info/constans.mjs

@@ -9,7 +9,7 @@ const e = () => ({
   },
   preview: {
     type: Boolean,
-    default: !1
+    default: !0
   },
   values: {
     type: Array,

package/es/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.19.4";
+declare const _default: "7.19.6";
 export default _default;

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "7.19.4";
+const e = "7.19.6";
 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"),u=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 W=require("../style/editable.js"),U=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:{},label:{},name:{},formItem:{}},setup(h,{expose:b}){const C=o.useSlots(),a=h,{b:R}=$.useNamespace("editable-aggrid"),v=W.default("editable-aggrid"),d=o.ref(),{internalInstance:l}=k.useInjectForm();function x(e){const t=c.getColumnTransformOptions(a.columns||[]);if(!Object.keys(t).length||!e?.length)return e;let n=[];for(const i of e)n.push(H.transformValues(i,t));return n}const s=U.getShadowName(a.name);let f=[];o.onMounted(()=>{const e=a.formItem?.initialValue??z.getModelValue(l?.getInitialValues()??{},a.name);e&&(l?.updateInitialModel(s,c.arrayToObject(u.cloneDeep(e),a.rowKey)),f=u.cloneDeep(e),r.value||F(u.cloneDeep(e),"suffix",!0))});const r=o.ref([]),B=A.useWatch(a.name);o.watch(()=>B.value,e=>{u.isEqual(e,r.value)||g(e??u.cloneDeep(f))},{deep:!0,flush:"post",immediate:!0});const S=J.useGlobalConfig("valueTypeMap"),q=L.useGetEditableColumns(a,S,s),{add:I,addMultiple:_,__addMultiple:F,remove:T,removeByKey:E,getRowData:N,getRowsData:V,setRowData:j,clear:D,refreshRowIds:m}=G.useEditableFormItemApi(a,l,r,s);function O(){const e=d.value?._internalGridApi;if(!m.value?.length||!e)return;const t=m.value.map(n=>e.getRowNode(n)).filter(n=>!!n);e.refreshCells({rowNodes:t,force:!0}),m.value=[]}function g(e){r.value=[...e];const t=c.arrayToObject(e,a.rowKey);l?.setFieldValue(a.name,[...e]),l?.setFieldValue(s,t)}function w(e,t){const n=e==="end"?r.value.length-1:e;d.value?.scrollToRow(n,t)}function K(e,t){d.value?.scrollToColumn(e,t)}function M(e,t){const n=[s,String(e),t].flat();return l?.validateFields([n])}function P(e){const n=o.unref(r).map((i,p)=>[s,String(c.getRowKey(i,p,a.rowKey)),e].flat());return l?.validateFields(n)}return b({add:I,addMultiple:_,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:x},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(u.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:O}),o.createSlots({_:2},[o.renderList(C,(n,i)=>({name:i,fn:o.withCtx(p=>[o.renderSlot(e.$slots,i,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"),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;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),i=require("lodash-unified"),f=require("../../ap-form/index.js");require("../../config-provider/index.js");require("../../hooks/index.js");const G=require("../hooks/use-editable-api.js"),L=require("../hooks/use-editable-columns.js");require("../index.vue2.js");const M=require("../style/editable.js"),d=require("./utils.js"),U=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=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:{}},emits:["update:value"],setup(v,{expose:h,emit:C}){const R=a.useSlots(),t=v,{b:x}=U.useNamespace("editable-aggrid"),B=M.default("editable-aggrid"),T=C,u=a.ref(),{value:s,updateValue:y}=W.useControllableValue(t,T),l=a.ref(),_=f.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 S=$.useGlobalConfig("valueTypeMap"),F=L.useGetEditableColumns(t,S),{add:q,addMultiple:A,remove:E,removeByKey:j,getRowData:N,getRowsData:K,setRowData:V,clear:k,refreshRowIds:c}=G.useEditableApi(t,l,s,y);function O(){const e=u.value?._internalGridApi;if(!c.value?.length||!e)return;const o=c.value.map(n=>e.getRowNode(n)).filter(n=>!!n);e.refreshCells({rowNodes:o,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 o=Object.keys(e),n=s.value.map(r=>d.getRowKey(r,void 0,t.rowKey));return o.sort((r,p)=>n.findIndex(m=>String(m)===r)-n.findIndex(m=>String(m)===p)),o.map(r=>e[r])}catch{return e}}async function D(e,o){const r=(await l.value?.validateFields(w(e),o))?.[t.name];return b(r)}async function z(e,o){const r=(await l.value?.validateFieldsReturnTransformed(w(e),o))?.[t.name];return b(r)}function H(e){y(e);const o=d.arrayToObject(e,t.rowKey);l.value?.setFieldValue(t.name,o)}function g(e,o){const n=e==="end"?s.value.length-1:e;u.value?.scrollToRow(n,o)}function P(e,o){u.value?.scrollToColumn(e,o)}return h({resetFields:I,validateFields:D,validateFieldsReturnTransformed:z,add:q,addMultiple:A,remove:E,removeByKey:j,getRowData:N,getRowsData:K,setRowData:V,clear:k,setTableData:H,scrollTo:g,scrollToRow:g,scrollToColumn:P,table:u}),(e,o)=>(a.openBlock(),a.createBlock(a.unref(f.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(f.ApForm).FormItem,{name:e.name,"no-style":""},{default:a.withCtx(()=>[a.createVNode(J.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(F),"data-source":a.unref(s),"search-form":!1,onUpdate:O}),a.createSlots({_:2},[a.renderList(R,(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=Q;
+"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;

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

@@ -77,7 +77,16 @@ 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;
+    /**
+     * 是否禁止在行操作后（添加/删除行等）避免强制更新
+     * 默认情况下，表格行会在行操作后强制更新哪些受到影响的行来保证渲染始终是正确的，但这样会导致表单校验被清空、频繁更新导致渲染性能下降等问题
+     * 设置为`true`后，在行操作后不会主动强制更新受影响的行，由于不再更新行，配置中如果`editable`/`fieldProps`/`customRender`等函数使用
+     * 到了`rowIndex`等字段可能会出现渲染异常的问题
+     * @default false
+     * @since 7.19.5
+     */
+    supressForceRowUpdate?: boolean;
 };
 export type EditableAgGridExpose<RecordType = any, ModelType = RecordType[]> = Omit<EditableTableExpose<ModelType, RecordType>, 'scrollTo' | 'remove'> & {
     scrollTo: (index: number | 'end', position?: 'top' | 'bottom' | 'middle') => void;

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

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

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

@@ -1,6 +1,6 @@
-import { ComputedRef, Ref } from 'vue';
+import { Ref } from 'vue';
 import { ValueTypeRenderConfig } from '../../config-provider';
 import { EditableAgGridProps } from '../editable/interface';
 import { AgGridColumnType } from '../interface';
-export declare const useGetEditableColumns: (props: EditableAgGridProps, extraValueTypes: Ref<Record<string, ValueTypeRenderConfig> | undefined>, shadowName?: string) => ComputedRef<AgGridColumnType[]>;
+export declare const useGetEditableColumns: (props: EditableAgGridProps, extraValueTypes: Ref<Record<string, ValueTypeRenderConfig> | undefined>, shadowName?: string) => Ref<AgGridColumnType[]>;
 export default useGetEditableColumns;

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

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

package/lib/src/business/ap-product-info/constans.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({title:{type:String,default:""},imgSrc:{type:String,default:""},preview:{type:Boolean,default:!1},values:{type:Array,default:()=>[]},disableCopy:{type:Boolean,default:!1},showImg:{type:Boolean,default:!0}});exports.ApProductInfoProps=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({title:{type:String,default:""},imgSrc:{type:String,default:""},preview:{type:Boolean,default:!0},values:{type:Array,default:()=>[]},disableCopy:{type:Boolean,default:!1},showImg:{type:Boolean,default:!0}});exports.ApProductInfoProps=e;

package/lib/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.19.4";
+declare const _default: "7.19.6";
 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.4";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.19.6";exports.default=e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "7.19.4",
+  "version": "7.19.6",
   "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",