@aplus-frontend/ui 7.19.4 → 7.19.5

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

@@ -78,6 +78,15 @@ export type EditableAgGridProps<RecordType = any> = Omit<AgGridProps<RecordType>
      * @returns
      */
     onFieldChange?: (rowIndex: number, fieldName: DataIndex, newValue: any) => 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-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,111 @@
-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
           ));
-          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/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.5";
 export default _default;

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "7.19.4";
+const e = "7.19.5";
 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

@@ -78,6 +78,15 @@ export type EditableAgGridProps<RecordType = any> = Omit<AgGridProps<RecordType>
      * @returns
      */
     onFieldChange?: (rowIndex: number, fieldName: DataIndex, newValue: any) => 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-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 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;

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.5";
 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.5";exports.default=e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "7.19.4",
+  "version": "7.19.5",
   "main": "./lib/index.js",
   "type": "module",
   "typings": "./lib/index.d.ts",