@aplus-frontend/ui 7.7.8 → 7.7.10

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

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

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

@@ -5,6 +5,7 @@ import { Key } from '@aplus-frontend/antdv/es/_util/type';
 export declare const useEditableFormItemApi: <RecordType>(props: EditableAgGridProps<RecordType>, formApi: ApFormInternalInstance | undefined, tableData: Ref<RecordType[]>, shadowName: string) => {
     add: (defaultValue?: Partial<RecordType>, insertIndex?: number) => void;
     addMultiple: (list: number | Partial<RecordType>[], insetIn?: "prefix" | "suffix") => void;
+    __addMultiple: (list: number | Partial<RecordType>[], insetIn?: "prefix" | "suffix", overwriting?: boolean) => void;
     remove: (data: RecordType | RecordType[]) => void;
     removeByKey: (key: Key | Key[]) => void;
     getRowData: (index: number) => RecordType;

package/es/src/ag-grid/hooks/use-editable-form-item-api.mjs

@@ -1,177 +1,181 @@
-import { shallowRef as E, unref as d } from "vue";
+import { shallowRef as U, unref as h } from "vue";
 import "../../utils/index.mjs";
-import { isFunction as F, isUndefined as x, isNumber as h, cloneDeep as S, isArray as V } from "lodash-unified";
-import { getRowKey as y, arrayToObject as U } from "../editable/utils.mjs";
-import { isDef as R } from "../../utils/is.mjs";
-let $ = 0;
-function I() {
-  return `_ag_grid${$++}`;
+import { isFunction as V, isUndefined as R, isNumber as F, cloneDeep as $, isArray as I } from "lodash-unified";
+import { getRowKey as y, arrayToObject as q } from "../editable/utils.mjs";
+import { isDef as j } from "../../utils/is.mjs";
+let C = 0;
+function k() {
+  return `_ag_grid${C++}`;
 }
-const P = (l, c, n, w) => {
-  const K = E([]);
-  function j(f, s) {
-    const v = d(n)?.length || 0;
-    if (R(l.maxLength) && v >= l.maxLength || !f && F(l.rowKey))
+const W = (l, c, n, w) => {
+  const d = U([]);
+  function L(i, t) {
+    const v = h(n)?.length || 0;
+    if (j(l.maxLength) && v >= l.maxLength || !i && V(l.rowKey))
       return;
-    const t = {
-      ...f || { [l.rowKey]: I() }
+    const f = {
+      ...i || { [l.rowKey]: k() }
     };
     c?.setFieldValue(
       w,
-      t,
+      f,
       !1,
-      (i, r) => {
-        const e = y(t, void 0, l.rowKey);
-        i[r] ? i[r][e] = t : i[r] = { [e]: t }, n.value ? x(s) ? n.value.push(t) : (K.value = n.value.map(
-          (u, o) => o < s ? null : y(u, o, l.rowKey)
-        ).filter(Boolean), n.value.splice(s, 0, t)) : n.value = [t], c?.setFieldValue(
+      (o, s) => {
+        const e = y(f, void 0, l.rowKey);
+        o[s] ? o[s][e] = f : o[s] = { [e]: f }, n.value ? R(t) ? n.value.push(f) : (d.value = n.value.map(
+          (u, r) => r < t ? null : y(u, r, l.rowKey)
+        ).filter(Boolean), n.value.splice(t, 0, f)) : n.value = [f], c?.setFieldValue(
           l.name,
-          t,
+          f,
           !0,
-          (u, o) => {
-            if (!u[o]) {
-              u[o] = [t];
+          (u, r) => {
+            if (!u[r]) {
+              u[r] = [f];
               return;
             }
-            x(s) ? u[o].push(t) : u[o].splice(s, 0, t);
+            R(t) ? u[r].push(f) : u[r].splice(t, 0, f);
           }
         );
       }
     );
   }
-  function k(f, s = "suffix") {
-    if (!f)
+  function x(i, t = "suffix", v = !1) {
+    if (!i)
       return;
-    const v = d(n)?.length || 0, t = h(f) ? f : f.length;
-    if (R(l.maxLength) && v + t > l.maxLength || h(f) && F(l.rowKey))
+    const f = h(n)?.length || 0, o = F(i) ? i : i.length;
+    if (j(l.maxLength) && f + o > l.maxLength || F(i) && V(l.rowKey))
       return;
-    const i = h(f) ? new Array(f).fill(0).map(() => ({ [l.rowKey]: I() })) : S(f), r = U(i, l.rowKey);
+    const s = F(i) ? new Array(i).fill(0).map(() => ({ [l.rowKey]: k() })) : $(i), e = q(s, l.rowKey);
     c?.setFieldValue(
       w,
-      r,
+      e,
       !1,
-      (e, u) => {
-        e[u] ? Object.assign(e[u], r) : e[u] = r, n.value ? s === "suffix" ? n.value.push(...i) : (K.value = n.value.map(
-          (o, g) => y(o, g, l.rowKey)
-        ), n.value.unshift(...i)) : n.value = [...i], c?.setFieldValue(
+      (u, r) => {
+        u[r] ? Object.assign(u[r], e) : u[r] = e, n.value ? t === "suffix" ? n.value.push(...s) : (d.value = n.value.map(
+          (g, K) => y(g, K, l.rowKey)
+        ), n.value.unshift(...s)) : n.value = [...s], c?.setFieldValue(
           l.name,
-          i,
+          s,
           !0,
-          (o, g) => {
-            if (!o[g]) {
-              o[g] = [...i];
+          (g, K) => {
+            if (!g[K] || v) {
+              g[K] = [...s];
               return;
             }
-            s === "suffix" ? o[g].push(...i) : o[g].unshift(...i);
+            t === "suffix" ? g[K].push(...s) : g[K].unshift(...s);
           }
         );
       }
     );
   }
-  function L(f) {
-    const s = V(f) ? f : [f];
+  function O(i, t = "suffix") {
+    x(i, t, !1);
+  }
+  function T(i) {
+    const t = I(i) ? i : [i];
     c?.setFieldValue(
       w,
       void 0,
       !1,
-      (v, t) => {
-        for (const e of s) {
+      (v, f) => {
+        for (const e of t) {
           const u = y(e, void 0, l.rowKey);
-          delete v[t][u];
+          delete v[f][u];
         }
-        const i = n.value.filter(
-          (e) => !s.includes(e)
-        ), r = n.value.findIndex(
-          (e) => s.includes(e)
+        const o = n.value.filter(
+          (e) => !t.includes(e)
+        ), s = n.value.findIndex(
+          (e) => t.includes(e)
         );
-        K.value = n.value.map(
-          (e, u) => u <= r ? null : y(e, u, l.rowKey)
-        ).filter(Boolean), i.length ? n.value = i : n.value.splice(0, n.value.length), c.setFieldValue(
+        d.value = n.value.map(
+          (e, u) => u <= s ? null : y(e, u, l.rowKey)
+        ).filter(Boolean), o.length ? n.value = o : n.value.splice(0, n.value.length), c.setFieldValue(
           l.name,
           void 0,
           !0,
           (e, u) => {
-            e[u] = i;
+            e[u] = o;
           }
         );
       }
     );
   }
-  function O(f) {
-    const s = new Set(V(f) ? f : [f]);
-    s.size !== 0 && c?.setFieldValue(
+  function _(i) {
+    const t = new Set(I(i) ? i : [i]);
+    t.size !== 0 && c?.setFieldValue(
       w,
       void 0,
       !1,
-      (v, t) => {
-        for (const e of s)
-          delete v[t][e];
-        const i = n.value.filter(
-          (e, u) => !s.has(y(e, u, l.rowKey))
-        ), r = n.value.findIndex(
-          (e, u) => s.has(y(e, u, l.rowKey))
+      (v, f) => {
+        for (const e of t)
+          delete v[f][e];
+        const o = n.value.filter(
+          (e, u) => !t.has(y(e, u, l.rowKey))
+        ), s = n.value.findIndex(
+          (e, u) => t.has(y(e, u, l.rowKey))
         );
-        K.value = n.value.map(
-          (e, u) => u <= r ? null : y(e, u, l.rowKey)
-        ).filter(Boolean), i.length ? n.value = i : n.value.splice(0, n.value.length), c.setFieldValue(
+        d.value = n.value.map(
+          (e, u) => u <= s ? null : y(e, u, l.rowKey)
+        ).filter(Boolean), o.length ? n.value = o : n.value.splice(0, n.value.length), c.setFieldValue(
           l.name,
           void 0,
           !0,
           (e, u) => {
-            e[u] = i;
+            e[u] = o;
           }
         );
       }
     );
   }
-  function T(f) {
-    return d(n)?.[f];
+  function B(i) {
+    return h(n)?.[i];
   }
-  function B() {
-    return d(n);
+  function z() {
+    return h(n);
   }
-  function _(f, s, v = !0) {
+  function E(i, t, v = !0) {
     c?.setFieldValue?.(
       w,
       void 0,
       !1,
-      (t, i) => {
-        const r = n.value.findIndex(
-          (u, o) => f === o
+      (f, o) => {
+        const s = n.value.findIndex(
+          (u, r) => i === r
         );
-        if (!~r)
+        if (!~s)
           return;
         const e = y(
-          n.value[r],
-          r,
+          n.value[s],
+          s,
           l.rowKey
         );
-        if (e && !(!t[i] || !t[i][e])) {
+        if (e && !(!f[o] || !f[o][e])) {
           if (!v) {
-            const u = Object.keys(t[i][e]);
-            for (const o of u)
-              o !== l.rowKey && delete t[i][e][o];
+            const u = Object.keys(f[o][e]);
+            for (const r of u)
+              r !== l.rowKey && delete f[o][e][r];
           }
-          Object.assign(t[i][e], { ...s });
+          Object.assign(f[o][e], { ...t });
         }
       }
     );
   }
-  function z() {
+  function S() {
     c?.setFieldValue(w, {}), c?.setFieldValue(l.name, []);
   }
   return {
-    add: j,
-    addMultiple: k,
-    remove: L,
-    removeByKey: O,
-    getRowData: T,
-    getRowsData: B,
-    setRowData: _,
-    clear: z,
-    refreshRowIds: K
+    add: L,
+    addMultiple: O,
+    __addMultiple: x,
+    remove: T,
+    removeByKey: _,
+    getRowData: B,
+    getRowsData: z,
+    setRowData: E,
+    clear: S,
+    refreshRowIds: d
   };
 };
 export {
-  P as useEditableFormItemApi
+  W as useEditableFormItemApi
 };

package/es/src/ap-action/item-dropdown/index.vue.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as w, ref as B, computed as A, createBlock as n, openBlock as r, unref as o, normalizeClass as s, withCtx as l, createElementVNode as c, createVNode as d, normalizeProps as b, guardReactiveProps as I, renderSlot as h, createCommentVNode as C, createElementBlock as P, Fragment as D, renderList as N, mergeProps as p } from "vue";
-import { Dropdown as $, Menu as L, MenuItem as V } from "@aplus-frontend/antdv";
+import { defineComponent as w, ref as B, computed as A, createBlock as n, openBlock as t, unref as o, normalizeClass as s, withCtx as l, createElementVNode as c, createVNode as d, normalizeProps as b, guardReactiveProps as C, renderSlot as I, resolveDynamicComponent as h, createCommentVNode as D, createElementBlock as P, Fragment as N, renderList as $, mergeProps as p } from "vue";
+import { Dropdown as L, Menu as V, MenuItem as x } from "@aplus-frontend/antdv";
 import "../item/index.vue.mjs";
 import "../item-modal/index.vue2.mjs";
 import "../item-popconfirm/index.vue2.mjs";
@@ -10,8 +10,8 @@ import M from "../style/dropdown-item.mjs";
 import { useNamespace as S } from "../../config-provider/hooks/use-namespace.mjs";
 import y from "../item/index.vue2.mjs";
 import U from "../item-modal/index.vue.mjs";
-import x from "../item-popconfirm/index.vue.mjs";
-const Z = /* @__PURE__ */ w({
+import R from "../item-popconfirm/index.vue.mjs";
+const ee = /* @__PURE__ */ w({
   name: "ApActionItemDropDown",
   __name: "index",
   props: {
@@ -40,31 +40,31 @@ const Z = /* @__PURE__ */ w({
         }
       }
     })));
-    return (e, a) => (r(), n(o($), {
+    return (e, a) => (t(), n(o(L), {
       open: i.value,
-      "onUpdate:open": a[0] || (a[0] = (t) => i.value = t),
+      "onUpdate:open": a[0] || (a[0] = (r) => i.value = r),
       trigger: e.trigger,
       placement: e.placement,
       class: s(o(u))
     }, {
       overlay: l(() => [
-        d(o(L), null, {
+        d(o(V), null, {
           default: l(() => [
-            (r(!0), P(D, null, N(v.value, (t, k) => (r(), n(o(V), {
+            (t(!0), P(N, null, $(v.value, (r, k) => (t(), n(o(x), {
               key: k,
               class: s([o(u), o(f)("item")])
             }, {
               default: l(() => [
-                t.modalProps ? (r(), n(U, p({
+                r.modalProps ? (t(), n(U, p({
                   key: 0,
                   ref_for: !0
-                }, t), null, 16)) : t.popconfirmProps ? (r(), n(x, p({
+                }, r), null, 16)) : r.popconfirmProps ? (t(), n(R, p({
                   key: 1,
                   ref_for: !0
-                }, t), null, 16)) : (r(), n(y, p({
+                }, r), null, 16)) : (t(), n(y, p({
                   key: 2,
                   ref_for: !0
-                }, t), null, 16))
+                }, r), null, 16))
               ]),
               _: 2
             }, 1032, ["class"]))), 128))
@@ -76,17 +76,19 @@ const Z = /* @__PURE__ */ w({
         c("span", {
           class: s(o(_)())
         }, [
-          d(y, b(I(o(F)(m, ["actions", "trigger", "placement"]))), {
+          d(y, b(C(o(F)(m, ["actions", "trigger", "placement", "text"]))), {
             default: l(() => [
-              h(e.$slots, "default")
+              I(e.$slots, "default", {}, () => [
+                (t(), n(h(() => e.text)))
+              ]),
+              c("span", {
+                class: s(o(f)("icon"))
+              }, [
+                e.showIcon ? (t(), n(o(z), { key: 0 })) : D("", !0)
+              ], 2)
             ]),
             _: 3
-          }, 16),
-          c("span", {
-            class: s(o(f)("icon"))
-          }, [
-            e.showIcon ? (r(), n(o(z), { key: 0 })) : C("", !0)
-          ], 2)
+          }, 16)
         ], 2)
       ]),
       _: 3
@@ -94,5 +96,5 @@ const Z = /* @__PURE__ */ w({
   }
 });
 export {
-  Z as default
+  ee as default
 };

package/es/src/ap-action/item-popconfirm/index.vue.d.ts

@@ -310,6 +310,7 @@ declare const __VLS_component: DefineComponent<ApActionItemPopconfirmProps, {},
         };
         onConfirm: PropType<(e: MouseEvent) => void>;
         onCancel: PropType<(e: MouseEvent) => void>;
+        onPopupClick: PropType<(e: MouseEvent) => void>;
         trigger: PropType< TriggerType | TriggerType[]>;
         open: {
             type: BooleanConstructor;

package/es/src/ap-action/style/dropdown-item.mjs

@@ -1,6 +1,6 @@
 import { genComponentStyleHook as i } from "../../utils/cssinjs/index.mjs";
-const c = (e) => {
-  const { componentCls: n, namespace: o } = e, t = `.${o}-action-item`;
+const l = (e) => {
+  const { componentCls: n, namespace: t } = e, o = `.${t}-action-item`;
   return {
     [n]: {
       display: "inline-flex",
@@ -8,22 +8,20 @@ const c = (e) => {
       alignItems: "center",
       // dropdown menu item
       "&__item": {
-        [t]: {
+        [o]: {
           width: "100%"
         }
       },
       [`${n}__icon`]: {
-        color: e.colorLink,
-        marginLeft: e.spaceXXS,
         fontSize: e.fontSize,
         display: "inline-flex"
       }
     }
   };
-}, r = i("ApAction.Dropdown", (e) => [
-  c(e)
+}, s = i("ApAction.Dropdown", (e) => [
+  l(e)
 ]);
 export {
-  r as default,
-  c as genActionDropdownItemStyle
+  s as default,
+  l as genActionDropdownItemStyle
 };

package/es/src/ap-action/style/index.d.ts

@@ -5,6 +5,9 @@ export type ActionToken = {
      * 加载中时的组件透明度
      */
     loadingOpacity: number;
+    /**
+     * 加载中图标出现/隐藏时的动画效果
+     */
     apActionLoadingIconEase: string;
 };
 export declare const genActionItemStyle: GenStyleFunc<ActionToken>;