@aplus-frontend/ui 7.20.2 → 7.20.4

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

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

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

@@ -111,6 +111,13 @@ export type EditableAgGridExpose<RecordType = any, ModelType = RecordType[]> = O
      * @returns
      */
     refreshColumns: (columnKey: string | string[], force?: boolean) => void;
+    /**
+     * 添加一条数据（通过行key）
+     * @param defaultValue
+     * @param key
+     * @returns
+     */
+    addByKey: (defaultValue?: Partial<RecordType> | undefined, key?: number) => void;
 };
 export type EditableAgGridFormItemExpose<RecordType = any, ModelType = RecordType[]> = Omit<EditableAgGridExpose<RecordType, ModelType>, 'resetFields' | 'validateFields' | 'validateFieldsReturnTransformed'> & {
     /**

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

@@ -1,11 +1,11 @@
-import { ref as s, computed as c, watch as y } from "vue";
+import { ref as c, computed as s, watch as y } from "vue";
 import { getStringKey as a, runPipelineHooks as C } from "../utils.mjs";
-const w = (o) => {
-  const r = s([]), u = s([]);
-  function l(n = []) {
+const w = (r) => {
+  const o = c([]), l = c([]);
+  function u(n = []) {
     return n.filter((e) => !e.hideInTable).map((e) => {
       if (e.children?.length) {
-        const t = l(e.children);
+        const t = u(e.children);
         return t?.length ? {
           ...e,
           children: t
@@ -14,25 +14,25 @@ const w = (o) => {
       return e;
     }).filter(Boolean);
   }
-  function f(n) {
-    return r.value.find((e) => a(e.key) === n);
+  function m(n) {
+    return o.value.find((e) => a(e.key) === n);
   }
-  const m = c(
-    () => r.value.map((n) => a(n.key)).filter(Boolean)
+  const f = s(
+    () => o.value.map((n) => a(n.key)).filter(Boolean)
   );
   async function d(n, e) {
     return await C(
-      o.plugins,
+      r.plugins,
       n,
       (t) => t.beforeColumnsChange?.bind(t),
       e
     );
   }
   y(
-    () => o.columns,
+    () => r.columns,
     async () => {
-      const n = l(o.columns), e = await d(n, r.value);
-      r.value = e, u.value = e, o.onShownColumnsChange?.(e);
+      const n = u(r.columns), e = await d(n, o.value);
+      o.value = e, l.value = e, r.onShownColumnsChange?.(e);
     },
     {
       deep: !0,
@@ -54,12 +54,12 @@ const w = (o) => {
         };
       }
   }
-  const h = c(() => i(r.value));
+  const h = s(() => i(u(r.columns)));
   return {
-    columns: r,
-    shownColumns: u,
-    columnKeys: m,
-    getTargetColumnByKey: f,
+    columns: o,
+    shownColumns: l,
+    columnKeys: f,
+    getTargetColumnByKey: m,
     defaultSortOrder: h
   };
 };

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

@@ -4,6 +4,7 @@ import { ApFormInternalInstance, ApFormExpose } from '../../ap-form';
 import { EditableAgGridProps } from '../editable/interface';
 export declare const useEditableApi: <RecordType>(props: EditableAgGridProps<RecordType>, formApi: Ref<ApFormExpose | undefined> | ApFormInternalInstance | undefined, tableData: Ref<RecordType[]>, updateTableData?: (newData: RecordType[]) => void) => {
     add: (defaultValue?: Partial<RecordType>, insertIndex?: number) => void;
+    addByKey: (defaultValue?: Partial<RecordType>, key?: number) => void;
     addMultiple: (list: number | Partial<RecordType>[], insetIn?: "prefix" | "suffix") => void;
     remove: (data: RecordType | RecordType[]) => void;
     removeByKey: (key: Key | Key[]) => void;

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

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

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

@@ -4,6 +4,7 @@ import { ApFormInternalInstance } from '../../ap-form';
 import { EditableAgGridProps } from '../editable/interface';
 export declare const useEditableFormItemApi: <RecordType>(props: EditableAgGridProps<RecordType>, formApi: ApFormInternalInstance | undefined, tableData: Ref<RecordType[]>, shadowName: string) => {
     add: (defaultValue?: Partial<RecordType>, insertIndex?: number) => void;
+    addByKey: (defaultValue?: Partial<RecordType>, key?: number) => void;
     addMultiple: (list: number | Partial<RecordType>[], insetIn?: "prefix" | "suffix") => void;
     remove: (data: RecordType | RecordType[]) => void;
     removeByKey: (key: Key | Key[]) => void;