@aplus-frontend/ui 6.31.0 → 6.32.0

package/es/index.mjs

@@ -4,8 +4,8 @@ import p from "./src/version.mjs";
 import "./src/hooks/index.mjs";
 import { configProviderProps as A } from "./src/config-provider/config-provider-props.mjs";
 import { DEFAULT_NAMESPACE as n, DEFAULT_UIMODE as c, configProviderContextKey as F } from "./src/config-provider/constants.mjs";
-import { keysOf as T, provideGlobalConfig as g, useGlobalConfig as C } from "./src/config-provider/hooks/use-global-config.mjs";
-import { buildLocaleContext as S, buildTranslator as D, localeContextKey as G, translate as h, useLocale as P } from "./src/config-provider/hooks/use-locale.mjs";
+import { keysOf as T, provideGlobalConfig as g, useGlobalConfig as b } from "./src/config-provider/hooks/use-global-config.mjs";
+import { buildLocaleContext as S, buildTranslator as G, localeContextKey as D, translate as h, useLocale as P } from "./src/config-provider/hooks/use-locale.mjs";
 import { defaultNamespace as E, namespaceContextKey as L, useGetDerivedNamespace as M, useNamespace as N } from "./src/config-provider/hooks/use-namespace.mjs";
 import { ConfigProvider as y, globalConfigCached as w } from "./src/config-provider/config-provider.mjs";
 import { APConfigProvider as B } from "./src/config-provider/index.mjs";
@@ -27,9 +27,9 @@ import { default as Ae } from "./src/ap-form/list/index.vue.mjs";
 import { default as ne } from "./src/ap-form/search-form/index.vue.mjs";
 import { default as Fe } from "./src/ap-form/modal-form/index.vue.mjs";
 import { default as Te } from "./src/ap-form/dependency/index.vue.mjs";
-import { default as Ce } from "./src/ap-form/set/index.vue.mjs";
+import { default as be } from "./src/ap-form/set/index.vue.mjs";
 import { default as Se } from "./src/ap-form/drawer-form/index.vue.mjs";
-import { default as Ge } from "./src/ap-form/render/control.vue.mjs";
+import { default as De } from "./src/ap-form/render/control.vue.mjs";
 import { default as Pe } from "./src/ap-form/render/item.vue.mjs";
 import { default as Ee } from "./src/ap-form/provider/index.vue.mjs";
 import { ApField as Me, ApFieldRead as Ne } from "./src/ap-field/index.mjs";
@@ -53,8 +53,8 @@ import { default as io } from "./src/ap-action/item-modal/index.vue.mjs";
 import { default as co } from "./src/ap-action/item-popconfirm/index.vue.mjs";
 import { default as Io } from "./src/ap-action/item-dropdown/index.vue.mjs";
 import { default as go } from "./src/ap-action/group/index.vue.mjs";
-import { DictCode as bo, langMap as So } from "./src/work-order-modal/interfaces.mjs";
-import { createWorkOrderModal as Go } from "./src/work-order-modal/createWorkOrder.mjs";
+import { DictCode as Co, langMap as So } from "./src/work-order-modal/interfaces.mjs";
+import { createWorkOrderModal as Do } from "./src/work-order-modal/createWorkOrder.mjs";
 import { default as Po } from "./src/work-order-modal/work-order-modal.vue.mjs";
 import { default as Eo } from "./src/ap-tag/ap-tag.vue.mjs";
 import { default as Mo } from "./src/ap-tag/ap-tag-group.vue.mjs";
@@ -79,8 +79,8 @@ import { ApAttachment as ir } from "./src/business/ap-attachment/index.mjs";
 import { ApBatchAction as cr } from "./src/business/ap-batch-action/index.mjs";
 import { ApBatchActionGroup as Ir } from "./src/business/ap-batch-action-group/index.mjs";
 import { ApButtonGroup as gr } from "./src/business/ap-button-group/index.mjs";
