@aplus-frontend/ui 7.10.0 → 7.10.1

package/es/src/ap-form/search-form/index.vue.mjs

@@ -1,20 +1,20 @@
 import { isVNode as ie, defineComponent as ce, useSlots as ue, ref as pe, shallowRef as w, computed as R, unref as a, watch as M, createVNode as o, Fragment as _, createBlock as x, openBlock as p, mergeProps as de, withCtx as I, resolveDynamicComponent as T, createElementBlock as fe, renderList as me, normalizeStyle as he } from "vue";
 import { Col as b, Flex as k, Button as q, Row as ge } from "@aplus-frontend/antdv";
-import "../ap-form.vue.mjs";
-import "../item/index.vue2.mjs";
-import { genRealChildren as H } from "../item-group/helper.mjs";
-import "../../config-provider/index.mjs";
 import { isArray as xe, isBoolean as ye, omit as ve } from "lodash-unified";
+import { floorWith as H } from "../../utils/format.mjs";
+import { useDevWarning as Se } from "../../utils/warning.mjs";
+import "../../config-provider/index.mjs";
 import "../../utils/index.mjs";
-import { execFunc as G, diffFormItem as Se } from "./utils.mjs";
+import "../ap-form.vue.mjs";
+import "../item/index.vue2.mjs";
+import { genRealChildren as G } from "../item-group/helper.mjs";
+import Ce from "../style/search-form.mjs";
 import "./components/popover-filter.vue.mjs";
-import { useCountPerRow as Ce } from "./hooks/use-count-per-row.mjs";
 import "./components/popover-sorter/index.vue.mjs";
-import { useSorter as we } from "./hooks/use-sorter.mjs";
-import { getTargetNode as Re } from "./hooks/use-collapse-input-count.mjs";
-import { useDevWarning as _e } from "../../utils/warning.mjs";
-import be from "../style/search-form.mjs";
-import { floorWith as J } from "../../utils/format.mjs";
+import { getTargetNode as we } from "./hooks/use-collapse-input-count.mjs";
+import { useCountPerRow as Re } from "./hooks/use-count-per-row.mjs";
+import { useSorter as _e } from "./hooks/use-sorter.mjs";
+import { execFunc as J, diffFormItem as be } from "./utils.mjs";
 import { useNamespace as Fe } from "../../config-provider/hooks/use-namespace.mjs";
 import { useLocale as Ae } from "../../config-provider/hooks/use-locale.mjs";
 import { isDef as K } from "../../utils/is.mjs";
