@aplus-frontend/ui 7.19.0-beta.2 → 7.19.1

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

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

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

@@ -87,7 +87,21 @@ export type EditableAgGridExpose<RecordType = any, ModelType = RecordType[]> = O
     validateFieldsReturnTransformed: EditableTableExpose<ModelType, RecordType>['validateFields'];
     table: AgGridExpose;
 };
-export type EditableAgGridFormItemExpose<RecordType = any, ModelType = RecordType[]> = Omit<EditableAgGridExpose<RecordType, ModelType>, 'resetFields' | 'validateFields' | 'validateFieldsReturnTransformed'>;
+export type EditableAgGridFormItemExpose<RecordType = any, ModelType = RecordType[]> = Omit<EditableAgGridExpose<RecordType, ModelType>, 'resetFields' | 'validateFields' | 'validateFieldsReturnTransformed'> & {
+    /**
+     * 校验单元格
+     * @param rowId 行唯一标识
+     * @param field 字段
+     * @returns
+     */
+    validateCell: (rowId: any, field: NamePath) => any;
+    /**
+     * 校验列
+     * @param colKey 列唯一标识
+     * @returns
+     */
+    validateColumn: (colKey: string | number) => any;
+};
 export type EditableAgGridFormItemProps<RecordType = any> = Omit<EditableAgGridProps<RecordType>, 'name' | 'value' | 'onUpdate:value'> & {
     label?: string;
     /**