-import { ApCard as br } from "./src/business/ap-card/index.mjs";
-import { ApExpandAlert as Dr } from "./src/business/ap-expand-alert/index.mjs";
+import { ApCard as Cr } from "./src/business/ap-card/index.mjs";
+import { ApExpandAlert as Gr } from "./src/business/ap-expand-alert/index.mjs";
 import { ApExportGroupActionType as hr } from "./src/business/ap-export-group/interface.mjs";
 import { ApExportGroup as Rr } from "./src/business/ap-export-group/index.mjs";
 import { handleExportDownload as Lr } from "./src/business/ap-export-group/handleExportDownload.mjs";
@@ -103,9 +103,9 @@ import { ApSummary as At } from "./src/business/ap-summary/index.mjs";
 import { ApNeedNameKeyDefault as nt } from "./src/business/ap-appendix/interface.mjs";
 import { ApAppendix as Ft } from "./src/business/ap-appendix/index.mjs";
 import { default as Tt } from "./src/business/ap-upload-file/ap-upload-single/ap-upload-single.vue.mjs";
-import { default as Ct } from "./src/business/batch-input-group/index.vue.mjs";
+import { default as bt } from "./src/business/batch-input-group/index.vue.mjs";
 import { default as St } from "./src/business/batch-input-group/form-item.vue.mjs";
-import { ApSizeInput as Gt } from "./src/business/ap-size-input/index.mjs";
+import { ApSizeInput as Dt } from "./src/business/ap-size-input/index.mjs";
 import { ApProductInfo as Pt } from "./src/business/ap-product-info/index.mjs";
 import { ApCopy as Et } from "./src/business/ap-copy/index.mjs";
 import { ApView as Mt } from "./src/business/ap-view/index.mjs";
@@ -130,8 +130,8 @@ import { default as ip } from "./src/portal/index.vue.mjs";
 import { default as cp } from "./src/full-screen/index.vue.mjs";
 import { default as Ip } from "./src/resize-observer/index.vue.mjs";
 import { ROW_SELECTION_FIELD as gp } from "./src/ap-grid/constants.mjs";
-import { toTreeArray as bp } from "./src/ap-grid/utils/to-tree-array.mjs";
-import { default as Dp } from "./src/ap-grid/index.vue.mjs";
+import { toTreeArray as Cp } from "./src/ap-grid/utils/to-tree-array.mjs";
+import { default as Gp } from "./src/ap-grid/index.vue.mjs";
 import { default as hp } from "./src/ap-grid/editable/index.vue.mjs";
 import { default as Rp } from "./src/ap-grid/editable/form-item.vue.mjs";
 import { default as Lp } from "./src/text/index.vue.mjs";
@@ -139,12 +139,13 @@ import { default as Np } from "./src/text/group.vue.mjs";
 import { default as yp } from "./src/mask/index.vue.mjs";
 import { Splitter as kp } from "./src/splitter/index.mjs";
 import { default as Kp } from "./src/ag-grid/index.vue.mjs";
