@aplus-frontend/ui 7.7.6 → 7.7.8

package/es/src/ap-table/constants.d.ts

@@ -603,6 +603,8 @@ export declare const apTableFormItemMap: {
                     keyboard: boolean;
                     bordered: boolean;
                     emptyText: string;
+                    changeOnWheel: boolean;
+                    changeOnBlur: boolean;
                     min: ValueType;
                     max: ValueType;
                     controls: boolean;
@@ -633,13 +635,15 @@ export declare const apTableFormItemMap: {
                 keyboard: boolean;
                 bordered: boolean;
                 emptyText: string;
+                changeOnWheel: boolean;
+                changeOnBlur: boolean;
                 min: ValueType;
                 max: ValueType;
                 controls: boolean;
                 thousands: boolean;
             }> & Omit<Readonly< ApFieldNumberProps> & Readonly<{
                 "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-            }>, "blur" | "focus" | ("step" | "disabled" | "keyboard" | "bordered" | "emptyText" | "min" | "max" | "controls" | "thousands")> & ShallowUnwrapRef<{
+            }>, "blur" | "focus" | ("step" | "disabled" | "keyboard" | "bordered" | "emptyText" | "changeOnWheel" | "changeOnBlur" | "min" | "max" | "controls" | "thousands")> & ShallowUnwrapRef<{
                 focus: () => void;
                 blur: () => void;
             }> & {} & ComponentCustomProperties & {} & {
@@ -2591,6 +2595,7 @@ export declare const apTableFormItemMap: {
                     readonly replaceFields?: FieldNames | undefined;
                     readonly 'onUpdate:treeExpandedKeys'?: ((keys: Key[]) => void) | undefined;
                     readonly 'onUpdate:searchValue'?: ((value: string) => void) | undefined;
+                    readonly switcherLoadingIcon?: any;
                     readonly filterTreeNode?: boolean | ((inputValue: string, treeNode: DefaultOptionType) => boolean) | undefined;
                     readonly treeNodeFilterProp?: string | undefined;
                     readonly treeNodeLabelProp?: string | undefined;
@@ -2668,6 +2673,10 @@ export declare const apTableFormItemMap: {
                             type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
                             default: "filled" | "outlined" | "borderless" | "underlined";
                         };
+                        switcherLoadingIcon: {
+                            default: any;
+                            type: PropType<any>;
+                        };
                         value: {
                             type: PropType<any>;
                         };
@@ -2882,6 +2891,7 @@ export declare const apTableFormItemMap: {
                         treeCheckStrictly: boolean;
                         treeDataSimpleMode: any;
                         treeDefaultExpandAll: boolean;
+                        switcherLoadingIcon: any;
                         replaceFields: FieldNames;
                         'onUpdate:treeExpandedKeys': (keys: Key[]) => void;
                         'onUpdate:searchValue': (value: string) => void;
@@ -2898,6 +2908,7 @@ export declare const apTableFormItemMap: {
                         tagRender?: any;
                         suffixIcon?: any;
                         clearIcon?: any;
+                        switcherLoadingIcon?: any;
                     }>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
                         P: {};
                         B: {};
@@ -2953,6 +2964,10 @@ export declare const apTableFormItemMap: {
                             type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
                             default: "filled" | "outlined" | "borderless" | "underlined";
                         };
+                        switcherLoadingIcon: {
+                            default: any;
+                            type: PropType<any>;
+                        };
                         value: {
                             type: PropType<any>;
                         };
@@ -3167,6 +3182,7 @@ export declare const apTableFormItemMap: {
                         treeCheckStrictly: boolean;
                         treeDataSimpleMode: any;
                         treeDefaultExpandAll: boolean;
+                        switcherLoadingIcon: any;
                         replaceFields: FieldNames;
                         'onUpdate:treeExpandedKeys': (keys: Key[]) => void;
                         'onUpdate:searchValue': (value: string) => void;

package/es/src/business/batch-input-group/index.vue.mjs

@@ -1,22 +1,22 @@
-import { defineComponent as T, ref as h, computed as r, unref as t, createElementBlock as $, openBlock as g, normalizeStyle as B, normalizeClass as b, createVNode as c, withCtx as A, createBlock as K, createCommentVNode as M, mergeProps as D } from "vue";
+import { defineComponent as $, ref as g, computed as r, unref as t, createElementBlock as K, openBlock as B, normalizeStyle as C, normalizeClass as b, createVNode as m, withCtx as A, createBlock as M, createCommentVNode as D, mergeProps as G } from "vue";
 import "../../ap-field/index.mjs";
-import { Space as G } from "@aplus-frontend/antdv";
+import { Form as q, Space as H } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
-import { isNumber as q, omit as H } from "lodash-unified";
+import { isNumber as Y, omit as J } from "lodash-unified";
 import "./popover-input/index.vue.mjs";
 import "../../hooks/index.mjs";
 import "../../utils/index.mjs";
-import { useDefaultPlaceholder as Y } from "../../ap-field/hooks/use-default-placeholder.mjs";
-import { splitValue as J } from "./utils.mjs";
-import Q from "./style/index.mjs";
-import { useControllableValue as W } from "../../hooks/useControllableValue.mjs";
-import { useLocale as X } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as Z } from "../../config-provider/hooks/use-namespace.mjs";
-import { isDef as ee } from "../../utils/is.mjs";
-import te from "../../ap-field/select/index.vue.mjs";
-import { ApFieldText as oe } from "../../ap-field/text/index.mjs";
-import ne from "./popover-input/index.vue2.mjs";
-const m = "GROUP_SEARCH_ALL", Ve = /* @__PURE__ */ T({
+import { useDefaultPlaceholder as Q } from "../../ap-field/hooks/use-default-placeholder.mjs";
+import { splitValue as W } from "./utils.mjs";
+import X from "./style/index.mjs";
+import { useControllableValue as Z } from "../../hooks/useControllableValue.mjs";
+import { useLocale as ee } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as te } from "../../config-provider/hooks/use-namespace.mjs";
+import { isDef as oe } from "../../utils/is.mjs";
+import ne from "../../ap-field/select/index.vue.mjs";
+import { ApFieldText as le } from "../../ap-field/text/index.mjs";
+import ae from "./popover-input/index.vue2.mjs";
+const d = "GROUP_SEARCH_ALL", Ve = /* @__PURE__ */ $({
   name: "BatchInputGroup",
   __name: "index",
   props: {
@@ -77,91 +77,91 @@ const m = "GROUP_SEARCH_ALL", Ve = /* @__PURE__ */ T({
     beforeInput: {}
   },
   emits: ["update:value"],
-  setup(V, { emit: x }) {
-    const o = V, C = Y("Text", o), S = x, { value: a, updateValue: u } = W(
+  setup(x, { emit: V }) {
+    const o = x, I = Q("Text", o), S = V, { value: a, updateValue: u } = Z(
       o,
       S
-    ), s = h(), f = h(), { t: I } = X(), { b: k, cssVar: U } = Z("batch-input-group"), d = Q("batch-input-group"), w = r(() => {
+    ), i = g(), f = g(), { t: k } = ee(), { b: F, cssVar: U } = te("batch-input-group"), v = X("batch-input-group"), p = q.useInjectFormItemContext(), w = r(() => {
       const e = o.popoverPlacement;
       return {
-        "popover-left": q(e) ? `${e}px` : e === "left" ? "0px" : "unset",
+        "popover-left": Y(e) ? `${e}px` : e === "left" ? "0px" : "unset",
         "popover-right": e === "right" ? "0px" : "unset"
       };
     }), P = r(() => o.options ? o.options.length > 1 && o.hasAll ? [
-      { value: m, label: I("ap.common.all") },
+      { value: d, label: k("ap.common.all") },
       ...o.options
-    ] : o.options : []), R = r(() => o.options ? o.options.map((e) => e.value) : []), N = r(() => t(a)?.value?.length ? t(a).value.join(",") : ""), j = r(() => t(a)?.value?.length ? t(a).value.join(`
+    ] : o.options : []), R = r(() => o.options ? o.options.map((e) => e.value) : []), j = r(() => t(a)?.value?.length ? t(a).value.join(",") : ""), N = r(() => t(a)?.value?.length ? t(a).value.join(`
 `) : ""), E = r(() => {
       const e = t(a)?.key;
       if (e?.length)
-        return e.length === 1 || !o.hasAll ? e[0] : m;
-    }), F = r(() => {
+        return e.length === 1 || !o.hasAll ? e[0] : d;
+    }), L = r(() => {
       const e = t(a)?.key;
-      return !e || e?.length <= 1 ? t(C) : (o.options || []).filter((n) => e.includes(n.value)).map((n) => n.label).join("/");
+      return !e || e?.length <= 1 ? t(I) : (o.options || []).filter((n) => e.includes(n.value)).map((n) => n.label).join("/");
     });
-    function L(e) {
-      const l = t(a) || {}, n = e === m ? t(R) : ee(e) ? [e] : [];
+    function O(e) {
+      const l = t(a) || {}, n = e === d ? t(R) : oe(e) ? [e] : [];
       u({
         ...l,
         key: n
-      });
+      }), p.onFieldChange();
     }
-    function O(e) {
+    function _(e) {
       const l = t(a) || {}, n = e.target.value || "";
-      let i = J(n, ",", ",", o.maxNum);
-      if (n !== i) {
-        const y = f.value?.$el?.querySelector("input");
-        y && (y.value = i);
+      let c = W(n, ",", ",", o.maxNum);
+      if (n !== c) {
+        const h = f.value?.$el?.querySelector("input");
+        h && (h.value = c);
       }
-      let p = i.split(",");
-      p.length === 1 && p[0] === "" && (p = []), u({
+      let s = c.split(",");
+      s.length === 1 && s[0] === "" && (s = []), u({
         ...l,
-        value: p
-      });
+        value: s
+      }), p.onFieldChange();
     }
-    function _(e) {
+    function z(e) {
       const l = t(a) || {};
       let n = e.split(/,|\n/);
       u({
         ...l,
         value: n
-      });
+      }), p.onFieldChange();
     }
-    function v() {
+    function y() {
       const e = t(a) || {}, l = e.value?.filter(Boolean);
       u({
         ...e,
         value: l
-      });
+      }), p.onFieldChange();
     }
-    function z(e) {
-      v(), o.onBlur?.(e);
+    function T(e) {
+      y(), o.onBlur?.(e);
     }
-    return (e, l) => (g(), $("div", {
+    return (e, l) => (B(), K("div", {
       ref_key: "containerRef",
-      ref: s,
-      class: b([t(k)(), t(d)]),
-      style: B(t(U)(w.value)),
+      ref: i,
+      class: b([t(F)(), t(v)]),
+      style: C(t(U)(w.value)),
       onFocus: l[0] || (l[0] = //@ts-ignore
       (...n) => e.onFocus && e.onFocus(...n)),
       onBlur: l[1] || (l[1] = //@ts-ignore
       (...n) => e.onBlur && e.onBlur(...n))
     }, [
-      c(t(G).Compact, { block: "" }, {
+      m(t(H).Compact, { block: "" }, {
         default: A(() => [
-          e.options?.length ? (g(), K(t(te), {
+          e.options?.length ? (B(), M(t(ne), {
             key: 0,
-            style: B(e.style),
+            style: C(e.style),
             options: P.value,
             value: E.value,
             "allow-clear": !1,
             "dropdown-match-select-width": !1,
             disabled: e.disabled,
-            "get-popup-container": () => s.value,
-            "onUpdate:value": L
-          }, null, 8, ["style", "options", "value", "disabled", "get-popup-container"])) : M("", !0),
-          c(t(oe), D(
-            t(H)(o, [
+            "get-popup-container": () => i.value,
+            "onUpdate:value": O
+          }, null, 8, ["style", "options", "value", "disabled", "get-popup-container"])) : D("", !0),
+          m(t(le), G(
+            t(J)(o, [
               "style",
               "value",
               "onUpdate:value",
@@ -174,22 +174,22 @@ const m = "GROUP_SEARCH_ALL", Ve = /* @__PURE__ */ T({
               ref_key: "inputRef",
               ref: f,
               style: e.inputStyle,
-              value: N.value,
-              placeholder: F.value,
-              onInput: O,
-              onBlur: z
+              value: j.value,
+              placeholder: L.value,
+              onInput: _,
+              onBlur: T
             }
           ), {
             suffix: A(() => [
-              c(ne, {
-                _parent: s.value,
-                value: j.value,
+              m(ae, {
+                _parent: i.value,
+                value: N.value,
                 disabled: e.disabled,
                 placement: o.popoverPlacement,
                 "max-num": e.maxNum,
-                class: b(t(d)),
-                "onUpdate:value": _,
-                onClose: v
+                class: b(t(v)),
+                "onUpdate:value": z,
+                onClose: y
               }, null, 8, ["_parent", "value", "disabled", "placement", "max-num", "class"])
             ]),
             _: 1

package/es/src/design-token/index.mjs

@@ -39,7 +39,8 @@ const o = {
   colorBgSpotlight: "#000000cc",
   controlItemBgActive: "#F5F9FF",
   controlItemBgActiveHover: "#EAF2FF",
-  colorBorderSecondary: "#E9EDF3"
+  colorBorderSecondary: "#E9EDF3",
+  controlHeight: 30
 }, c = {
   ...o,
   // 主色
@@ -73,7 +74,8 @@ const o = {
   colorBgSpotlight: "#000000cc",
   controlItemBgActive: "#f3fbf7",
   controlItemBgActiveHover: "#e6f6ef",
-  colorBorderSecondary: "#E9E9E9"
+  colorBorderSecondary: "#E9E9E9",
+  controlHeight: 30
 };
 export {
   c as adminToken,

package/es/src/editable-table/form-item.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as z, ref as A, unref as s, useSlots as K, toRef as O, watch as G, nextTick as W, shallowRef as H, createBlock as U, openBlock as $, mergeProps as p, withCtx as c, createVNode as q, createSlots as J, renderList as Q, renderSlot as X, normalizeProps as Y, guardReactiveProps as Z } from "vue";
+import { defineComponent as z, ref as A, unref as r, useSlots as K, toRef as O, watch as G, nextTick as H, shallowRef as W, createBlock as U, openBlock as $, mergeProps as p, withCtx as c, createVNode as q, createSlots as J, renderList as Q, renderSlot as X, normalizeProps as Y, guardReactiveProps as Z } from "vue";
 import { Table as M } from "@aplus-frontend/antdv";
 import { ApForm as h } from "../ap-form/index.mjs";
 import { isUndefined as ee, isNumber as d, cloneDeep as te, isArray as ae, omit as b } from "lodash-unified";
@@ -7,13 +7,13 @@ import { useInjectForm as oe } from "../ap-form/context.mjs";
 import "../utils/index.mjs";
 import ne from "./hooks/use-get-columns.mjs";
 import { scrollToRowIndex as le } from "./utils.mjs";
-import { getModelValue as se } from "../ap-form/utils/get.mjs";
-import { useDevWarning as re } from "../utils/warning.mjs";
+import { getModelValue as re } from "../ap-form/utils/get.mjs";
+import { useDevWarning as se } from "../utils/warning.mjs";
 import ie from "./style/index.mjs";
 import { useNamespace as ue } from "../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as fe } from "../config-provider/hooks/use-global-config.mjs";
 import { isDef as g } from "../utils/is.mjs";
-const ve = /* @__PURE__ */ z({
+const Te = /* @__PURE__ */ z({
   name: "EditableTableFormItem",
   __name: "form-item",
   props: {
@@ -101,6 +101,9 @@ const ve = /* @__PURE__ */ z({
       type: [Boolean, Object]
     },
     transformCellText: {},
+    rowHoverable: {
+      type: Boolean
+    },
     columns: {},
     value: {},
     defaultValue: {},
@@ -115,54 +118,54 @@ const ve = /* @__PURE__ */ z({
     }
   },
   setup(w, {
-    expose: x
+    expose: y
   }) {
     const o = w;
-    re("EditableTableFormItem")(!1, "breaking", "EditableTableFormItem has been EOL, Please use EditableAgGridFormItem(https://aplus.aplnk.com/aplus-ui/components/ag-grid/editable/) instead.");
+    se("EditableTableFormItem")(!1, "breaking", "EditableTableFormItem has been EOL, Please use EditableAgGridFormItem(https://aplus.aplnk.com/aplus-ui/components/ag-grid/editable/) instead.");
     const {
       internalInstance: i,
-      model: y
-    } = oe(), u = A(se(s(y), o.name) || []), C = K(), R = O(o, "name"), F = h.useWatch(R);
+      model: x
+    } = oe(), u = A(re(r(x), o.name) || []), C = K(), R = O(o, "name"), F = h.useWatch(R);
     G(() => F.value, async (e) => {
-      await W(), u.value = e, o.onChange?.(e);
+      await H(), u.value = e, o.onChange?.(e);
     }, {
       deep: !0
     });
     const {
       b: B
-    } = ue("editable-table"), I = ie("editable-table"), m = H(), T = fe("valueTypeMap"), v = ne(o, T);
+    } = ue("editable-table"), v = ie("editable-table"), m = W(), I = fe("valueTypeMap"), T = ne(o, I);
     function D(e, n) {
-      const l = s(u)?.length || 0;
+      const l = r(u)?.length || 0;
       if (g(o.maxLength) && l >= o.maxLength)
         return;
       const t = {
         ...e || {}
       };
-      i?.setFieldValue(o.name, t, !0, (a, r) => {
-        if (!a[r]) {
-          a[r] = [t];
+      i?.setFieldValue(o.name, t, !0, (a, s) => {
+        if (!a[s]) {
+          a[s] = [t];
           return;
         }
-        ee(n) ? a[r].push(t) : a[r].splice(n, 0, t);
+        ee(n) ? a[s].push(t) : a[s].splice(n, 0, t);
       });
     }
     function E(e, n = "suffix") {
-      const l = s(u)?.length || 0, t = d(e) ? e : e.length;
+      const l = r(u)?.length || 0, t = d(e) ? e : e.length;
       if (g(o.maxLength) && l + t > o.maxLength)
         return;
       const a = d(e) ? new Array(e).fill(0).map(() => ({})) : te(e);
-      i?.setFieldValue(o.name, a, !0, (r, f) => {
-        if (!r[f]) {
-          r[f] = [...a];
+      i?.setFieldValue(o.name, a, !0, (s, f) => {
+        if (!s[f]) {
+          s[f] = [...a];
           return;
         }
-        n === "suffix" ? r[f].push(...a) : r[f].unshift(...a);
+        n === "suffix" ? s[f].push(...a) : s[f].unshift(...a);
       });
     }
     function S(e) {
       const n = new Set(d(e) ? [e] : e);
       i?.setFieldValue(o.name, void 0, !0, (l, t) => {
-        l[t] = l[t].filter((a, r) => !n.has(r));
+        l[t] = l[t].filter((a, s) => !n.has(s));
       });
     }
     function L(e) {
@@ -172,10 +175,10 @@ const ve = /* @__PURE__ */ z({
       });
     }
     function V() {
-      return s(u);
+      return r(u);
     }
     function k(e) {
-      return s(u)?.[e];
+      return r(u)?.[e];
     }
     function N(e, n, l = !0) {
       i?.setFieldValue(o.name, void 0, !0, (t, a) => {
@@ -195,7 +198,7 @@ const ve = /* @__PURE__ */ z({
     function j() {
       i?.setFieldValue?.(o.name, []);
     }
-    return x({
+    return y({
       add: D,
       remove: S,
       getRowData: k,
@@ -206,19 +209,19 @@ const ve = /* @__PURE__ */ z({
       setTableData: _,
       clear: j,
       removeByKey: L
-    }), (e, n) => ($(), U(s(h).FormItem, p(e.formItem, {
+    }), (e, n) => ($(), U(r(h).FormItem, p(e.formItem, {
       name: e.name,
       label: e.label
     }), {
-      default: c(() => [q(s(M), p(s(b)(o, ["name", "maxLength", "onChange"]), {
+      default: c(() => [q(r(M), p(r(b)(o, ["name", "maxLength", "onChange"]), {
         ref_key: "tableRef",
         ref: m,
-        class: [s(B)(), s(I)],
-        columns: s(v),
+        class: [r(B)(), r(v)],
+        columns: r(T),
         "data-source": u.value
       }), J({
         _: 2
-      }, [Q(s(b)(C, ["headerCell"]), (l, t) => ({
+      }, [Q(r(b)(C, ["headerCell"]), (l, t) => ({
         name: t,
         fn: c((a) => [X(e.$slots, t, Y(Z(a || {})))])
       }))]), 1040, ["class", "columns", "data-source"])]),
@@ -227,5 +230,5 @@ const ve = /* @__PURE__ */ z({
   }
 });
 export {
-  ve as default
+  Te as default
 };

package/es/src/editable-table/index.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as W, useSlots as H, shallowRef as $, ref as q, watch as b, unref as s, createBlock as J, openBlock as Q, withCtx as p, createVNode as w, mergeProps as X, createSlots as Y, renderList as Z, renderSlot as M, normalizeProps as ee, guardReactiveProps as te } from "vue";
+import { defineComponent as U, useSlots as W, shallowRef as $, ref as q, watch as b, unref as s, createBlock as J, openBlock as Q, withCtx as p, createVNode as w, mergeProps as X, createSlots as Y, renderList as Z, renderSlot as M, normalizeProps as ee, guardReactiveProps as te } from "vue";
 import { Table as ae } from "@aplus-frontend/antdv";
 import { ApForm as m } from "../ap-form/index.mjs";
 import { isEqual as ne, isArray as c, isUndefined as oe, isNumber as h, cloneDeep as le, omit as v } from "lodash-unified";
@@ -12,8 +12,8 @@ import ie from "./style/index.mjs";
 import { useNamespace as de } from "../config-provider/hooks/use-namespace.mjs";
 import { useControllableValue as fe } from "../hooks/useControllableValue.mjs";
 import { useGlobalConfig as pe } from "../config-provider/hooks/use-global-config.mjs";
-import { isDef as x } from "../utils/is.mjs";
-const Se = /* @__PURE__ */ W({
+import { isDef as y } from "../utils/is.mjs";
+const Se = /* @__PURE__ */ U({
   name: "EditableTable",
   __name: "index",
   props: {
@@ -101,6 +101,9 @@ const Se = /* @__PURE__ */ W({
       type: [Boolean, Object]
     },
     transformCellText: {},
+    rowHoverable: {
+      type: Boolean
+    },
     columns: {},
     value: {},
     defaultValue: {},
@@ -113,15 +116,15 @@ const Se = /* @__PURE__ */ W({
     onFieldChange: {}
   },
   emits: ["update:value"],
-  setup(y, {
+  setup(x, {
     expose: C,
     emit: R
   }) {
-    const t = y;
+    const t = x;
     ue("EditableTable")(!1, "breaking", "EditableTable has been EOL, Please use EditableAgGrid(https://aplus.aplnk.com/aplus-ui/components/ag-grid/editable/) instead.");
     const {
       b: F
-    } = de("editable-table"), B = ie("editable-table"), T = H(), E = R, g = $(), {
+    } = de("editable-table"), B = ie("editable-table"), T = W(), E = R, g = $(), {
       value: i,
       updateValue: V
     } = fe(t, E), r = q(), S = pe("valueTypeMap"), f = m.useWatch(t.name, r);
@@ -147,7 +150,7 @@ const Se = /* @__PURE__ */ W({
     }
     function N(e, l) {
       const n = s(i)?.length || 0;
-      if (x(t.maxLength) && n >= t.maxLength)
+      if (y(t.maxLength) && n >= t.maxLength)
         return;
       const a = {
         ...e || {}
@@ -162,7 +165,7 @@ const Se = /* @__PURE__ */ W({
     }
     function A(e, l = "suffix") {
       const n = s(i)?.length || 0, a = h(e) ? e : e.length;
-      if (x(t.maxLength) && n + a > t.maxLength)
+      if (y(t.maxLength) && n + a > t.maxLength)
         return;
       const o = h(e) ? new Array(e).fill(0).map(() => ({})) : le(e);
       r.value?.setFieldValue?.(t.name, o, !0, (u, d) => {
@@ -206,7 +209,7 @@ const Se = /* @__PURE__ */ W({
       const n = e === "end" ? i.value.length - 1 : e;
       se(n, g.value?.$el, l);
     }
-    function U() {
+    function H() {
       r.value?.setFieldValue?.(t.name, []);
     }
     return C({
@@ -219,7 +222,7 @@ const Se = /* @__PURE__ */ W({
       setRowData: j,
       addMultiple: A,
       scrollTo: G,
-      clear: U,
+      clear: H,
       setTableData: K,
       removeByKey: P
     }), (e, l) => (Q(), J(s(m), {

package/es/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.7.6";
+declare const _default: "7.7.8";
 export default _default;

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "7.7.6";
+const e = "7.7.8";
 export {
   e as default
 };

package/lib/src/ag-grid/editable/form-item.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("../../ap-form/index.js"),s=require("lodash-unified");require("../../config-provider/index.js");const D=require("../hooks/use-editable-columns.js");require("../index.vue2.js");const P=require("../hooks/use-editable-form-item-api.js"),k=require("../../ap-form/context.js"),L=require("../../ap-form/utils/get.js"),M=require("../utils.js"),O=require("../../ap-form/hooks/use-watch.js"),z=require("./utils.js"),G=require("../style/editable.js"),H=require("../../config-provider/hooks/use-namespace.js"),K=require("../../config-provider/hooks/use-global-config.js"),W=require("../index.vue.js"),U=e.defineComponent({name:"EditableGrid",__name:"form-item",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:{},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,Object]},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},getRowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{},autoHeight:{type:Boolean},onUpdate:{},customRow:{},theme:{},columns:{},defaultValue:{},onChange:{},maxLength:{},onFieldChange:{},label:{},name:{},formItem:{}},setup(h,{expose:y}){const b=e.useSlots(),t=h,{b:C}=H.useNamespace("editable-aggrid"),R=G.default("editable-aggrid"),r=e.ref(),{internalInstance:u,model:v}=k.useInjectForm(),i=M.getShadowName(t.name);let c;e.onMounted(()=>{const o=t.formItem?.initialValue??L.getModelValue(e.unref(v),t.name);c=s.cloneDeep(o),m(o,"suffix")});const l=e.ref([]),x=O.useWatch(t.name);e.watch(()=>x.value,o=>{s.isEqual(o,l.value)||p(o??c)},{deep:!0});const B=K.useGlobalConfig("valueTypeMap"),q=D.useGetEditableColumns(t,B,i),{add:S,addMultiple:m,remove:_,removeByKey:I,getRowData:E,getRowsData:F,setRowData:N,clear:T,refreshRowIds:d}=P.useEditableFormItemApi(t,u,l,i);function V(){const o=r.value?._internalGridApi;if(!d.value?.length||!o)return;const n=d.value.map(a=>o.getRowNode(a)).filter(a=>!!a);o.refreshCells({rowNodes:n,force:!0}),d.value=[]}function p(o){l.value=o;const n=z.arrayToObject(o,t.rowKey);u?.setFieldValue(t.name,o),u?.setFieldValue(i,n)}function f(o,n){const a=o==="end"?l.value.length-1:o;r.value?.scrollToRow(a,n)}function j(o,n){r.value?.scrollToColumn(o,n)}return y({add:S,addMultiple:m,remove:_,removeByKey:I,getRowData:E,getRowsData:F,setRowData:N,clear:T,setTableData:p,scrollTo:f,scrollToRow:f,scrollToColumn:j}),(o,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(w.ApForm).FormItem,{hidden:"",name:o.name},null,8,["name"]),e.createVNode(e.unref(w.ApForm).FormItem,e.mergeProps(e.unref(s.omit)(o.formItem,"initialValue"),{label:o.label}),{default:e.withCtx(()=>[e.createVNode(W.default,e.mergeProps(e.unref(s.omit)(t,["name","maxLength","onChange","defaultValue","formItem"]),{ref_key:"tableRef",ref:r,class:[e.unref(C)(),e.unref(R)],size:"mini",columns:e.unref(q),"data-source":l.value,"search-form":!1,onUpdate:V}),e.createSlots({_:2},[e.renderList(b,(a,g)=>({name:g,fn:e.withCtx(A=>[e.renderSlot(o.$slots,g,e.normalizeProps(e.guardReactiveProps(A||{})))])}))]),1040,["class","columns","data-source"])]),_:3},16,["label"])],64))}});exports.default=U;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("../../ap-form/index.js"),s=require("lodash-unified");require("../../config-provider/index.js");const D=require("../hooks/use-editable-columns.js");require("../index.vue2.js");const P=require("../hooks/use-editable-form-item-api.js"),k=require("../../ap-form/context.js"),H=require("../../ap-form/utils/get.js"),L=require("../utils.js"),M=require("../../ap-form/hooks/use-watch.js"),O=require("./utils.js"),z=require("../style/editable.js"),G=require("../../config-provider/hooks/use-namespace.js"),K=require("../../config-provider/hooks/use-global-config.js"),W=require("../index.vue.js"),U=e.defineComponent({name:"EditableGrid",__name:"form-item",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:{},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:{},rowHoverable:{type:Boolean},rowSelection:{type:[Boolean,Object]},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},getRowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{},autoHeight:{type:Boolean},onUpdate:{},customRow:{},theme:{},columns:{},defaultValue:{},onChange:{},maxLength:{},onFieldChange:{},label:{},name:{},formItem:{}},setup(h,{expose:y}){const b=e.useSlots(),t=h,{b:C}=G.useNamespace("editable-aggrid"),R=z.default("editable-aggrid"),r=e.ref(),{internalInstance:u,model:v}=k.useInjectForm(),i=L.getShadowName(t.name);let c;e.onMounted(()=>{const o=t.formItem?.initialValue??H.getModelValue(e.unref(v),t.name);c=s.cloneDeep(o),m(o,"suffix")});const l=e.ref([]),x=M.useWatch(t.name);e.watch(()=>x.value,o=>{s.isEqual(o,l.value)||p(o??c)},{deep:!0});const B=K.useGlobalConfig("valueTypeMap"),q=D.useGetEditableColumns(t,B,i),{add:S,addMultiple:m,remove:_,removeByKey:I,getRowData:E,getRowsData:F,setRowData:N,clear:T,refreshRowIds:d}=P.useEditableFormItemApi(t,u,l,i);function V(){const o=r.value?._internalGridApi;if(!d.value?.length||!o)return;const a=d.value.map(n=>o.getRowNode(n)).filter(n=>!!n);o.refreshCells({rowNodes:a,force:!0}),d.value=[]}function p(o){l.value=o;const a=O.arrayToObject(o,t.rowKey);u?.setFieldValue(t.name,o),u?.setFieldValue(i,a)}function f(o,a){const n=o==="end"?l.value.length-1:o;r.value?.scrollToRow(n,a)}function j(o,a){r.value?.scrollToColumn(o,a)}return y({add:S,addMultiple:m,remove:_,removeByKey:I,getRowData:E,getRowsData:F,setRowData:N,clear:T,setTableData:p,scrollTo:f,scrollToRow:f,scrollToColumn:j}),(o,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(w.ApForm).FormItem,{hidden:"",name:o.name},null,8,["name"]),e.createVNode(e.unref(w.ApForm).FormItem,e.mergeProps(e.unref(s.omit)(o.formItem,"initialValue"),{label:o.label}),{default:e.withCtx(()=>[e.createVNode(W.default,e.mergeProps(e.unref(s.omit)(t,["name","maxLength","onChange","defaultValue","formItem"]),{ref_key:"tableRef",ref:r,class:[e.unref(C)(),e.unref(R)],size:"mini",columns:e.unref(q),"data-source":l.value,"search-form":!1,onUpdate:V}),e.createSlots({_:2},[e.renderList(b,(n,g)=>({name:g,fn:e.withCtx(A=>[e.renderSlot(o.$slots,g,e.normalizeProps(e.guardReactiveProps(A||{})))])}))]),1040,["class","columns","data-source"])]),_:3},16,["label"])],64))}});exports.default=U;

package/lib/src/ag-grid/editable/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("../../ap-form/index.js"),u=require("lodash-unified");require("../../config-provider/index.js");require("../../hooks/index.js");const P=require("../hooks/use-editable-columns.js");require("../index.vue2.js");const z=require("../hooks/use-editable-api.js"),c=require("./utils.js"),G=require("../style/editable.js"),H=require("../../config-provider/hooks/use-namespace.js"),L=require("../../hooks/useControllableValue.js"),M=require("../../config-provider/hooks/use-global-config.js"),U=require("../index.vue.js"),W=e.defineComponent({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:{},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,Object]},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},getRowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{},autoHeight:{type:Boolean},onUpdate:{},customRow:{},theme:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},name:{default:"ap-editable-table-inner-name"},onFieldChange:{}},emits:["update:value"],setup(y,{expose:w,emit:b}){const g=e.useSlots(),o=y,{b:h}=H.useNamespace("editable-aggrid"),C=G.default("editable-aggrid"),v=b,s=e.ref(),{value:r,updateValue:p}=L.useControllableValue(o,v),l=e.ref(),R=d.ApForm.useWatch(o.name,l);e.watch(r,a=>{const t=c.arrayToObject(a,o.rowKey);u.isEqual(t,e.unref(R))||l.value?.setFieldValue(o.name,t)},{deep:!0});const x=M.useGlobalConfig("valueTypeMap"),B=P.useGetEditableColumns(o,x),{add:_,addMultiple:S,remove:T,removeByKey:q,getRowData:F,getRowsData:E,setRowData:A,clear:N,refreshRowIds:i}=z.useEditableApi(o,l,r,p);function j(){const a=s.value?._internalGridApi;if(!i.value?.length||!a)return;const t=i.value.map(n=>a.getRowNode(n)).filter(n=>!!n);a.refreshCells({rowNodes:t,force:!0}),i.value=[]}function V(){l.value?.resetFields()}function O(a){return a?(u.isArray(a)?a:[a]).map(n=>u.isArray(n)?[o.name,...n]:[o.name,n]):void 0}async function k(a,t){return(await l.value?.validateFields(O(a),t))?.[o.name]}function D(a){p(a);const t=c.arrayToObject(a,o.rowKey);l.value?.setFieldValue(o.name,t)}function f(a,t){const n=a==="end"?r.value.length-1:a;s.value?.scrollToRow(n,t)}function K(a,t){s.value?.scrollToColumn(a,t)}return w({resetFields:V,validateFields:k,add:_,addMultiple:S,remove:T,removeByKey:q,getRowData:F,getRowsData:E,setRowData:A,clear:N,setTableData:D,scrollTo:f,scrollToRow:f,scrollToColumn:K}),(a,t)=>(e.openBlock(),e.createBlock(e.unref(d.ApForm),{ref_key:"formRef",ref:l,"initial-values":{[o.name]:e.unref(c.arrayToObject)(e.unref(r),o.rowKey)},style:{height:"100%"}},{default:e.withCtx(()=>[e.createVNode(e.unref(d.ApForm).FormItem,{name:a.name,"no-style":""},{default:e.withCtx(()=>[e.createVNode(U.default,e.mergeProps(e.unref(u.omit)(o,["name","value","onUpdate:value","maxLength","onChange","defaultValue"]),{ref_key:"tableRef",ref:s,class:[e.unref(h)(),e.unref(C)],size:"mini",columns:e.unref(B),"data-source":e.unref(r),"search-form":!1,onUpdate:j}),e.createSlots({_:2},[e.renderList(g,(n,m)=>({name:m,fn:e.withCtx(I=>[e.renderSlot(a.$slots,m,e.normalizeProps(e.guardReactiveProps(I||{})))])}))]),1040,["class","columns","data-source"])]),_:3},8,["name"])]),_:3},8,["initial-values"]))}});exports.default=W;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("../../ap-form/index.js"),u=require("lodash-unified");require("../../config-provider/index.js");require("../../hooks/index.js");const I=require("../hooks/use-editable-columns.js");require("../index.vue2.js");const P=require("../hooks/use-editable-api.js"),c=require("./utils.js"),z=require("../style/editable.js"),G=require("../../config-provider/hooks/use-namespace.js"),L=require("../../hooks/useControllableValue.js"),M=require("../../config-provider/hooks/use-global-config.js"),U=require("../index.vue.js"),W=e.defineComponent({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:{},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:{},rowHoverable:{type:Boolean},rowSelection:{type:[Boolean,Object]},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},getRowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{},autoHeight:{type:Boolean},onUpdate:{},customRow:{},theme:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},name:{default:"ap-editable-table-inner-name"},onFieldChange:{}},emits:["update:value"],setup(y,{expose:w,emit:b}){const g=e.useSlots(),a=y,{b:h}=G.useNamespace("editable-aggrid"),v=z.default("editable-aggrid"),C=b,s=e.ref(),{value:r,updateValue:p}=L.useControllableValue(a,C),l=e.ref(),R=d.ApForm.useWatch(a.name,l);e.watch(r,o=>{const t=c.arrayToObject(o,a.rowKey);u.isEqual(t,e.unref(R))||l.value?.setFieldValue(a.name,t)},{deep:!0});const x=M.useGlobalConfig("valueTypeMap"),B=I.useGetEditableColumns(a,x),{add:_,addMultiple:S,remove:T,removeByKey:q,getRowData:F,getRowsData:E,setRowData:A,clear:N,refreshRowIds:i}=P.useEditableApi(a,l,r,p);function j(){const o=s.value?._internalGridApi;if(!i.value?.length||!o)return;const t=i.value.map(n=>o.getRowNode(n)).filter(n=>!!n);o.refreshCells({rowNodes:t,force:!0}),i.value=[]}function V(){l.value?.resetFields()}function O(o){return o?(u.isArray(o)?o:[o]).map(n=>u.isArray(n)?[a.name,...n]:[a.name,n]):void 0}async function k(o,t){return(await l.value?.validateFields(O(o),t))?.[a.name]}function D(o){p(o);const t=c.arrayToObject(o,a.rowKey);l.value?.setFieldValue(a.name,t)}function f(o,t){const n=o==="end"?r.value.length-1:o;s.value?.scrollToRow(n,t)}function K(o,t){s.value?.scrollToColumn(o,t)}return w({resetFields:V,validateFields:k,add:_,addMultiple:S,remove:T,removeByKey:q,getRowData:F,getRowsData:E,setRowData:A,clear:N,setTableData:D,scrollTo:f,scrollToRow:f,scrollToColumn:K}),(o,t)=>(e.openBlock(),e.createBlock(e.unref(d.ApForm),{ref_key:"formRef",ref:l,"initial-values":{[a.name]:e.unref(c.arrayToObject)(e.unref(r),a.rowKey)},style:{height:"100%"}},{default:e.withCtx(()=>[e.createVNode(e.unref(d.ApForm).FormItem,{name:o.name,"no-style":""},{default:e.withCtx(()=>[e.createVNode(U.default,e.mergeProps(e.unref(u.omit)(a,["name","value","onUpdate:value","maxLength","onChange","defaultValue"]),{ref_key:"tableRef",ref:s,class:[e.unref(h)(),e.unref(v)],size:"mini",columns:e.unref(B),"data-source":e.unref(r),"search-form":!1,onUpdate:j}),e.createSlots({_:2},[e.renderList(g,(n,m)=>({name:m,fn:e.withCtx(H=>[e.renderSlot(o.$slots,m,e.normalizeProps(e.guardReactiveProps(H||{})))])}))]),1040,["class","columns","data-source"])]),_:3},8,["name"])]),_:3},8,["initial-values"]))}});exports.default=W;