@@ -126,40 +126,40 @@ const r = 100, nt = /* @__PURE__ */ ce({
     expose: X
   }) {
     const y = ue(), t = d;
-    _e("SearchForm").deprecated(typeof t.resizeTarget < "u", "resizeTarget", "resize.target");
-    const Y = be("ap-form-search-form"), {
+    Se("SearchForm").deprecated(typeof t.resizeTarget < "u", "resizeTarget", "resize.target");
+    const Y = Ce("ap-form-search-form"), {
       b: f
     } = Fe("ap-form-search-form"), {
       t: P
-    } = Ae(), v = pe(), E = w(), Z = Ce(t, E), W = w();
+    } = Ae(), v = pe(), E = w(), Z = Re(t, E), W = w();
     function z() {
       const e = v.value?.getFieldsValueTransformed(!0);
-      G(t.onSubmit, e);
+      J(t.onSubmit, e);
     }
     function ee() {
-      t.customReset || v.value?.resetFields?.(), G(t.onReset);
+      t.customReset || v.value?.resetFields?.(), J(t.onReset);
     }
     const te = (e) => K(e) ? (xe(e) ? e : [e]).join("") : Date.now();
     let O = [];
-    const m = w(H(y.default())), c = w(y.extra?.()), L = R(() => J(r / a(Z), 4)), {
+    const m = w(G(y.default())), c = w(y.extra?.()), L = R(() => H(r / a(Z), 4)), {
       items: F,
       sorted: $,
       handleClickConfirm: A
-    } = we(m);
+    } = _e(m);
     M(() => y.default(), (e) => {
-      O = m.value, m.value = Se(O, H(e)), $.value = !1;
+      O = m.value, m.value = be(O, G(e)), $.value = !1;
     }), M(() => y.extra?.(), (e) => {
       c.value = e;
     });
     function oe(e) {
-      return J(e * (r / 24), 4);
+      return H(e * (r / 24), 4);
     }
     const n = R(() => {
       const e = m.value, u = [], l = [], g = [], s = a(L);
       let S = 0, N = 0;
       const le = r * t.maxRows - s * (a(c) && !t.extraInAction ? 2 : 1);
       e.forEach((B) => {
-        const D = Re(B);
+        const D = we(B);
         if (!D)
           return;
         const i = D.props;

package/es/src/ap-form/search-form/utils.mjs

@@ -1,5 +1,5 @@
-import { cloneVNode as l } from "vue";
 import { isArray as a, isFunction as p } from "lodash-unified";
+import { cloneVNode as l } from "vue";
 function x(n, r) {
   const t = u(n), o = u(r);
   return r.map((e) => {

package/es/src/ap-form/set/index.vue.mjs

@@ -1,7 +1,7 @@
 import { defineComponent as c, useSlots as u, cloneVNode as p, onMounted as f, createElementBlock as d, openBlock as o, Fragment as V, renderList as _, createBlock as y, resolveDynamicComponent as C } from "vue";
-import { useInjectForm as F } from "../context.mjs";
-import { isFunction as k, cloneDeep as g } from "lodash-unified";
-import { isPromise as h } from "../../utils/is.mjs";
+import { isFunction as F, cloneDeep as k } from "lodash-unified";
+import { isPromise as g } from "../../utils/is.mjs";
+import { useInjectForm as h } from "../context.mjs";
 const I = /* @__PURE__ */ c({
   name: "ApFormSet",
   __name: "index",
@@ -12,15 +12,15 @@ const I = /* @__PURE__ */ c({
     transform: {}
   },
   setup(i) {
-    const { internalInstance: l } = F(), s = u(), e = i, m = () => (s.default?.() || []).map((r, t) => {
+    const { internalInstance: l } = h(), s = u(), e = i, m = () => (s.default?.() || []).map((r, t) => {
       const a = e.as === "array" ? [e.name, t] : [e.name, r.props?.name || ""];
       return p(r, { name: a });
     });
     return f(async () => {
-      let n = k(e.initialValue) ? e.initialValue() : e.initialValue;
-      h(n) && (n = await n), l?.registerField({
+      let n = F(e.initialValue) ? e.initialValue() : e.initialValue;
+      g(n) && (n = await n), l?.registerField({
         name: e.name,
-        initialValue: g(n),
+        initialValue: k(n),
         transform: e.transform
       });
     }), (n, r) => (o(!0), d(V, null, _(m(), (t, a) => (o(), y(C(t), { key: a }))), 128));

package/es/src/ap-form/style/item-text-group.mjs

@@ -1,5 +1,5 @@
-import { genComponentStyleHook as r } from "../../utils/cssinjs/index.mjs";
-const n = (t) => ({
+import { genComponentStyleHook as n } from "../../utils/cssinjs/index.mjs";
+const o = (t) => ({
   [t.componentCls]: {
     "&-compact": {
       ".ant-select": {
@@ -27,34 +27,19 @@ const n = (t) => ({
         }
       },
       ".ant-form-item:first-child": {
-        ".ant-form-item-control-input-content > :first-child, .ant-select-selector": {
-          borderStartEndRadius: 0,
-          borderEndEndRadius: 0
-        },
-        ".ant-form-item-control-input-content > .ant-input-group > :last-child, .ant-select-selector": {
+        ".ant-select-selector,\n            .ant-form-item-control-input-content > :first-child,\n            .ant-form-item-control-input-content .ant-input-group > :last-child,\n            .ant-form-item-control-input-content .ant-input-number-group > :last-child": {
           borderStartEndRadius: 0,
           borderEndEndRadius: 0
         }
       },
       ".ant-form-item:last-child": {
-        ".ant-form-item-control-input-content > :first-child, .ant-select-selector": {
-          borderStartStartRadius: 0,
-          borderEndStartRadius: 0
-        },
-        ".ant-form-item-control-input-content > .ant-input-group > :first-child, .ant-select-selector": {
-          borderStartStartRadius: 0,
-          borderEndStartRadius: 0
-        },
-        ".ant-form-item-control-input-content .ant-input-group > :first-child, .ant-select-selector": {
+        ".ant-select-selector,\n          .ant-form-item-control-input-content > :first-child,\n          .ant-form-item-control-input-content .ant-input-group > :first-child,\n          .ant-form-item-control-input-content .ant-input-number-group > :first-child": {
           borderStartStartRadius: 0,
           borderEndStartRadius: 0
         }
       },
       ".ant-form-item:not(:first-child):not(:last-child)": {
-        ".ant-form-item-control-input-content > :first-child, .ant-select-selector": {
-          borderRadius: 0
-        },
-        ".ant-form-item-control-input-content > .ant-input-group > *, .ant-select-selector": {
+        ".ant-select-selector,\n            .ant-form-item-control-input-content > :first-child,\n            .ant-form-item-control-input-content .ant-input-group > *,\n            .ant-form-item-control-input-content .ant-input-number-group > *": {
           borderRadius: 0
         }
       },
@@ -66,8 +51,8 @@ const n = (t) => ({
   ".ant-form-vertical .ant-input-group.ant-input-group-compact > *": {
     verticalAlign: "bottom"
   }
-}), o = r("ApForm.ItemTextGroup", (t) => [n(t)]);
+}), e = n("ApForm.ItemTextGroup", (t) => [o(t)]);
 export {
-  o as default,
-  n as genFormItemTextGroupStyle
+  e as default,
+  o as genFormItemTextGroupStyle
 };

package/es/src/ap-form/utils/params.d.ts

@@ -1,6 +1,6 @@
+import { UrlParams } from '@vueuse/core';
 import { Recordable } from '../../type';
 import { ApFormProps } from '../interface';
-import { UrlParams } from '@vueuse/core';
 /**
  * 获取查询参数
  * @param syncToUrl

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

@@ -1,5 +1,5 @@
-import { EditableGridFormItemExpose, EditableGridFormItemProps } from './interface';
 import { Recordable } from '../../type';
+import { EditableGridFormItemExpose, EditableGridFormItemProps } from './interface';
 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> & EditableGridFormItemProps<RecordType> & Partial<{}>> & PublicProps;

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

@@ -1,13 +1,13 @@
 import { defineComponent as z, useSlots as G, toRef as H, ref as c, unref as s, watch as K, nextTick as P, createBlock as A, openBlock as W, mergeProps as g, withCtx as h, createVNode as U, createSlots as $, renderList as q, renderSlot as J, normalizeProps as Q, guardReactiveProps as X } from "vue";
-import { ApForm as y } from "../../ap-form/index.mjs";
 import { isUndefined as Y, isNumber as d, cloneDeep as Z, isArray as M, omit as ee } from "lodash-unified";
+import { ApForm as y } from "../../ap-form/index.mjs";
+import { useInjectForm as te } from "../../ap-form/context.mjs";
+import { getModelValue as oe } from "../../ap-form/utils/get.mjs";
 import "../../config-provider/index.mjs";
 import "../../utils/index.mjs";
-import { useGetEditableColumns as te } from "../hooks/use-editable-columns.mjs";
+import { useDevWarning as ae } from "../../utils/warning.mjs";
+import { useGetEditableColumns as le } from "../hooks/use-editable-columns.mjs";
 import "../index.vue2.mjs";
-import { useInjectForm as oe } from "../../ap-form/context.mjs";
-import { getModelValue as ae } from "../../ap-form/utils/get.mjs";
-import { useDevWarning as le } from "../../utils/warning.mjs";
 import ne from "../style/editable.mjs";
 import { useNamespace as re } from "../../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as se } from "../../config-provider/hooks/use-global-config.mjs";
@@ -173,19 +173,19 @@ const ve = /* @__PURE__ */ z({
     expose: b
   }) {
     const x = G(), a = w;
-    le("EditableGridFormItem")(!1, "breaking", "EditableGridFormItem has been EOL, Please use EditableAgGridFormItem(https://aplus.aplnk.com/aplus-ui/components/ag-grid/editable/) instead.");
+    ae("EditableGridFormItem")(!1, "breaking", "EditableGridFormItem has been EOL, Please use EditableAgGridFormItem(https://aplus.aplnk.com/aplus-ui/components/ag-grid/editable/) instead.");
     const {
       b: R
     } = re("editable-grid"), B = ne("editable-grid"), {
       internalInstance: i,
       model: S
-    } = oe(), m = H(a.name), f = c(ae(s(S), m.value) || []), v = y.useWatch(m);
+    } = te(), m = H(a.name), f = c(oe(s(S), m.value) || []), v = y.useWatch(m);
     K(() => v.value, async (e) => {
       await P(), f.value = e, a.onChange?.(e);
     }, {
       deep: !0
     });
-    const p = c(), F = se("valueTypeMap"), I = te(a, F);
+    const p = c(), F = se("valueTypeMap"), I = le(a, F);
     function N(e, l) {
       const r = s(f)?.length || 0;
       if (C(a.maxLength) && r >= a.maxLength)

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

@@ -1,5 +1,5 @@
-import { EditableGridExpose, EditableGridProps } from './interface';
 import { Recordable } from '../../type';
+import { EditableGridExpose, EditableGridProps } from './interface';
 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<{

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

@@ -1,12 +1,12 @@
 import { defineComponent as W, useSlots as U, ref as y, watch as C, unref as r, createBlock as $, openBlock as q, withCtx as p, createVNode as w, mergeProps as J, createSlots as Q, renderList as X, renderSlot as Y, normalizeProps as Z, guardReactiveProps as M } from "vue";
-import { ApForm as m } from "../../ap-form/index.mjs";
-import { isEqual as ee, isArray as c, isUndefined as te, isNumber as g, cloneDeep as ae, omit as oe } from "lodash-unified";
+import { isEqual as ee, isArray as m, isUndefined as te, isNumber as c, cloneDeep as ae, omit as oe } from "lodash-unified";
+import { ApForm as g } from "../../ap-form/index.mjs";
 import "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
 import "../../utils/index.mjs";
-import { useGetEditableColumns as le } from "../hooks/use-editable-columns.mjs";
+import { useDevWarning as le } from "../../utils/warning.mjs";
+import { useGetEditableColumns as ne } from "../hooks/use-editable-columns.mjs";
 import "../index.vue2.mjs";
-import { useDevWarning as ne } from "../../utils/warning.mjs";
 import re from "../style/editable.mjs";
 import { useNamespace as se } from "../../config-provider/hooks/use-namespace.mjs";
 import { useControllableValue as ie } from "../../hooks/useControllableValue.mjs";
@@ -175,11 +175,11 @@ const Ee = /* @__PURE__ */ W({
     const B = U(), t = v, {
       b: S
     } = se("editable-grid"), F = re("editable-grid"), E = R;
-    ne("EditableGrid")(!1, "breaking", "EditableGrid has been EOL, Please use EditableAgGrid(https://aplus.aplnk.com/aplus-ui/components/ag-grid/editable/) instead.");
+    le("EditableGrid")(!1, "breaking", "EditableGrid has been EOL, Please use EditableAgGrid(https://aplus.aplnk.com/aplus-ui/components/ag-grid/editable/) instead.");
     const h = y(), {
       value: u,
       updateValue: N
-    } = ie(t, E), i = y(), V = ue("valueTypeMap"), f = m.useWatch(t.name, i);
+    } = ie(t, E), i = y(), V = ue("valueTypeMap"), f = g.useWatch(t.name, i);
     C(() => f.value, (e) => {
       N(e), t.onChange?.(e);
     }, {
@@ -190,12 +190,12 @@ const Ee = /* @__PURE__ */ W({
     }, {
       deep: !0
     });
-    const k = le(t, V);
+    const k = ne(t, V);
     function L() {
       i.value?.resetFields();
     }
     function _(e) {
-      return e ? (c(e) ? e : [e]).map((n) => c(n) ? [t.name, ...n] : [t.name, n]) : void 0;
+      return e ? (m(e) ? e : [e]).map((n) => m(n) ? [t.name, ...n] : [t.name, n]) : void 0;
     }
     async function D(e, l) {
       return (await i.value?.validateFields(_(e), l))?.[t.name];
@@ -216,10 +216,10 @@ const Ee = /* @__PURE__ */ W({
       });
     }
     function T(e, l = "suffix") {
-      const n = r(u)?.length || 0, a = g(e) ? e : e.length;
+      const n = r(u)?.length || 0, a = c(e) ? e : e.length;
       if (b(t.maxLength) && n + a > t.maxLength)
         return;
-      const o = g(e) ? new Array(e).fill(0).map(() => ({})) : ae(e);
+      const o = c(e) ? new Array(e).fill(0).map(() => ({})) : ae(e);
       i.value?.setFieldValue?.(t.name, o, !0, (s, d) => {
         if (!s[d]) {
           s[d] = [...o];
@@ -229,13 +229,13 @@ const Ee = /* @__PURE__ */ W({
       });
     }
     function j(e) {
-      const l = new Set(g(e) ? [e] : e);
+      const l = new Set(c(e) ? [e] : e);
       i.value?.setFieldValue?.(t.name, void 0, !0, (n, a) => {
         n[a] = n[a].filter((o, s) => !l.has(s));
       });
     }
     function A(e) {
-      const l = new Set(c(e) ? e : [e]);
+      const l = new Set(m(e) ? e : [e]);
       l.size !== 0 && i.value?.setFieldValue?.(t.name, void 0, !0, (n, a) => {
         n[a] = n[a].filter((o) => !l.has(o[t.rowKey]));
       });
@@ -283,7 +283,7 @@ const Ee = /* @__PURE__ */ W({
       clear: P,
       setTableData: G,
       removeByKey: A
-    }), (e, l) => (q(), $(r(m), {
+    }), (e, l) => (q(), $(r(g), {
       ref_key: "formRef",
       ref: i,
       "initial-values": {
@@ -293,7 +293,7 @@ const Ee = /* @__PURE__ */ W({
         height: "100%"
       }
     }, {
-      default: p(() => [w(r(m).FormItem, {
+      default: p(() => [w(r(g).FormItem, {
         name: e.name,
         "no-style": ""
       }, {

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

@@ -1,11 +1,11 @@
-import { Recordable } from '../../type';
-import { ApTableValueFields, ApTableValueTypes, CommonFieldReturnType, FieldPropsType } from '../../ap-table/interface';
-import { ApGridColumnType, ApGridProps } 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 { DataIndex } from '@aplus-frontend/antdv/es/vc-table/interface';
+import { VNode } from 'vue';
 import { ApFormItemProps } from '../../ap-form';
+import { ApTableValueFields, ApTableValueTypes, CommonFieldReturnType, FieldPropsType } from '../../ap-table/interface';
+import { EditableTableExpose } from '../../editable-table';
+import { Recordable } from '../../type';
+import { ApGridColumnType, ApGridProps } from '../interface';
 export type EditableGridColumnType<RecordType = any, ExtraValueType = 'text', ValueType extends ApTableValueTypes = ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType = ExtraValueType | ValueType> = MergedValueType extends ExtraValueType | ValueType ? Omit<ApGridColumnType<RecordType, ExtraValueType, ValueType, MergedValueType>, 'children' | 'customRender' | 'hideInSearch' | 'tooltip' | 'customRenderFormItem' | 'fieldProps'> & {
     children?: EditableGridColumnType<RecordType, ExtraValueType, ValueType, MergedValueType>[];
     /**

package/es/src/ap-grid/hooks/use-editable-columns.d.ts

@@ -1,6 +1,6 @@
 import { ComputedRef, Ref } from 'vue';
-import { EditableGridProps } from '../editable/interface';
-import { ValueTypeRenderConfig } from '../../config-provider';
 import { ApGridColumnType } from '../interface';
+import { ValueTypeRenderConfig } from '../../config-provider';
+import { EditableGridProps } from '../editable/interface';
 export declare const useGetEditableColumns: (props: EditableGridProps, extraValueTypes: Ref<Record<string, ValueTypeRenderConfig> | undefined>) => ComputedRef<ApGridColumnType[]>;
 export default useGetEditableColumns;

package/es/src/ap-grid/hooks/use-editable-columns.mjs

@@ -1,65 +1,66 @@
-import { useSlots as p, computed as T, unref as u } from "vue";
-import { isFunction as y, isArray as s } from "lodash-unified";
-import { getEditableTableTitle as E, mergeClass as R } from "../../editable-table/utils.mjs";
+import { useToken as I } from "@aplus-frontend/antdv/es/theme/internal";
+import { clsx as T } from "clsx";
+import { isFunction as y, isArray as u } from "lodash-unified";
+import { useSlots as E, computed as R, unref as s } from "vue";
 import { updateFormProps as k, getFieldProps as A } from "../../ap-table/utils.mjs";
 import "../../config-provider/index.mjs";
-import { useToken as q } from "@aplus-frontend/antdv/es/theme/internal";
+import { getEditableTableTitle as q } from "../../editable-table/utils.mjs";
 import { getFinalEditableNode as v } from "../utils/editable.mjs";
 import { useNamespace as w } from "../../config-provider/hooks/use-namespace.mjs";
-const K = (t, m) => {
+const L = (o, m) => {
   const {
     em: f,
-    be: b
-  } = w("editable-grid"), x = p(), [, g] = q();
-  return T(() => {
-    const d = t.columns;
-    if (!d)
+    be: x
+  } = w("editable-grid"), b = E(), [, g] = I();
+  return R(() => {
+    const a = o.columns;
+    if (!a)
       return [];
     function r(h) {
       return h.map((e) => ({
         ...e,
         children: r(e.children || []),
-        title: E(e, b("table-header", "title"), f("header-cell", "required"), x.headerCell, u(g).colorTextTertiary),
+        title: q(e, x("table-header", "title"), f("header-cell", "required"), b.headerCell, s(g).colorTextTertiary),
         // tips: 已经处理了title，传递tooltip为undefined不会再内部处理
         tooltip: void 0,
         customRender({
           value: l,
-          originalNode: C,
+          originalNode: F,
           ...n
         }) {
           const i = y(e.editable) ? e.editable(n.text, n.record, n.index) : !!e.editable;
-          let a = C;
+          let d = F;
           if (i) {
-            const o = k(e, A(e.fieldProps, {
+            const t = k(e, A(e.fieldProps, {
               value: l,
               ...n
             })), c = {};
-            t.onFieldChange && (c[`onUpdate:${o.valuePropName || "value"}`] = (I) => t.onFieldChange?.(n.index, e.dataIndex, I));
-            const F = s(e.dataIndex) ? e.dataIndex : [e.dataIndex], N = {
-              name: [...s(t.name) ? t.name : [t.name], n.index, ...F],
-              ...o || {},
+            o.onFieldChange && (c[`onUpdate:${t.valuePropName || "value"}`] = (C) => o.onFieldChange?.(n.index, e.dataIndex, C));
+            const N = u(e.dataIndex) ? e.dataIndex : [e.dataIndex], p = {
+              name: [...u(o.name) ? o.name : [o.name], n.index, ...N],
+              ...t || {},
               field: {
                 style: "width: 100%",
-                ...o?.field || {},
+                ...t?.field || {},
                 ...c,
-                class: R("is-editable", o.class)
+                class: T("is-editable", t.class)
               }
             };
-            a = v(e, N, n.record, u(m));
+            d = v(e, p, n.record, s(m));
           }
           return e.customRender ? e.customRender({
             value: l,
             ...n,
             editable: i,
-            originalNode: a
-          }) : a;
+            originalNode: d
+          }) : d;
         }
       }));
     }
-    return r(d);
+    return r(a);
   });
 };
 export {
-  K as default,
-  K as useGetEditableColumns
+  L as default,
+  L as useGetEditableColumns
 };

package/es/src/ap-grid/hooks/use-inner-params.d.ts

@@ -1,6 +1,6 @@
-import { ApGridProps } from '../interface';
 import { VxeTableEvents } from 'vxe-table';
 import { OptionalOnTableChange } from '../../ap-table/hooks/use-table-paging-ng';
+import { ApGridProps } from '../interface';
 /**
  * 用于管理内部生成的查询参数（排序/筛选/分页等）
  */

package/es/src/ap-grid/hooks/use-render-columns.mjs

@@ -1,12 +1,12 @@
-import { ref as a, watch as u, computed as p, unref as i } from "vue";
-import { useToken as m } from "@aplus-frontend/antdv/es/theme/internal";
+import { useToken as a } from "@aplus-frontend/antdv/es/theme/internal";
+import { ref as u, watch as p, computed as i, unref as m } from "vue";
 import "../../config-provider/index.mjs";
 import { renderWithColumns as l } from "../utils/renderer.mjs";
 import { useNamespace as s } from "../../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as f } from "../../config-provider/hooks/use-global-config.mjs";
 const h = (e) => {
-  const [, o] = m(), { be: t } = s("ap-grid"), n = f("valueTypeMap"), r = a(Date.now());
-  return u(
+  const [, o] = a(), { be: t } = s("ap-grid"), n = f("valueTypeMap"), r = u(Date.now());
+  return p(
     () => e.value,
     () => {
       r.value = Date.now();
@@ -15,11 +15,11 @@ const h = (e) => {
       deep: !0
     }
   ), {
-    renderConfig: p(() => l(
+    renderConfig: i(() => l(
       e.value,
       o.value.colorTextTertiary,
       t("table-header", "title"),
-      i(n)
+      m(n)
     )),
     updateSignal: r
   };

package/es/src/ap-grid/hooks/use-row-selection.mjs

@@ -1,5 +1,5 @@
-import { ref as F, computed as w, unref as l } from "vue";
-import { isFunction as v, cloneDeep as M } from "lodash-unified";
+import { isFunction as v, cloneDeep as w } from "lodash-unified";
+import { ref as F, computed as M, unref as l } from "vue";
 function T(o, a) {
   return !a?.length || v(o) ? [] : a.map((i) => ({ [o]: i }));
 }
@@ -10,7 +10,7 @@ const m = (o) => {
   function i(e, t) {
     a.value = t;
   }
-  const u = (e) => v(o.rowKey) ? o.rowKey(e) : e[o.rowKey], s = w(() => {
+  const u = (e) => v(o.rowKey) ? o.rowKey(e) : e[o.rowKey], s = M(() => {
     const e = /* @__PURE__ */ new Map();
     return l(a).forEach((t) => {
       e.set(u(t), t);
@@ -69,7 +69,7 @@ const m = (o) => {
     }), a.value = [...c.values()];
   }
   function b(e, t) {
-    const n = M(l(s));
+    const n = w(l(s));
     e ? S(n, t) : l(o.dataSource).forEach((c) => {
       f(c) && n.delete(u(c));
     }), a.value = [...n.values()];
@@ -79,7 +79,7 @@ const m = (o) => {
     return c && !r;
   }
   function A(e, t) {
-    const n = M(l(s));
+    const n = w(l(s));
     l(o.dataSource).forEach((c) => {
       e.find((d) => u(d) === u(c)) ? n.set(u(c), c) : n.delete(u(c));
     }), S(n, t), a.value = [...n.values()];
@@ -116,7 +116,7 @@ const m = (o) => {
     selectedRows: a,
     selectMulti: x,
     unSelectMulti: R,
-    rowSelection: w(() => ({
+    rowSelection: M(() => ({
       ...o,
       onChange: i,
       selectedRowKeys: l(a).map((e) => u(e))

package/es/src/ap-grid/index.d.ts

@@ -1,6 +1,6 @@
-import { default as ApGrid } from './index.vue';
-import { default as EditableGrid } from './editable/index.vue';
 import { default as EditableGridFormItem } from './editable/form-item.vue';
+import { default as EditableGrid } from './editable/index.vue';
+import { default as ApGrid } from './index.vue';
 export { ApGrid, EditableGrid, EditableGridFormItem };
 export * from './interface';
 export * from './editable/interface';

package/es/src/ap-grid/index.mjs

@@ -1,6 +1,6 @@
-import "./index.vue2.mjs";
-import "./editable/index.vue2.mjs";
 import "./editable/form-item.vue2.mjs";
+import "./editable/index.vue2.mjs";
+import "./index.vue2.mjs";
 import "./interface.mjs";
 import "./editable/interface.mjs";
 import { ROW_SELECTION_FIELD as E } from "./constants.mjs";