-import { useMessage as Up } from "./src/hooks/useMessage.mjs";
-import { useControllableValue as _p } from "./src/hooks/useControllableValue.mjs";
-import { useManualRef as Wp } from "./src/hooks/useManualRef.mjs";
-import { useThrottleRef as jp } from "./src/hooks/useThrottleRef.mjs";
-import { useFullScreen as qp } from "./src/hooks/useFullScreen.mjs";
-import { useResize as Qp } from "./src/hooks/useResize.mjs";
+import { default as Up } from "./src/ag-grid/editable/index.vue.mjs";
+import { useMessage as _p } from "./src/hooks/useMessage.mjs";
+import { useControllableValue as Wp } from "./src/hooks/useControllableValue.mjs";
+import { useManualRef as jp } from "./src/hooks/useManualRef.mjs";
+import { useThrottleRef as qp } from "./src/hooks/useThrottleRef.mjs";
+import { useFullScreen as Qp } from "./src/hooks/useFullScreen.mjs";
+import { useResize as Yp } from "./src/hooks/useResize.mjs";
 const a = console.log;
 a(`APlus-UI version ${p}`);
 const l = {
@@ -170,7 +171,7 @@ export {
   Ir as ApBatchActionGroup,
   Jo as ApButton,
   gr as ApButtonGroup,
-  br as ApCard,
+  Cr as ApCard,
   Zo as ApConfirmButton,
   Et as ApCopy,
   pp as ApDescriptions,
@@ -178,7 +179,7 @@ export {
   Oo as ApDownload,
   jt as ApDraggableGrid,
   or as ApDrawer,
-  Dr as ApExpandAlert,
+  Gr as ApExpandAlert,
   Rr as ApExportGroup,
   hr as ApExportGroupActionType,
   Me as ApField,
@@ -198,7 +199,7 @@ export {
   je as ApFieldTextArea,
   fo as ApFieldTreeSelect,
   me as ApForm,
-  Ge as ApFormControlRender,
+  De as ApFormControlRender,
   Te as ApFormDependency,
   Se as ApFormDrawerForm,
   xe as ApFormItem,
@@ -220,8 +221,8 @@ export {
   Fe as ApFormModalForm,
   Ee as ApFormProvider,
   ne as ApFormSearchForm,
-  Ce as ApFormSet,
-  Dp as ApGrid,
+  be as ApFormSet,
+  Gp as ApGrid,
   yr as ApImage,
   kr as ApInputRadio,
   Kt as ApKeepAlive,
@@ -236,7 +237,7 @@ export {
   Pt as ApProductInfo,
   vt as ApRadioGroup,
   $r as ApSelectLayout,
-  Gt as ApSizeInput,
+  Dt as ApSizeInput,
   pr as ApStatisticCard,
   Hr as ApStatus,
   qr as ApStatusGroup,
@@ -253,13 +254,14 @@ export {
   Tt as ApUploadSingle,
   qt as ApValueSelectCard,
   Mt as ApView,
-  Ct as BatchInputGroup,
+  bt as BatchInputGroup,
   Vo as CheckCard,
   zo as CheckCardGroup,
   y as ConfigProvider,
   n as DEFAULT_NAMESPACE,
   c as DEFAULT_UIMODE,
-  bo as DictCode,
+  Co as DictCode,
+  Up as EditableAgGrid,
   hp as EditableGrid,
   Rp as EditableGridFormItem,
   ep as EditableTable,
@@ -279,12 +281,12 @@ export {
   lo as adminToken,
   xo as aplusToken,
   S as buildLocaleContext,
-  D as buildTranslator,
+  G as buildTranslator,
   lt as computedRecords,
   F as configProviderContextKey,
   A as configProviderProps,
   Nr as convertExportField,
-  Go as createWorkOrderModal,
+  Do as createWorkOrderModal,
   l as default,
   E as defaultNamespace,
   fp as ensureRangeValue,
@@ -297,30 +299,30 @@ export {
   Wt as isNameMatches,
   T as keysOf,
   So as langMap,
-  G as localeContextKey,
+  D as localeContextKey,
   Vr as locales,
   L as namespaceContextKey,
   s as pathMap,
   g as provideGlobalConfig,
-  bp as toTreeArray,
+  Cp as toTreeArray,
   h as translate,
   _t as useApKeepAliveInject,
-  _p as useControllableValue,
-  qp as useFullScreen,
+  Wp as useControllableValue,
+  Qp as useFullScreen,
   M as useGetDerivedNamespace,
-  C as useGlobalConfig,
+  b as useGlobalConfig,
   pt as useGridRefresh,
   P as useLocale,
-  Wp as useManualRef,
-  Up as useMessage,
+  jp as useManualRef,
+  _p as useMessage,
   N as useNamespace,
   ft as usePageListAgGrid,
   rt as usePageListApGrid,
   Yr as usePageListApTable,
-  Qp as useResize,
+  Yp as useResize,
   dr as useTableModal,
   Qt as useTablePaging,
   et as useTableRefresh,
   ur as useTableSelectModal,
-  jp as useThrottleRef
+  qp as useThrottleRef
 };

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

@@ -1,28 +1,30 @@
-import { defineComponent as a, createBlock as r, openBlock as n, resolveDynamicComponent as o, unref as m } from "vue";
+import { defineComponent as e, createBlock as r, openBlock as n, resolveDynamicComponent as o, unref as m } from "vue";
 import { contentCustom as p } from "../../../ap-grid/utils/col.mjs";
-const t = /* @__PURE__ */ a({
+const i = /* @__PURE__ */ e({
   __name: "index",
   props: {
     params: {}
   },
   setup(s) {
-    return (e, u) => (n(), r(o(
+    return (a, d) => (n(), r(o(
       m(p)(
         {
-          value: e.params.value,
-          text: e.params.value,
-          record: e.params.data,
-          column: e.params.column,
-          rowIndex: e.params.node.rowIndex,
-          pinned: e.params.node.rowPinned
+          value: a.params.value,
+          text: a.params.value,
+          record: a.params.data,
+          column: a.params.column,
+          rowIndex: a.params.node.rowIndex,
+          index: a.params.node.rowIndex,
+          pinned: a.params.node.rowPinned,
+          params: a.params
         },
-        e.params.column,
-        e.params.extraValueType,
+        a.params.column,
+        a.params.extraValueType,
         !1
       )
     )));
   }
 });
 export {
-  t as default
+  i as default
 };

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

@@ -0,0 +1,18 @@
+import { EditableAgGridExpose, EditableAgGridProps } from './interface';
+import { Recordable } from '../../type';
+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;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onUpdate:value"> & EditableAgGridProps<RecordType> & Partial<{}>> & PublicProps;
+    expose(exposed: ShallowUnwrapRef<EditableAgGridExpose>): void;
+    attrs: any;
+    slots: Readonly<Record<string, any>> & Record<string, any>;
+    emit: (event: "update:value", ...args: any[]) => void;
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,233 @@
+import { defineComponent as G, useSlots as H, ref as f, watch as O, unref as n, createBlock as U, openBlock as W, withCtx as d, createVNode as y, mergeProps as M, createSlots as $, renderList as q, renderSlot as J, normalizeProps as Q, guardReactiveProps as X } from "vue";
+import { ApForm as u } from "../../ap-form/index.mjs";
+import { isEqual as Y, isArray as w, omit as Z } from "lodash-unified";
+import "../../config-provider/index.mjs";
+import "../../hooks/index.mjs";
+import { useGetEditableColumns as ee } from "../hooks/use-editable-columns.mjs";
+import "../index.vue2.mjs";
+import { useEditableApi as oe } from "../hooks/use-editable-api.mjs";
+import { arrayToObject as p } from "./utils.mjs";
+import { useNamespace as ae } from "../../config-provider/hooks/use-namespace.mjs";
+import { useControllableValue as te } from "../../hooks/useControllableValue.mjs";
+import { useGlobalConfig as ne } from "../../config-provider/hooks/use-global-config.mjs";
+import le from "../index.vue.mjs";
+const be = /* @__PURE__ */ G({
+  name: "EditableGrid",
+  __name: "index",
+  props: {
+    dropdownPrefixCls: {},
+    bordered: {
+      type: Boolean
+    },
+    locale: {},
+    onResizeColumn: {},
+    getPopupContainer: {},
+    scroll: {},
+    sortDirections: {},
+    showSorterTooltip: {
+      type: [Boolean, Object]
+    },
+    prefixCls: {},
+    rowKey: {
+      type: [String, Function],
+      default: "key"
+    },
+    tableLayout: {},
+    title: {},
+    id: {},
+    showHeader: {
+      type: Boolean
+    },
+    components: {},
+    customRow: {},
+    customHeaderRow: {},
+    direction: {},
+    expandFixed: {
+      type: [String, Boolean]
+    },
+    expandColumnWidth: {},
+    expandedRowKeys: {},
+    defaultExpandedRowKeys: {},
+    expandedRowRender: {},
+    expandRowByClick: {
+      type: Boolean
+    },
+    expandIcon: {},
+    onExpand: {},
+    onExpandedRowsChange: {},
+    defaultExpandAllRows: {
+      type: Boolean
+    },
+    indentSize: {},
+    expandIconColumnIndex: {},
+    showExpandColumn: {
+      type: Boolean
+    },
+    expandedRowClassName: {},
+    childrenColumnName: {},
+    rowExpandable: {},
+    transformCellText: {},
+    rowSelection: {
+      type: Boolean
+    },
+    onLoadingChange: {},
+    onShownColumnsChange: {},
+    pagination: {
+      type: [Boolean, Object],
+      default: !1
+    },
+    searchFormWrapperStyle: {},
+    tableWrapperStyle: {},
+    wrapperStyle: {},
+    tableStyle: {},
+    adaptive: {
+      type: Boolean
+    },
+    columnResizable: {
+      type: Boolean,
+      default: !1
+    },
+    loading: {
+      type: Boolean,
+      default: void 0
+    },
+    summary: {},
+    rowHeight: {
+      default: 66
+    },
+    advanceRenderer: {
+      type: Boolean
+    },
+    browserTooltips: {
+      type: Boolean
+    },
+    virtual: {
+      type: [Boolean, Object],
+      default: void 0
+    },
+    onRowClicked: {},
+    onScrollEnd: {},
+    rowClassName: {},
+    rowClassRules: {},
+    autoHeight: {
+      type: Boolean
+    },
+    onUpdate: {},
+    columns: {},
+    value: {},
+    defaultValue: {},
+    "onUpdate:value": {},
+    onChange: {},
+    maxLength: {},
+    name: {
+      default: "ap-editable-table-inner-name"
+    },
+    onFieldChange: {}
+  },
+  emits: ["update:value"],
+  setup(g, {
+    expose: h,
+    emit: b
+  }) {
+    const v = H(), o = g, {
+      b: C
+    } = ae("editable-aggrid"), R = b, s = f(), {
+      value: r,
+      updateValue: m
+    } = te(o, R), l = f(), x = u.useWatch(o.name, l);
+    O(r, (e) => {
+      const a = p(e, o.rowKey);
+      Y(a, n(x)) || l.value?.setFieldValue(o.name, a);
+    }, {
+      deep: !0
+    });
+    const B = ne("valueTypeMap"), S = ee(o, B), {
+      add: _,
+      addMultiple: F,
+      remove: E,
+      removeByKey: T,
+      getRowData: N,
+      getRowsData: A,
+      setRowData: V,
+      clear: k,
+      refreshRowIds: i
+    } = oe(o, l, r, m);
+    function D() {
+      const e = s.value?._internalGridApi;
+      if (!i.value?.length || !e)
+        return;
+      const a = i.value.map((t) => e.getRowNode(t)).filter((t) => !!t);
+      e.refreshCells({
+        rowNodes: a,
+        force: !0
+      }), i.value = [];
+    }
+    function K() {
+      l.value?.resetFields();
+    }
+    function j(e) {
+      return e ? (w(e) ? e : [e]).map((t) => w(t) ? [o.name, ...t] : [o.name, t]) : void 0;
+    }
+    async function z(e, a) {
+      return (await l.value?.validateFields(j(e), a))?.[o.name];
+    }
+    function I(e) {
+      m(e);
+      const a = p(e, o.rowKey);
+      l.value?.setFieldValue(o.name, a);
+    }
+    function L(e) {
+      const a = e === "end" ? r.value.length - 1 : e;
+      s.value?.scrollToRow(a);
+    }
+    return h({
+      resetFields: K,
+      validateFields: z,
+      add: _,
+      addMultiple: F,
+      remove: E,
+      removeByKey: T,
+      getRowData: N,
+      getRowsData: A,
+      setRowData: V,
+      clear: k,
+      setTableData: I,
+      scrollTo: L
+    }), (e, a) => (W(), U(n(u), {
+      ref_key: "formRef",
+      ref: l,
+      "initial-values": {
+        [o.name]: n(p)(n(r), o.rowKey)
+      },
+      style: {
+        height: "100%"
+      }
+    }, {
+      default: d(() => [y(n(u).FormItem, {
+        name: e.name,
+        "no-style": ""
+      }, {
+        default: d(() => [y(le, M(n(Z)(o, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue"]), {
+          ref_key: "tableRef",
+          ref: s,
+          class: n(C)(),
+          size: "mini",
+          columns: n(S),
+          "data-source": n(r),
+          "search-form": !1,
+          onUpdate: D
+        }), $({
+          _: 2
+        }, [q(v, (t, c) => ({
+          name: c,
+          fn: d((P) => [J(e.$slots, c, Q(X(P || {})))])
+        }))]), 1040, ["class", "columns", "data-source"])]),
+        _: 3
+      }, 8, ["name"])]),
+      _: 3
+    }, 8, ["initial-values"]));
+  }
+});
+export {
+  be as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};

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

@@ -0,0 +1,96 @@
+import { Recordable } from '../../type';
+import { ApTableValueFields, ApTableValueTypes, CommonFieldReturnType, FieldPropsType } from '../../ap-table/interface';
+import { AgGridColumnType, AgGridProps } from '../interface';
+import { VNode } from 'vue';
+import { DataIndex } from '@aplus-frontend/antdv/es/vc-table/interface';
+import { EditableTableExpose } from '../../editable-table';
+import { NamePath } from '@aplus-frontend/antdv/es/form/interface';
+import { ApFormItemProps } from '../../ap-form';
+export type EditableAgGridColumnType<RecordType = any, ExtraValueType = 'text', ValueType extends ApTableValueTypes = ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType = ExtraValueType | ValueType> = MergedValueType extends ExtraValueType | ValueType ? Omit<AgGridColumnType<RecordType, ExtraValueType, ValueType>, 'children' | 'customRender' | 'hideInSearch' | 'customRenderFormItem' | 'fieldProps'> & {
+    children?: EditableAgGridColumnType<RecordType, ExtraValueType, ValueType>[];
+    /**
+     * 是否可编辑
+     */
+    editable?: boolean | ((text: any, record: RecordType, index: number) => boolean);
+    /**
+     * 自定义表单，适用于内置`valueType`不满足的情况下使用
+     */
+    customRenderFormItem?: (config: EditableAgGridColumnType<RecordType>, fieldProps: Recordable, editable: boolean, record: RecordType) => any;
+    /**
+     * 指定值类型（将会用于普通列和可编辑表格的渲染）
+     */
+    valueType?: MergedValueType;
+    /**
+     * 值类型额外配置的参数（支持函数）
+     */
+    fieldProps?: FieldPropsType<Extract<MergedValueType, ValueType> extends never ? CommonFieldReturnType : ApTableValueFields[Extract<MergedValueType, ValueType>], RecordType, ExtraValueType, ValueType, MergedValueType>;
+    /**
+     * 自定义渲染，添加了`editable`以及`originalNode`
+     * @param opt
+     * @returns
+     */
+    customRender?: (opt: {
+        value: any;
+        text: any;
+        record: RecordType;
+        index: number;
+        renderIndex: number;
+        column: AgGridColumnType<RecordType>;
+        editable?: boolean;
+        originalNode?: VNode;
+    }) => any;
+    /**
+     * 是否渲染必填标记（只渲染标记不生成校验规则）
+     */
+    markRequired?: boolean;
+} : never;
+export type EditableAgGridProps<RecordType = any> = Omit<AgGridProps<RecordType>, 'columns' | 'dataSource' | 'onChange' | 'card' | 'request' | 'params' | 'defaultData' | 'searchForm' | 'beforeSearchSubmit' | 'manual' | 'size'> & {
+    /**
+     * 列配置
+     */
+    columns?: EditableAgGridColumnType<RecordType, any>[];
+    /**
+     * 表格数据v-model
+     */
+    value?: RecordType[];
+    /**
+     * 表格数据默认值（只生效一次，如果是异步数据，请使用`v-model`）
+     */
+    defaultValue?: RecordType[];
+    'onUpdate:value'?: (value: RecordType[]) => void;
+    /**
+     * 数据修改时触发onChange（也包含数据的删除）
+     * @param value
+     * @returns
+     */
+    onChange?: (value: RecordType[]) => void;
+    /**
+     * 表格最大行数，超过行后将无法调用相关API新增
+     */
+    maxLength?: number;
+    /**
+     * 设置可编辑表格的名字，如果不传，将会使用默认值
+     */
+    name?: any;
+    /**
+     * 当字段值变更的时候触发（注意，向表单设置值并不会触发）
+     * @returns
+     */
+    onFieldChange?: (rowIndex: number, fieldName: DataIndex, newValue: any) => void;
+};
+export type EditableAgGridExpose<RecordType = any, ModelType = RecordType[]> = Omit<EditableTableExpose<ModelType, RecordType>, 'scrollTo' | 'remove'> & {
+    scrollTo: (index: number | 'end') => void;
+    remove: (data: RecordType | RecordType[]) => void;
+};
+export type EditableAgGridFormItemExpose<RecordType = any, ModelType = RecordType[]> = Omit<EditableAgGridExpose<RecordType, ModelType>, 'resetFields' | 'validateFields'>;
+export type EditableAgGridFormItemProps<RecordType = any> = Omit<EditableAgGridProps<RecordType>, 'name' | 'value' | 'onUpdate:value'> & {
+    label?: string;
+    /**
+     * FormItem的name
+     */
+    name: NamePath;
+    /**
+     * 额外的表单项配置属性
+     */
+    formItem?: Partial<Omit<ApFormItemProps, 'name' | 'label'>>;
+};

package/es/src/ag-grid/editable/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/ag-grid/editable/style/css.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui/theme/ag-grid/editable.css';

package/es/src/ag-grid/editable/style/index.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui/theme/ag-grid/editable.less';

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

@@ -0,0 +1,5 @@
+import { Recordable } from '../../type';
+import { AgGridProps } from '../interface';
+export declare function getRowKey(record: any, index: number | undefined, rowKey: AgGridProps['rowKey']): any;
+export declare function arrayToObject(array: any[], rowKey: AgGridProps['rowKey']): Recordable;
+export declare function updateArrItem(arr: any[], rowKey: AgGridProps['rowKey'], obj: Recordable): any[];

package/es/src/ag-grid/editable/utils.mjs

@@ -0,0 +1,23 @@
+import { isString as a } from "lodash-unified";
+function c(r, n, t) {
+  if (t)
+    return a(t) ? r[t] : t(r, n);
+}
+function s(r, n) {
+  const t = {};
+  return r.forEach((e, u) => {
+    const o = c(e, u, n);
+    t[o] = e;
+  }), t;
+}
+function g(r, n, t) {
+  return r.map((e, u) => {
+    const o = c(e, u, n);
+    return t[o] ?? e;
+  });
+}
+export {
+  s as arrayToObject,
+  c as getRowKey,
+  g as updateArrItem
+};

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

@@ -0,0 +1,15 @@
+import { Ref, ShallowRef } from 'vue';
+import { ApFormInternalInstance, ApFormExpose } from '../../ap-form';
+import { EditableAgGridProps } from '../editable/interface';
+import { Key } from '@aplus-frontend/antdv/es/_util/type';
+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;
+    addMultiple: (list: number | Partial<RecordType>[], insetIn?: "prefix" | "suffix") => void;
+    remove: (data: RecordType | RecordType[]) => void;
+    removeByKey: (key: Key | Key[]) => void;
+    getRowData: (index: number) => RecordType;
+    getRowsData: () => RecordType[];
+    setRowData: (index: string | number, payload: any, merge?: boolean) => void;
+    clear: () => void;
+    refreshRowIds: ShallowRef<string[], string[]>;
+};