@aplus-frontend/ui 7.19.0-beta.1 → 7.19.0

package/es/src/ag-grid/context.mjs

@@ -1,5 +1,5 @@
 import { provide as r, inject as t, ref as n } from "vue";
-const o = Symbol("agGridExpandableKey"), i = Symbol("agGridSorterContextKey");
+const o = /* @__PURE__ */ Symbol("agGridExpandableKey"), i = /* @__PURE__ */ Symbol("agGridSorterContextKey");
 function d(e) {
   r(o, e);
 }

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

@@ -1,15 +1,13 @@
 import { Recordable } from '../../type';
 import { EditableAgGridFormItemExpose, EditableAgGridFormItemProps } from './interface';
-import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode, RendererNode, RendererElement } from 'vue';
+import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
 declare const _default: <RecordType extends Recordable = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & EditableAgGridFormItemProps<RecordType> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<EditableAgGridFormItemExpose<RecordType>>): void;
     attrs: any;
     slots: Readonly<Record<string, any>> & Record<string, any>;
     emit: {};
-}>) => VNode<RendererNode, RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

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: {
@@ -128,6 +128,7 @@ const Ne = /* @__PURE__ */ L({
     animateRows: {
       type: Boolean
     },
+    plugins: {},
     columns: {},
     defaultValue: {},
     onChange: {},
@@ -137,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/index.vue.d.ts

@@ -1,6 +1,6 @@
 import { Recordable } from '../../type';
 import { EditableAgGridExpose, EditableAgGridProps } from './interface';
-import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode, RendererNode, RendererElement } from 'vue';
+import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
 declare const _default: <RecordType extends Recordable = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:value"?: ((...args: any[]) => any) | undefined;
@@ -9,9 +9,7 @@ declare const _default: <RecordType extends Recordable = any>(__VLS_props: NonNu
     attrs: any;
     slots: Readonly<Record<string, any>> & Record<string, any>;
     emit: (event: "update:value", ...args: any[]) => void;
-}>) => VNode<RendererNode, RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

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

@@ -1,4 +1,4 @@
-import { defineComponent as M, useSlots as $, ref as h, watch as q, unref as l, createBlock as J, openBlock as Q, withCtx as p, createVNode as b, mergeProps as X, createSlots as Y, renderList as Z, renderSlot as ee, normalizeProps as oe, guardReactiveProps as ae } from "vue";
+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 { ApForm as c } from "../../ap-form/index.mjs";
 import "../../config-provider/index.mjs";
@@ -10,8 +10,8 @@ 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 me } from "../../config-provider/hooks/use-global-config.mjs";
-import pe from "../index.vue.mjs";
+import { useGlobalConfig as pe } from "../../config-provider/hooks/use-global-config.mjs";
+import me from "../index.vue.mjs";
 const Fe = /* @__PURE__ */ M({
   name: "EditableGrid",
   __name: "index",
@@ -125,6 +125,7 @@ const Fe = /* @__PURE__ */ M({
     animateRows: {
       type: Boolean
     },
+    plugins: {},
     columns: {},
     value: {},
     defaultValue: {},
@@ -153,7 +154,7 @@ const Fe = /* @__PURE__ */ M({
     }, {
       deep: !0
     });
-    const K = me("valueTypeMap"), k = re(a, K), {
+    const K = pe("valueTypeMap"), k = re(a, K), {
       add: A,
       addMultiple: N,
       remove: j,
@@ -183,7 +184,7 @@ const Fe = /* @__PURE__ */ M({
     function g(e) {
       try {
         const o = Object.keys(e), t = s.value.map((n) => ie(n, void 0, a.rowKey));
-        return o.sort((n, u) => t.findIndex((m) => String(m) === n) - t.findIndex((m) => String(m) === u)), o.map((n) => e[n]);
+        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;
       }
@@ -235,11 +236,11 @@ const Fe = /* @__PURE__ */ M({
         height: "100%"
       }
     }, {
-      default: p(() => [b(l(c).FormItem, {
+      default: m(() => [b(l(c).FormItem, {
         name: e.name,
         "no-style": ""
       }, {
-        default: p(() => [b(pe, X(l(ne)(a, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue"]), {
+        default: m(() => [b(me, X(l(ne)(a, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue"]), {
           ref_key: "tableRef",
           ref: i,
           class: [l(T)(), l(F)],
@@ -252,7 +253,7 @@ const Fe = /* @__PURE__ */ M({
           _: 2
         }, [Z(S, (t, n) => ({
           name: n,
-          fn: p((u) => [ee(e.$slots, n, oe(ae(u || {})))])
+          fn: m((u) => [ee(e.$slots, n, oe(ae(u || {})))])
         }))]), 1040, ["class", "columns", "data-source"])]),
         _: 3
       }, 8, ["name"])]),

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;
     /**

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

@@ -1,30 +1,38 @@
-import { ref as c, computed as s, watch as h } from "vue";
-import { getStringKey as d } from "../utils.mjs";
-const C = (o) => {
-  const t = c([]), u = c([]);
+import { ref as s, computed as c, 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 = []) {
     return n.filter((e) => !e.hideInTable).map((e) => {
       if (e.children?.length) {
-        const r = l(e.children);
-        return r?.length ? {
+        const t = l(e.children);
+        return t?.length ? {
           ...e,
-          children: r
+          children: t
         } : null;
       }
       return e;
     }).filter(Boolean);
   }
   function f(n) {
-    return t.value.find((e) => d(e.key) === n);
+    return r.value.find((e) => a(e.key) === n);
   }
-  const m = s(
-    () => t.value.map((n) => d(n.key)).filter(Boolean)
+  const m = c(
+    () => r.value.map((n) => a(n.key)).filter(Boolean)
   );
-  h(
+  async function d(n, e) {
+    return await C(
+      o.plugins,
+      n,
+      (t) => t.beforeColumnsChange?.bind(t),
+      e
+    );
+  }
+  y(
     () => o.columns,
-    () => {
-      const n = l(o.columns);
-      t.value = n, u.value = n, o.onShownColumnsChange?.(n);
+    async () => {
+      const n = l(o.columns), e = await d(n, r.value);
+      r.value = e, u.value = e, o.onShownColumnsChange?.(e);
     },
     {
       deep: !0,
@@ -34,27 +42,27 @@ const C = (o) => {
   function i(n) {
     for (const e of n)
       if (e.children) {
-        const r = i(e.children);
-        if (r)
-          return r;
+        const t = i(e.children);
+        if (t)
+          return t;
       } else if (e.defaultSortOrder) {
-        const r = e.field ?? e.dataIndex ?? e.key;
+        const t = e.field ?? e.dataIndex ?? e.key;
         return {
           colKey: e.key,
-          field: r,
+          field: t,
           order: e.defaultSortOrder
         };
       }
   }
-  const a = s(() => i(t.value));
+  const h = c(() => i(r.value));
   return {
-    columns: t,
+    columns: r,
     shownColumns: u,
     columnKeys: m,
     getTargetColumnByKey: f,
-    defaultSortOrder: a
+    defaultSortOrder: h
   };
 };
 export {
-  C as useColumns
+  w as useColumns
 };

package/es/src/ag-grid/hooks/use-pinned-row.mjs

@@ -16,7 +16,7 @@ const P = (r) => {
     };
   });
   return {
-    getRowPinnedCellClass: (o) => (n) => {
+    getRowPinnedCellClass: (o) => ((n) => {
       let t;
       const { cellClassName: e } = r.value || {};
       return !n.node.rowPinned || !e ? t = [o(n)] : t = [
@@ -28,7 +28,7 @@ const P = (r) => {
           n.rowIndex
         ) : e
       ], t.flat().filter(Boolean);
-    },
+    }),
     rowPinnedGridConfig: d
   };
 };

package/es/src/ag-grid/index.vue.d.ts

@@ -1,15 +1,13 @@
 import { Recordable } from '../type';
 import { AgGridExpose, AgGridProps, AgGridSlots } from './interface';
-import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode, RendererNode, RendererElement } from 'vue';
+import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
 declare const _default: <RecordType extends Recordable>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & AgGridProps<RecordType> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<AgGridExpose>): void;
     attrs: any;
     slots: Readonly<AgGridSlots<RecordType>> & AgGridSlots<RecordType>;
     emit: {};
-}>) => VNode<RendererNode, RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;