@aplus-frontend/ui 6.32.0 → 6.33.0

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

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

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

@@ -1,5 +1,6 @@
 import { default as AgGrid } from './index.vue';
 import { default as EditableAgGrid } from './editable/index.vue';
-export { AgGrid, EditableAgGrid };
+import { default as EditableAgGridFormItem } from './editable/form-item.vue';
+export { AgGrid, EditableAgGrid, EditableAgGridFormItem };
 export * from './interface';
 export * from './editable/interface';

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

@@ -1,4 +1,5 @@
 import "./index.vue2.mjs";
 import "./editable/index.vue2.mjs";
+import "./editable/form-item.vue2.mjs";
 import "./interface.mjs";
 import "./editable/interface.mjs";

package/es/src/ap-drawer/interface.d.ts

@@ -1,4 +1,5 @@
 import { DrawerProps } from '@aplus-frontend/antdv';
+import { AppContext } from 'vue';
 export type CreateDrawerFuncProps<ContentRecord = any> = Omit<DrawerProps, 'visible' | 'onUpdate:visible' | 'afterVisibleChange' | 'onAfterVisibleOChange' | 'open' | 'onUpdate:open' | 'destroyOnClose' | 'onClose' | 'getContainer' | 'extra' | 'footer'> & Partial<{
     onClose: (params: ContentRecord) => any | Promise<any>;
     getContainer: HTMLElement;
@@ -6,6 +7,10 @@ export type CreateDrawerFuncProps<ContentRecord = any> = Omit<DrawerProps, 'visi
     destroyOnClose: boolean;
     extra: (params: ContentRecord, close: () => void) => any;
     footer: (params: ContentRecord, close: () => void) => any;
+    /**
+     * 抽屉的上下文，一般用于获取全局注册组件、vuex 等内容
+     */
+    appContext: AppContext;
 }>;
 export type CreateDrawerFuncReturn = {
     destroy: () => void;

package/es/src/ap-drawer/utils/createDrawer.mjs

@@ -1,29 +1,30 @@
-import { render as c, defineComponent as C, createVNode as a, mergeProps as g, h as x } from "vue";
-import { Drawer as v } from "@aplus-frontend/antdv";
-import { ConfigProvider as b, globalConfigCached as w } from "../../config-provider/config-provider.mjs";
-import { omit as P } from "lodash-unified";
+import { render as m, defineComponent as g, createVNode as l, mergeProps as b, h as v } from "vue";
+import { Drawer as w } from "@aplus-frontend/antdv";
+import { ConfigProvider as P, globalConfigCached as y } from "../../config-provider/config-provider.mjs";
+import { omit as A } from "lodash-unified";
 import "../components/ApDrawerClose.vue.mjs";
-import y from "../components/ApDrawerClose.vue2.mjs";
-const _ = (n) => {
+import { getModalGlobalAppContext as D } from "../../ap-modal/utils/util.mjs";
+import O from "../components/ApDrawerClose.vue2.mjs";
+const N = (n) => {
   let o, s;
   const {
     destroyOnClose: r = !0
   } = n;
   function p() {
     o && o(!1), setTimeout(() => {
-      c(null, t), t.parentElement?.removeChild(t);
+      m(null, t), t.parentElement?.removeChild(t);
     }, 500);
   }
-  function h() {
+  function f() {
     o && o(!0);
   }
   function i() {
     o && o(!1);
   }
-  function m(e) {
+  function h(e) {
     s && s(e);
   }
-  const f = /* @__PURE__ */ C({
+  const C = /* @__PURE__ */ g({
     data() {
       return {
         open: r,
@@ -50,29 +51,31 @@ const _ = (n) => {
       }
     },
     render() {
-      const e = P(this.props, ["onClose", "extra", "footer", "visible", "onUpdate:visible", "afterVisibleChange", "onAfterVisibleOChange", "open", "onUpdate:open", "getContainer"]), l = this.props?.content?.component?.exposed ?? void 0, d = () => r ? p() : i();
-      return a(b, w.value, {
-        default: () => [a(v, g({
+      const e = A(this.props, ["onClose", "extra", "footer", "visible", "onUpdate:visible", "afterVisibleChange", "onAfterVisibleOChange", "open", "onUpdate:open", "getContainer"]), d = this.props?.content?.component?.exposed ?? void 0, c = () => r ? p() : i();
+      return l(P, y.value, {
+        default: () => [l(w, b({
           open: this.open,
           onClose: this.handleClose,
           closeIcon: this.props?.closeIcon ?? null,
-          extra: this.props?.extra ? this.props?.extra?.(l, d) : a(y, {
+          extra: this.props?.extra ? this.props?.extra?.(d, c) : l(O, {
             onClose: this.handleClose
           }, null),
-          footer: this.props?.footer?.(l, d)
+          footer: this.props?.footer?.(d, c)
         }, e), {
           default: () => [this.props?.content]
         })]
       });
     }
   }), u = n.getContainer || document.body, t = document.createElement("div");
-  return u.appendChild(t), c(x(f), t), {
+  u.appendChild(t);
+  const a = v(C), x = D();
+  return a.appContext = n.appContext || x || a.appContext, m(a, t), {
     destroy: p,
-    update: m,
-    open: h,
+    update: h,
+    open: f,
     close: i
   };
 };
 export {
-  _ as createDrawer
+  N as createDrawer
 };

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

@@ -11,6 +11,7 @@ type ApModalMixedProps = Omit<typeof _Modal, ApModalType | 'warn'> & {
     error: ModalFunc;
     success: ModalFunc;
     info: ModalFunc;
+    setModalGlobalAppContext: (appContext: any) => void;
 };
 declare const ApModal: ApModalMixedProps;
 export { ApModal };

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

@@ -1,12 +1,13 @@
-import { Modal as c } from "@aplus-frontend/antdv";
+import { Modal as m } from "@aplus-frontend/antdv";
 import "./utils/index.mjs";
-import { omit as m } from "lodash-unified";
-import t, { withWarn as f, withInfo as a, withSuccess as s, withError as l, withConfirm as u } from "./utils/confirm.mjs";
-import i from "./utils/destroyFns.mjs";
+import { omit as a } from "lodash-unified";
+import t, { withWarn as c, withInfo as f, withSuccess as l, withError as s, withConfirm as p } from "./utils/confirm.mjs";
+import e from "./utils/destroyFns.mjs";
+import { setModalGlobalAppContext as u } from "./utils/util.mjs";
 import "./interface.mjs";
-import { createModal as p } from "./utils/createModal.mjs";
-import { createModalStream as d } from "./utils/createModalStream.mjs";
-const o = m(c, [
+import { createModal as d } from "./utils/createModal.mjs";
+import { createModalStream as w } from "./utils/createModalStream.mjs";
+const r = a(m, [
   "confirm",
   "warning",
   "warn",
@@ -14,32 +15,33 @@ const o = m(c, [
   "success",
   "info"
 ]);
-o.createModal = p;
-o.createModalStream = d;
-function e(n) {
-  return t(f(n));
+r.createModal = d;
+r.createModalStream = w;
+function i(n) {
+  return t(c(n));
 }
-o.info = function(r) {
-  return t(a(r));
+r.info = function(o) {
+  return t(f(o));
 };
-o.success = function(r) {
-  return t(s(r));
+r.success = function(o) {
+  return t(l(o));
 };
-o.error = function(r) {
-  return t(l(r));
+r.error = function(o) {
+  return t(s(o));
 };
-o.warning = e;
-o.warn = e;
-o.confirm = function(r) {
-  return t(u(r));
+r.warning = i;
+r.warn = i;
+r.confirm = function(o) {
+  return t(p(o));
 };
-o.destroyAll = function() {
-  for (; i.length; ) {
-    const r = i.pop();
-    r && r();
+r.destroyAll = function() {
+  for (; e.length; ) {
+    const o = e.pop();
+    o && o();
   }
 };
-o.name = "ApModal";
+r.setModalGlobalAppContext = u;
+r.name = "ApModal";
 export {
-  o as ApModal
+  r as ApModal
 };

package/es/src/ap-modal/interface.d.ts

@@ -1,5 +1,6 @@
 import { ModalProps, ModalFuncProps } from '@aplus-frontend/antdv';
 import { ModalFunc, ModalStaticFunctions } from '@aplus-frontend/antdv/lib/modal/confirm';
+import { AppContext } from 'vue';
 export type CreateModalFuncProps<ContentRecord = any> = Omit<ModalProps, 'open' | 'onUpdate:open' | 'destroyOnClose' | 'onCancel' | 'onOk' | 'getContainer' | 'icon'> & Partial<{
     /**
      * 点击取消回调
@@ -29,6 +30,10 @@ export type CreateModalFuncProps<ContentRecord = any> = Omit<ModalProps, 'open'
      * 自适应高度
      */
     wrapperOffset: boolean | number;
+    /**
+     * 弹窗的上下文，一般用于获取全局注册组件、vuex 等内容
+     */
+    appContext: AppContext;
 }>;
 export type CreateModalFuncReturn = {
     /**

package/es/src/ap-modal/utils/confirm.mjs

@@ -1,76 +1,77 @@
-import { render as s, cloneVNode as h, createVNode as a, mergeProps as m } from "vue";
-import P from "@aplus-frontend/antdv/es/modal/ConfirmDialog";
-import { omit as b } from "lodash-unified";
+import { render as s, cloneVNode as h, createVNode as p, mergeProps as m } from "vue";
+import b from "@aplus-frontend/antdv/es/modal/ConfirmDialog";
+import { omit as P } from "lodash-unified";
 import "../../config-provider/index.mjs";
 import { getConfirmLocale as w } from "@aplus-frontend/antdv/es/modal/locale";
 import { globalConfigForApi as v } from "@aplus-frontend/antdv/es/config-provider";
 import c from "./destroyFns.mjs";
+import { getModalGlobalAppContext as A } from "./util.mjs";
 import { globalConfigCached as D, ConfigProvider as F } from "../../config-provider/config-provider.mjs";
-const A = (e) => {
+const G = (e) => {
   const f = document.createDocumentFragment();
   let n = {
-    ...b(e, ["parentContext", "appContext"]),
+    ...P(e, ["parentContext", "appContext"]),
     close: l,
     open: !0,
     centered: !0
   }, i = null;
-  function x(...t) {
+  function x(...o) {
     i && (s(null, f), i = null);
-    const r = t.some((o) => o && o.triggerCancel);
+    const r = o.some((t) => t && t.triggerCancel);
     e.onCancel && r && e.onCancel(() => {
-    }, ...t.slice(1));
-    for (let o = 0; o < c.length; o++)
-      if (c[o] === l) {
-        c.splice(o, 1);
+    }, ...o.slice(1));
+    for (let t = 0; t < c.length; t++)
+      if (c[t] === l) {
+        c.splice(t, 1);
         break;
       }
   }
-  function l(...t) {
+  function l(...o) {
     n = {
       ...n,
       open: !1,
       afterClose: () => {
-        typeof e.afterClose == "function" && e.afterClose(), x.apply(this, t);
+        typeof e.afterClose == "function" && e.afterClose(), x.apply(this, o);
       }
-    }, n.visible && delete n.visible, p(n);
+    }, n.visible && delete n.visible, a(n);
   }
-  function p(t) {
-    typeof t == "function" ? n = t(n) : n = {
+  function a(o) {
+    typeof o == "function" ? n = o(n) : n = {
       ...n,
-      ...t
+      ...o
     }, i && s(h(i, {
       ...n
     }), f);
   }
-  const d = (t) => {
+  const d = (o) => {
     const r = {
       ...v,
       ...D.value
-    }, o = r.prefixCls, u = t.prefixCls || `${o}-modal`, g = r.iconPrefixCls, C = w();
-    return a(F, m(r, {
-      prefixCls: o
+    }, t = r.prefixCls, u = o.prefixCls || `${t}-modal`, y = r.iconPrefixCls, C = w();
+    return p(F, m(r, {
+      prefixCls: t
     }), {
-      default: () => [a(P, m(t, {
-        rootPrefixCls: o,
+      default: () => [p(b, m(o, {
+        rootPrefixCls: t,
         prefixCls: u,
-        iconPrefixCls: g,
+        iconPrefixCls: y,
         locale: C,
-        cancelText: t.cancelText || C.cancelText
+        cancelText: o.cancelText || C.cancelText
       }), null)]
     });
   };
-  function y(t) {
-    const r = a(d, {
-      ...t
+  function g(o) {
+    const r = A(), t = p(d, {
+      ...o
     });
-    return r.appContext = e.parentContext || e.appContext || r.appContext, s(r, f), r;
+    return t.appContext = e.appContext || r || t.appContext, s(t, f), t;
   }
-  return i = y(n), c.push(l), {
+  return i = g(n), c.push(l), {
     destroy: l,
-    update: p
+    update: a
   };
 };
-function E(e) {
+function M(e) {
   return {
     ...e,
     type: "warning"
@@ -101,10 +102,10 @@ function z(e) {
   };
 }
 export {
-  A as default,
+  G as default,
   z as withConfirm,
   q as withError,
   S as withInfo,
   j as withSuccess,
-  E as withWarn
+  M as withWarn
 };

package/es/src/ap-modal/utils/createModal.mjs

@@ -1,45 +1,45 @@
-import { render as m, defineComponent as y, createVNode as d, mergeProps as x, h as k } from "vue";
-import { Modal as w } from "@aplus-frontend/antdv";
-import { ConfigProvider as P, globalConfigCached as l } from "../../config-provider/config-provider.mjs";
-import { omit as b } from "lodash-unified";
-import { isNumeric as N } from "@aplus-frontend/utils";
+import { render as m, defineComponent as b, createVNode as l, mergeProps as k, h as w } from "vue";
+import { Modal as P } from "@aplus-frontend/antdv";
+import { ConfigProvider as N, globalConfigCached as f } from "../../config-provider/config-provider.mjs";
+import { omit as L } from "lodash-unified";
+import { isNumeric as M } from "@aplus-frontend/utils";
 import "../../config-provider/index.mjs";
-import { getContainerDom as f } from "./util.mjs";
-import { getTopWindow as L } from "../../utils/index.mjs";
-import { useNamespace as E } from "../../config-provider/hooks/use-namespace.mjs";
-const q = (s) => {
-  let o, n;
+import { getContainerDom as u, getModalGlobalAppContext as A } from "./util.mjs";
+import { getTopWindow as E } from "../../utils/index.mjs";
+import { useNamespace as T } from "../../config-provider/hooks/use-namespace.mjs";
+const z = (p) => {
+  let o, t;
   const {
     destroyOnClose: a = !0,
-    wrapperOffset: t = !1
-  } = s, {
-    b: p
-  } = E("ap-modal");
+    wrapperOffset: n = !1
+  } = p, {
+    b: s
+  } = T("ap-modal");
   function i() {
     o && o(!1), setTimeout(() => {
       m(null, r), r.parentElement?.removeChild(r);
     }, 500);
   }
-  function u() {
+  function h() {
     o && o(!0);
   }
   function c() {
     o && o(!1);
   }
-  function h(e) {
-    n && n(e);
+  function C(e) {
+    t && t(e);
   }
-  const C = /* @__PURE__ */ y({
+  const g = /* @__PURE__ */ b({
     data() {
       return {
         open: a,
-        props: s
+        props: p
       };
     },
     created() {
       o = (e) => {
         this.open = e;
-      }, n = (e) => {
+      }, t = (e) => {
         this.props = {
           ...this.props,
           ...e
@@ -56,54 +56,56 @@ const q = (s) => {
       },
       async handleOk() {
         try {
-          if (n({
+          if (t({
             confirmLoading: !0
           }), this.props?.onOk) {
             const e = this.props?.content?.component?.exposed ?? void 0;
             await this.props.onOk(e);
           }
-          n({
+          t({
             confirmLoading: !1
           }), a ? i() : c();
         } catch {
-          n({
+          t({
             confirmLoading: !1
           });
         }
       }
     },
     render() {
-      const e = b(this.props, ["onCancel", "onOk", "open", "onUpdate:open", "getContainer", "icon"]);
-      return d(P, l.value, {
-        default: () => [d(w, x({
+      const e = L(this.props, ["onCancel", "onOk", "open", "onUpdate:open", "getContainer", "icon"]);
+      return l(N, f.value, {
+        default: () => [l(P, k({
           class: {
-            [p()]: !0,
-            [p("wrapper")]: t
+            [s()]: !0,
+            [s("wrapper")]: n
           },
           open: this.open,
           onCancel: this.handleCancel,
           onOk: this.handleOk,
           centered: !0
         }, e), {
-          default: () => [d("div", {
+          default: () => [l("div", {
             class: {
-              [p("body-wrapper")]: t
+              [s("body-wrapper")]: n
             },
-            style: t === !1 ? {} : {
-              maxHeight: `calc(100vh - ${(t === !0 ? 100 : N(t) ? Number(t) : 100) * 2}px)`
+            style: n === !1 ? {} : {
+              maxHeight: `calc(100vh - ${(n === !0 ? 100 : M(n) ? Number(n) : 100) * 2}px)`
             }
           }, [this.props?.content])]
         })]
       });
     }
-  }), g = f(l?.value?.getPopupContainer), O = f(s.getContainer), v = g || O || L().document.body, r = document.createElement("div");
-  return v.appendChild(r), m(k(C), r), {
+  }), x = u(f?.value?.getPopupContainer), v = u(p.getContainer), O = x || v || E().document.body, r = document.createElement("div");
+  O.appendChild(r);
+  const d = w(g), y = A();
+  return d.appContext = p.appContext || y || d.appContext, m(d, r), {
     destroy: i,
-    update: h,
-    open: u,
+    update: C,
+    open: h,
     close: c
   };
 };
 export {
-  q as createModal
+  z as createModal
 };

package/es/src/ap-modal/utils/util.d.ts

@@ -1 +1,4 @@
+import { AppContext } from 'vue';
 export declare const getContainerDom: (params?: HTMLElement | Element | (() => HTMLElement | Element)) => Element | undefined;
+export declare const setModalGlobalAppContext: (appContext: AppContext) => void;
+export declare const getModalGlobalAppContext: () => AppContext;

package/es/src/ap-modal/utils/util.mjs

@@ -1,4 +1,10 @@
-const n = (t) => typeof t == "function" ? t?.() : t;
+const e = (t) => typeof t == "function" ? t?.() : t;
+let o;
+const n = (t) => {
+  o = t;
+}, l = () => o;
 export {
-  n as getContainerDom
+  e as getContainerDom,
+  l as getModalGlobalAppContext,
+  n as setModalGlobalAppContext
 };