@aplus-frontend/ui 7.19.8 → 7.20.1

package/es/src/ag-grid/components/tooltip/index.vue2.mjs

@@ -1,25 +1,25 @@
-import { defineComponent as p, ref as u, onMounted as m, withDirectives as d, openBlock as v, createElementBlock as f, normalizeClass as g, unref as h, toDisplayString as w, vShow as _ } from "vue";
+import { defineComponent as m, ref as u, onMounted as d, unref as l, withDirectives as f, openBlock as v, createElementBlock as g, normalizeClass as h, toDisplayString as w, vShow as _ } from "vue";
 import "../../../config-provider/index.mjs";
 import { useNamespace as x } from "../../../config-provider/hooks/use-namespace.mjs";
-const k = /* @__PURE__ */ p({
+const k = /* @__PURE__ */ m({
   __name: "index",
   props: {
     params: {}
   },
-  setup(l) {
-    const n = l, e = u(!1), { e: i } = x("ag-grid");
-    return m(() => {
-      const { rowIndex: o, column: t, gridWrapperRef: s, lineClamp: c } = n.params, r = s.value?.querySelector(
+  setup(n) {
+    const i = n, e = u(!1), { e: s } = x("ag-grid");
+    return d(() => {
+      const { rowIndex: o, column: t, gridWrapperRef: c, lineClamp: p } = i.params, r = l(c)?.querySelector(
         `div.ag-row[row-index="${o}"] .ag-cell[col-id="${t.colId}"] span.ag-cell-value`
       );
       if (!r) {
         e.value = !0;
         return;
       }
-      const a = c === 1 ? "Width" : "Height";
+      const a = p === 1 ? "Width" : "Height";
       e.value = r[`scroll${a}`] > r[`client${a}`];
-    }), (o, t) => d((v(), f("div", {
-      class: g(h(i)("tooltip"))
+    }), (o, t) => f((v(), g("div", {
+      class: h(l(s)("tooltip"))
     }, w(o.params.value), 3)), [
       [_, e.value]
     ]);

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

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

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

@@ -1,18 +1,18 @@
-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 { 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 { ApForm as f } from "../../ap-form/index.mjs";
 import "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
-import { useEditableApi as se } from "../hooks/use-editable-api.mjs";
-import { useGetEditableColumns as ie } from "../hooks/use-editable-columns.mjs";
+import { useEditableApi as de } from "../hooks/use-editable-api.mjs";
+import { useGetEditableColumns as ue } from "../hooks/use-editable-columns.mjs";
 import "../index.vue2.mjs";
-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({
+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({
   name: "EditableGrid",
   __name: "index",
   props: {
@@ -117,6 +117,7 @@ const Ke = /* @__PURE__ */ q({
       type: Boolean
     },
     onUpdate: {},
+    onModelUpdated: {},
     customRow: {},
     theme: {},
     emptyComponent: {},
@@ -142,126 +143,137 @@ const Ke = /* @__PURE__ */ q({
     }
   },
   emits: ["update:value"],
-  setup(C, {
-    expose: x,
-    emit: B
+  setup(x, {
+    expose: B,
+    emit: S
   }) {
-    const S = J(), a = C, {
-      b: T
-    } = pe("editable-aggrid"), F = de("editable-aggrid"), _ = B, i = h(), {
-      value: s,
+    const T = X(), t = x, {
+      b: F
+    } = ce("editable-aggrid"), _ = pe("editable-aggrid"), A = S, s = h(), {
+      value: i,
       updateValue: y
-    } = me(a, _), r = h(), K = c.useWatch(a.name, r);
-    Q(s, (e) => {
-      const o = f(e, a.rowKey);
-      le(o, l(K)) || r.value?.setFieldValue(a.name, o);
+    } = fe(t, A), l = h(), E = f.useWatch(t.name, l);
+    let d;
+    Y(i, (e) => {
+      const o = v(e, t.rowKey);
+      se(o, r(E)) || (d = () => {
+        l.value?.setFieldValue(t.name, o);
+      });
     }, {
       deep: !0
     });
-    const E = ce("valueTypeMap"), k = ie(a, E), {
-      add: A,
-      addMultiple: D,
-      remove: N,
-      removeByKey: j,
-      getRowData: I,
-      getRowsData: V,
-      getRowDataByKey: z,
+    const K = ye("valueTypeMap"), k = ue(t, K), {
+      add: D,
+      addMultiple: N,
+      remove: U,
+      removeByKey: I,
+      getRowData: j,
+      getRowsData: z,
+      getRowDataByKey: V,
       setRowData: H,
       setRowDataByKey: O,
-      clear: U,
-      refreshRowIds: d
-    } = se(a, r, s, y);
+      clear: G,
+      refreshRowIds: u
+    } = de(t, l, i, y);
     function L() {
-      const e = i.value?._internalGridApi;
-      if (!d.value?.length || !e)
+      if (t.onUpdate?.(), d && (d(), d = void 0), t.supressForceRowUpdate)
         return;
-      const o = d.value.map((t) => e.getRowNode(t)).filter((t) => !!t);
-      a.supressForceRowUpdate || e.refreshCells({
+      const e = s.value?._internalGridApi;
+      if (!u.value?.length || !e)
+        return;
+      const o = u.value.map((a) => e.getRowNode(a)).filter((a) => !!a);
+      e.refreshCells({
         rowNodes: o,
         force: !0
-      }), d.value = [];
+      }), u.value = [];
     }
     function P() {
-      r.value?.resetFields();
+      l.value?.resetFields();
     }
     function w(e) {
-      return e ? (v(e) ? e : [e]).map((t) => v(t) ? [a.name, ...t] : [a.name, t]) : void 0;
+      return e ? (b(e) ? e : [e]).map((a) => b(a) ? [t.name, ...a] : [t.name, a]) : void 0;
     }
     function g(e) {
       try {
-        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]);
+        const o = Object.keys(e), a = i.value.map((n) => me(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 G(e, o) {
-      const n = (await r.value?.validateFields(w(e), o))?.[a.name];
+    async function M(e, o) {
+      const n = (await l.value?.validateFields(w(e), o))?.[t.name];
       return g(n);
     }
     async function W(e, o) {
-      const n = (await r.value?.validateFieldsReturnTransformed(w(e), o))?.[a.name];
+      const n = (await l.value?.validateFieldsReturnTransformed(w(e), o))?.[t.name];
       return g(n);
     }
-    function M(e) {
+    function $(e) {
       y(e);
-      const o = f(e, a.rowKey);
-      r.value?.setFieldValue(a.name, o);
     }
     function R(e, o) {
-      const t = e === "end" ? s.value.length - 1 : e;
-      i.value?.scrollToRow(t, o);
+      const a = e === "end" ? i.value.length - 1 : e;
+      s.value?.scrollToRow(a, o);
+    }
+    function q(e, o) {
+      s.value?.scrollToColumn(e, o);
     }
-    function $(e, o) {
-      i.value?.scrollToColumn(e, o);
+    function J(e, o = !0) {
+      const a = Array.isArray(e) ? e : [e];
+      s.value?._internalGridApi?.refreshCells({
+        columns: a,
+        force: o
+      });
     }
-    return x({
+    return B({
       resetFields: P,
-      validateFields: G,
+      validateFields: M,
       validateFieldsReturnTransformed: W,
-      add: A,
-      addMultiple: D,
-      remove: N,
-      removeByKey: j,
-      getRowData: I,
-      getRowsData: V,
+      add: D,
+      addMultiple: N,
+      remove: U,
+      removeByKey: I,
+      getRowData: j,
+      getRowsData: z,
       setRowData: H,
-      clear: U,
-      setTableData: M,
+      clear: G,
+      setTableData: $,
       scrollTo: R,
       scrollToRow: R,
-      scrollToColumn: $,
-      table: i,
-      getRowDataByKey: z,
-      setRowDataByKey: O
-    }), (e, o) => (Y(), X(l(c), {
+      scrollToColumn: q,
+      table: s,
+      getRowDataByKey: V,
+      setRowDataByKey: O,
+      refreshColumns: J
+    }), (e, o) => (ee(), Z(r(f), {
       ref_key: "formRef",
-      ref: r,
+      ref: l,
       "initial-values": {
-        [a.name]: l(f)(l(s), a.rowKey)
+        [t.name]: r(v)(r(i), t.rowKey)
       },
       style: {
         height: "100%"
       }
     }, {
-      default: m(() => [b(l(c).FormItem, {
+      default: c(() => [C(r(f).FormItem, {
         name: e.name,
         "no-style": ""
       }, {
-        default: m(() => [b(fe, Z(l(re)(a, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue"]), {
+        default: c(() => [C(we, oe(r(ie)(t, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue", "onUpdate"]), {
           ref_key: "tableRef",
-          ref: i,
-          class: [l(T)(), l(F)],
+          ref: s,
+          class: [r(F)(), r(_)],
           size: "mini",
-          columns: l(k),
-          "data-source": l(s),
+          columns: r(k),
+          "data-source": r(i),
           "search-form": !1,
           onUpdate: L
-        }), ee({
+        }), ae({
           _: 2
-        }, [oe(S, (t, n) => ({
+        }, [te(T, (a, n) => ({
           name: n,
-          fn: m((u) => [ae(e.$slots, n, te(ne(u || {})))])
+          fn: c((p) => [ne(e.$slots, n, re(le(p || {})))])
         }))]), 1040, ["class", "columns", "data-source"])]),
         _: 3
       }, 8, ["name"])]),

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

@@ -104,6 +104,13 @@ export type EditableAgGridExpose<RecordType = any, ModelType = RecordType[]> = O
      * @returns
      */
     setRowDataByKey: (key: any, data: Partial<RecordType>, merge?: boolean) => void;
+    /**
+     * 刷新列单元格
+     * @param columnKey
+     * @param force 是否强制刷新，默认为 `true`
+     * @returns
+     */
+    refreshColumns: (columnKey: string | string[], force?: boolean) => void;
 };
 export type EditableAgGridFormItemExpose<RecordType = any, ModelType = RecordType[]> = Omit<EditableAgGridExpose<RecordType, ModelType>, 'resetFields' | 'validateFields' | 'validateFieldsReturnTransformed'> & {
     /**