@aplus-frontend/ui 7.19.6 → 7.19.8

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

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

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

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

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

@@ -95,6 +95,15 @@ export type EditableAgGridExpose<RecordType = any, ModelType = RecordType[]> = O
     remove: (data: RecordType | RecordType[]) => void;
     validateFieldsReturnTransformed: EditableTableExpose<ModelType, RecordType>['validateFields'];
     table: AgGridExpose;
+    getRowDataByKey: (key: string | number) => RecordType | undefined;
+    /**
+     * 设置表格行数据(通过行key)
+     * @param key
+     * @param data
+     * @param merge 是否进行数据的浅层合并（默认为true）
+     * @returns
+     */
+    setRowDataByKey: (key: any, data: Partial<RecordType>, merge?: boolean) => void;
 };
 export type EditableAgGridFormItemExpose<RecordType = any, ModelType = RecordType[]> = Omit<EditableAgGridExpose<RecordType, ModelType>, 'resetFields' | 'validateFields' | 'validateFieldsReturnTransformed'> & {
     /**

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

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