@aplus-frontend/ui 7.15.4 → 7.15.5

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

@@ -125,6 +125,9 @@ const _e = /* @__PURE__ */ A({
     emptyComponent: {},
     emptyText: {},
     onColumnResized: {},
+    animateRows: {
+      type: Boolean
+    },
     columns: {},
     defaultValue: {},
     onChange: {},

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

@@ -1,4 +1,4 @@
-import { defineComponent as M, useSlots as $, ref as R, watch as q, unref as l, createBlock as J, openBlock as Q, withCtx as p, createVNode as b, mergeProps as X, createSlots as Y, renderList as Z, renderSlot as ee, normalizeProps as oe, guardReactiveProps as ae } from "vue";
+import { defineComponent as M, useSlots as $, ref as h, watch as q, unref as l, createBlock as J, openBlock as Q, withCtx as p, createVNode as b, mergeProps as X, createSlots as Y, renderList as Z, renderSlot as ee, normalizeProps as oe, guardReactiveProps as ae } from "vue";
 import { isEqual as te, isArray as v, omit as ne } from "lodash-unified";
 import { ApForm as c } from "../../ap-form/index.mjs";
 import "../../config-provider/index.mjs";
@@ -122,6 +122,9 @@ const Fe = /* @__PURE__ */ M({
     emptyComponent: {},
     emptyText: {},
     onColumnResized: {},
+    animateRows: {
+      type: Boolean
+    },
     columns: {},
     value: {},
     defaultValue: {},
@@ -140,10 +143,10 @@ const Fe = /* @__PURE__ */ M({
   }) {
     const S = $(), a = C, {
       b: T
-    } = de("editable-aggrid"), F = se("editable-aggrid"), _ = B, i = R(), {
+    } = de("editable-aggrid"), F = se("editable-aggrid"), _ = B, i = h(), {
       value: s,
       updateValue: y
-    } = ue(a, _), r = R(), E = c.useWatch(a.name, r);
+    } = ue(a, _), r = h(), E = c.useWatch(a.name, r);
     q(s, (e) => {
       const o = f(e, a.rowKey);
       te(o, l(E)) || r.value?.setFieldValue(a.name, o);
@@ -198,7 +201,7 @@ const Fe = /* @__PURE__ */ M({
       const o = f(e, a.rowKey);
       r.value?.setFieldValue(a.name, o);
     }
-    function h(e, o) {
+    function R(e, o) {
       const t = e === "end" ? s.value.length - 1 : e;
       i.value?.scrollToRow(t, o);
     }
@@ -218,8 +221,8 @@ const Fe = /* @__PURE__ */ M({
       setRowData: z,
       clear: H,
       setTableData: U,
-      scrollTo: h,
-      scrollToRow: h,
+      scrollTo: R,
+      scrollToRow: R,
       scrollToColumn: W,
       table: i
     }), (e, o) => (Q(), J(l(c), {

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

@@ -1,8 +1,8 @@
-import { defineComponent as Co, useSlots as yo, ref as M, toRef as B, computed as n, unref as r, nextTick as A, watch as G, createElementBlock as L, openBlock as y, normalizeStyle as W, normalizeClass as h, createCommentVNode as de, createElementVNode as T, createVNode as ho, mergeProps as H, createSlots as vo, withCtx as ce, Fragment as Ro, renderList as bo, createBlock as U, resolveDynamicComponent as Mo, renderSlot as me } from "vue";
+import { defineComponent as yo, useSlots as Co, ref as M, toRef as B, computed as n, unref as r, nextTick as A, watch as G, createElementBlock as L, openBlock as C, normalizeStyle as W, normalizeClass as h, createCommentVNode as de, createElementVNode as T, createVNode as ho, mergeProps as H, createSlots as Ro, withCtx as ce, Fragment as vo, renderList as bo, createBlock as U, resolveDynamicComponent as Mo, renderSlot as me } from "vue";
 import { AG_GRID_LOCALE_EN as Bo, AG_GRID_LOCALE_CN as Fo } from "@ag-grid-community/locale";
 import { Pagination as ko } from "@aplus-frontend/antdv";
-import { useToken as xo } from "@aplus-frontend/antdv/es/theme/internal";
-import { ModuleRegistry as Io, ValidationModule as Ao, ColumnAutoSizeModule as To, PinnedRowModule as No, RowAutoHeightModule as Do, RowStyleModule as Eo, CellSpanModule as zo, CellStyleModule as Ko, TooltipModule as Oo, RowSelectionModule as Po, LocaleModule as Vo, ValueCacheModule as Go, GridStateModule as Lo, ColumnApiModule as Wo, RowApiModule as Ho, CellApiModule as Uo, RenderApiModule as _o, EventApiModule as jo, ScrollApiModule as $o, ClientSideRowModelApiModule as qo, ClientSideRowModelModule as Jo } from "ag-grid-community";
+import { useToken as Io } from "@aplus-frontend/antdv/es/theme/internal";
+import { ModuleRegistry as xo, ValidationModule as Ao, ColumnAutoSizeModule as To, PinnedRowModule as No, RowAutoHeightModule as Do, RowStyleModule as Eo, CellSpanModule as zo, CellStyleModule as Ko, TooltipModule as Oo, RowSelectionModule as Po, LocaleModule as Vo, ValueCacheModule as Go, GridStateModule as Lo, ColumnApiModule as Wo, RowApiModule as Ho, CellApiModule as Uo, RenderApiModule as jo, EventApiModule as _o, ScrollApiModule as $o, ClientSideRowModelApiModule as qo, ClientSideRowModelModule as Jo } from "ag-grid-community";
 import { AgGridVue as Qo } from "ag-grid-vue3";
 import { isUndefined as F, isFunction as N } from "lodash-unified";
 import { DEFAULT_ROW_SELECTION_CONFIG as pe, sizeReverseMap as Xo, sizeMap as Yo } from "../ap-grid/constants.mjs";
@@ -28,14 +28,14 @@ import mt from "./hooks/use-virtual-config.mjs";
 import pt from "./style/index.mjs";
 import { useTheme as ft } from "./theme.mjs";
 import { mergeProps as gt } from "./utils.mjs";
-import { useNamespace as St } from "../config-provider/hooks/use-namespace.mjs";
-import { useLocale as wt } from "../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as Ct } from "../config-provider/hooks/use-global-config.mjs";
-import { isDef as yt } from "../utils/is.mjs";
+import { useNamespace as wt } from "../config-provider/hooks/use-namespace.mjs";
+import { useLocale as St } from "../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as yt } from "../config-provider/hooks/use-global-config.mjs";
+import { isDef as Ct } from "../utils/is.mjs";
 import ht from "./components/row/index.vue2.mjs";
-import vt from "./components/loading/index.vue2.mjs";
-import Rt from "./components/empty/index.vue2.mjs";
-const nr = /* @__PURE__ */ Co({
+import Rt from "./components/loading/index.vue2.mjs";
+import vt from "./components/empty/index.vue2.mjs";
+const nr = /* @__PURE__ */ yo({
   name: "AgGrid",
   __name: "index",
   props: {
@@ -112,14 +112,15 @@ const nr = /* @__PURE__ */ Co({
     theme: {},
     emptyComponent: {},
     emptyText: {},
-    onColumnResized: {}
+    onColumnResized: {},
+    animateRows: { type: Boolean, default: !0 }
   },
   setup(fe, { expose: ge }) {
-    const Se = {
+    const we = {
       "zh-cn": Fo,
       en: Bo
     };
-    Io.registerModules([
+    xo.registerModules([
       Ao,
       To,
       No,
@@ -135,27 +136,27 @@ const nr = /* @__PURE__ */ Co({
       Wo,
       Ho,
       Uo,
-      _o,
       jo,
+      _o,
       $o,
       qo,
       Jo
     ]);
-    const o = fe, _ = yo(), { e: D, b: d, be: we } = St("ag-grid"), { lang: j } = wt(), Ce = pt("ag-grid"), v = M(o.size), ye = ft(
-      v,
+    const o = fe, j = Co(), { e: D, b: d, be: Se } = wt("ag-grid"), { lang: _ } = St(), ye = pt("ag-grid"), R = M(o.size), Ce = ft(
+      R,
       B(o, "rowHeight"),
       B(o, "theme")
-    ), he = mt(B(o, "virtual")), { rowPinnedGridConfig: $, getRowPinnedCellClass: ve } = it(
+    ), he = mt(B(o, "virtual")), { rowPinnedGridConfig: $, getRowPinnedCellClass: Re } = it(
       B(o, "summary")
-    ), Re = Ct("apGrid"), s = M(), [, be] = xo();
-    let R = !!o.dataSource;
+    ), ve = yt("apGrid"), s = M(), [, be] = Io();
+    let v = !!o.dataSource;
     const q = dt(o), {
-      shownColumns: S,
+      shownColumns: w,
       columns: J,
       columnKeys: Me,
       getTargetColumnByKey: Be,
       defaultSortOrder: k
-    } = nt(o), { defaultColDef: Fe, columnDefs: ke, gridWrapperRef: xe } = st(J, o, ve), Ie = {
+    } = nt(o), { defaultColDef: Fe, columnDefs: ke, gridWrapperRef: Ie } = st(J, o, Re), xe = {
       asc: "ascend",
       desc: "descend"
     }, Q = {
@@ -173,15 +174,15 @@ const nr = /* @__PURE__ */ Co({
       if (t && e.includes(t.field))
         return t;
     }
-    const x = M(Ae());
+    const I = M(Ae());
     at({
-      sorter: x,
+      sorter: I,
       setSorter(e) {
-        x.value = e;
+        I.value = e;
       }
     });
     function Ne() {
-      const e = s.value.getColumns()?.filter((c) => c.getSort() != null), t = r(x) || {};
+      const e = s.value.getColumns()?.filter((c) => c.getSort() != null), t = r(I) || {};
       let l = e?.[0];
       const u = Object.keys(t);
       if (u.length && u.every((c) => t[c] === null)) {
@@ -194,21 +195,21 @@ const nr = /* @__PURE__ */ Co({
       Z(void 0, void 0, {
         column: i,
         field: g?.field ?? i.field ?? i.colId,
-        order: f ? Ie[f] : null
+        order: f ? xe[f] : null
       });
     }
-    const X = n(() => ot(r(S), (e) => {
+    const X = n(() => ot(r(w), (e) => {
       if (e.sorter === !0)
         return e.field ?? e.dataIndex ?? e.key;
     }).filter(Boolean)), De = () => {
-      x.value = {};
+      I.value = {};
       const e = s.value;
       if (!e)
         return;
       const t = e.getColumnState()?.map((l) => ({ ...l, sort: null }));
       e.applyColumnState({ state: t });
-    }, E = M(!0), Ee = n(() => yt(o.manual) ? o.manual : rt(_.searchFormExtra?.() || []).some((t) => t.type?.name === "ApView")), {
-      formRef: w,
+    }, E = M(!0), Ee = n(() => Ct(o.manual) ? o.manual : rt(j.searchFormExtra?.() || []).some((t) => t.type?.name === "ApView")), {
+      formRef: S,
       submit: z,
       reset: K,
       data: m,
@@ -222,7 +223,7 @@ const nr = /* @__PURE__ */ Co({
       getLastParams: Pe
     } = et({
       async request(e) {
-        if (R = !1, C.value && !C.value.preserveSelectedRowKeys && F(o.dataSource) && !E.value && V(), E.value && (E.value = !1), !F(o.dataSource)) {
+        if (v = !1, y.value && !y.value.preserveSelectedRowKeys && F(o.dataSource) && !E.value && V(), E.value && (E.value = !1), !F(o.dataSource)) {
           const l = e.pageSize * (e.current - 1);
           return {
             data: (o.pagination === !1 ? o.dataSource : o.dataSource.slice(l, l + e.pageSize)) || [],
@@ -245,14 +246,14 @@ const nr = /* @__PURE__ */ Co({
       sortFields: X,
       onClickReset: De,
       defaultSortOrder: Te()
-    }), C = n(() => {
-      const e = o.rowSelection || Re.value?.rowSelection;
+    }), y = n(() => {
+      const e = o.rowSelection || ve.value?.rowSelection;
       if (e)
         return e === !0 ? pe : {
           ...pe,
           ...e
         };
-    }), Ve = ct(o, S), Ge = n(
+    }), Ve = ct(o, w), Ge = n(
       () => F(o.dataSource) ? m.records : o.dataSource
     ), {
       select: Le,
@@ -260,18 +261,18 @@ const nr = /* @__PURE__ */ Co({
       selectedRows: O,
       selectedRowKeys: He,
       clearAll: Ue,
-      selectMultiByKeys: _e,
-      selectMulti: je,
+      selectMultiByKeys: je,
+      selectMulti: _e,
       unSelectMulti: $e
     } = ut({
-      ...C.value,
+      ...y.value,
       dataSource: Ge,
       rowKey: o.rowKey
     }), qe = {
       checkbox: "multiRow",
       radio: "singleRow"
     }, Je = n(() => {
-      const e = C.value;
+      const e = y.value;
       if (!e)
         return;
       const { type: t = "checkbox", disabled: l } = e;
@@ -284,29 +285,29 @@ const nr = /* @__PURE__ */ Co({
     function P(e) {
       return N(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
     }
-    const I = ({
+    const x = ({
       api: e = s.value
     }) => {
-      if (o.onUpdate?.(), !C.value)
+      if (o.onUpdate?.(), !y.value)
         return;
       const t = O.value || [];
-      R = !1;
+      v = !1;
       const l = [];
       e.forEachNode((u) => {
         const p = u.data, i = P(p), f = u.isSelected();
         t.find((g) => P(g) === i) ? !f && l.push(u) : f && u.setSelected(!1);
       }), e.setNodesSelected({ nodes: l, newValue: !0 }), setTimeout(() => {
-        R = !0;
+        v = !0;
       }, 0);
     }, Qe = (e) => {
-      R && (e.node.isSelected() ? Le(e.data) : We(e.data), N(C.value?.tooltip) && e.api.refreshCells({
+      v && (e.node.isSelected() ? Le(e.data) : We(e.data), N(y.value?.tooltip) && e.api.refreshCells({
         rowNodes: [e.node],
         // todo: 取消硬编码
         columns: ["ag-Grid-SelectionColumn"],
         force: !0
       }));
     }, Xe = () => {
-      R = !0;
+      v = !0;
       const e = s.value;
       if (!e || !k.value)
         return;
@@ -321,8 +322,8 @@ const nr = /* @__PURE__ */ Co({
       Ue(), s.value?.deselectAll();
     };
     function Ye(e) {
-      _e(e), A(() => {
-        I({});
+      je(e), A(() => {
+        x({});
       });
     }
     const Ze = n(() => {
@@ -336,30 +337,30 @@ const nr = /* @__PURE__ */ Co({
       } : {};
     });
     function eo(e) {
-      je(e), A(() => {
-        I({});
+      _e(e), A(() => {
+        x({});
       });
     }
     function oo(e) {
       $e(e), A(() => {
-        I({});
+        x({});
       });
     }
     function te(e = !1) {
       const t = e ? "getFieldsValueTransformed" : "getFieldsValue";
-      return w.value?.apForm?.[t]?.(!0);
+      return S.value?.apForm?.[t]?.(!0);
     }
     function re(e) {
-      w.value?.apForm?.setFieldsValue?.(e);
+      S.value?.apForm?.setFieldsValue?.(e);
     }
     function le() {
-      return w.value?.getSorterItems() || [];
+      return S.value?.getSorterItems() || [];
     }
     function ae(e) {
-      w.value?.setSorterItems(e);
+      S.value?.setSorterItems(e);
     }
     function ne() {
-      w.value?.resetSorterItems();
+      S.value?.resetSorterItems();
     }
     function se(e) {
       return e && String(e);
@@ -375,7 +376,7 @@ const nr = /* @__PURE__ */ Co({
           ...a,
           hide: b
         }, ue = e.find(
-          (wo) => se(wo.key) === a.colId
+          (So) => se(So.key) === a.colId
         );
         return ue && (ie.pinned = ue.fixed || null), ie;
       }), i = new Map(
@@ -392,11 +393,11 @@ const nr = /* @__PURE__ */ Co({
       });
     }
     Zo({
-      columns: n(() => S.value),
+      columns: n(() => w.value),
       columnsBackup: n(() => J.value),
-      size: n(() => Yo[v.value]),
+      size: n(() => Yo[R.value]),
       updateColumns(e) {
-        S.value = e, o.onShownColumnsChange?.(e), tt(
+        w.value = e, o.onShownColumnsChange?.(e), tt(
           () => s.value,
           () => {
             to(e);
@@ -407,10 +408,10 @@ const nr = /* @__PURE__ */ Co({
         );
       },
       updateSize(e) {
-        v.value = Xo[e];
+        R.value = Xo[e];
       },
       renderConfig: n(() => ({
-        className: we("table-header", "title"),
+        className: Se("table-header", "title"),
         color: be.value.colorTextTertiary
       })),
       dataSource: n(() => r(m).records),
@@ -431,9 +432,9 @@ const nr = /* @__PURE__ */ Co({
       d(),
       o.card ? null : d("wrapper"),
       d("adaptive"),
-      d(`size-${v.value}`),
+      d(`size-${R.value}`),
       o.autoHeight && m.records.length ? d("auto-height") : null,
-      Ce.value
+      ye.value
     ].filter(Boolean)), ao = n(() => ({
       height: "100%",
       ...o.tableStyle || {}
@@ -465,7 +466,7 @@ const nr = /* @__PURE__ */ Co({
     function go({ finished: e, column: t }) {
       !e || !t || o.onColumnResized?.(t.getColId(), t.getActualWidth());
     }
-    const So = (e) => {
+    const wo = (e) => {
       const t = [
         $.value.getRowClass?.(e)
       ];
@@ -486,7 +487,7 @@ const nr = /* @__PURE__ */ Co({
     ), G(
       () => o.size,
       (e) => {
-        v.value = e;
+        R.value = e;
       }
     ), G(
       () => r(m).loading,
@@ -500,7 +501,7 @@ const nr = /* @__PURE__ */ Co({
       submitWith: ee,
       setSearchFormValues: re,
       getSearchFormValues: te,
-      getShowColumns: () => r(S),
+      getShowColumns: () => r(w),
       rowSelection: {
         selectedRows: n(() => O.value),
         setSelectedRowKeys: Ye,
@@ -519,31 +520,31 @@ const nr = /* @__PURE__ */ Co({
       refreshCells: po,
       redrawRows: fo,
       _internalGridApi: n(() => s.value)
-    }), (e, t) => (y(), L("div", {
+    }), (e, t) => (C(), L("div", {
       class: h(lo.value),
       style: W(e.wrapperStyle)
     }, [
-      r(F)(e.dataSource) && e.searchForm !== !1 && r(q).length > 0 ? (y(), L("div", {
+      r(F)(e.dataSource) && e.searchForm !== !1 && r(q).length > 0 ? (C(), L("div", {
         key: 0,
         class: h(e.card ? r(D)("search-wrapper") : null),
         style: W(e.searchFormWrapperStyle)
       }, [
         ho(r(lt).SearchForm, H(e.searchForm || {}, {
           ref_key: "formRef",
-          ref: w,
+          ref: S,
           "custom-reset": "",
           "submit-loading": r(Y).loading,
           onSubmit: r(z),
           onReset: r(K)
-        }), vo({
+        }), Ro({
           default: ce(() => [
-            (y(!0), L(Ro, null, bo(r(q), (l) => (y(), U(Mo(l.renderNode), {
+            (C(!0), L(vo, null, bo(r(q), (l) => (C(), U(Mo(l.renderNode), {
               key: l.dataIndex
             }))), 128))
           ]),
           _: 2
         }, [
-          _.searchFormExtra ? {
+          j.searchFormExtra ? {
             name: "extra",
             fn: ce(() => [
               me(e.$slots, "searchFormExtra")
@@ -562,20 +563,21 @@ const nr = /* @__PURE__ */ Co({
           me(e.$slots, "title", {
             selectedRows: r(O),
             selectedRowKeys: r(He),
-            shownColumns: r(S),
+            shownColumns: r(w),
             clearAll: V
           })
         ], 2),
         T("div", {
           ref_key: "gridWrapperRef",
-          ref: xe,
+          ref: Ie,
           class: h(r(d)("grid-wrapper"))
         }, [
-          (y(), U(r(Qo), H(
+          (C(), U(r(Qo), H(
             r(gt)(r(he), r($), Ze.value),
             {
-              key: r(j),
-              "get-row-class": So,
+              key: r(_),
+              "animate-rows": e.animateRows,
+              "get-row-class": wo,
               style: ao.value,
               "row-data": r(m).records,
               "column-defs": r(ke),
@@ -585,35 +587,35 @@ const nr = /* @__PURE__ */ Co({
               "selection-column-def": r(Ve),
               "get-row-id": so,
               "get-row-height": o.getRowHeight,
-              theme: r(ye),
+              theme: r(Ce),
               "tooltip-show-delay": 500,
               "enable-browser-tooltips": e.browserTooltips,
               "tooltip-interaction": "",
               "row-class-rules": e.rowClassRules,
-              "no-rows-overlay-component": Rt,
+              "no-rows-overlay-component": vt,
               "no-rows-overlay-component-params": { emptyComponent: e.emptyComponent, emptyText: e.emptyText },
-              "loading-overlay-component": vt,
+              "loading-overlay-component": Rt,
               loading: ro.value,
               "suppress-cell-focus": "",
               "tab-to-next-cell": () => !1,
               "enable-cell-span": "",
               "dom-layout": e.autoHeight ? "autoHeight" : "normal",
-              "locale-text": Se[r(j)],
+              "locale-text": we[r(_)],
               onSortChanged: Ne,
               onGridReady: t[0] || (t[0] = (l) => s.value = l.api),
-              onRowDataUpdated: I,
+              onRowDataUpdated: x,
               onRowSelected: Qe,
               onFirstDataRendered: Xe,
               onRowClicked: co,
               onBodyScrollEnd: mo,
               onColumnResized: go
             }
-          ), null, 16, ["style", "row-data", "column-defs", "default-col-def", "row-selection", "selection-column-def", "get-row-height", "theme", "enable-browser-tooltips", "row-class-rules", "no-rows-overlay-component-params", "loading", "dom-layout", "locale-text"]))
+          ), null, 16, ["animate-rows", "style", "row-data", "column-defs", "default-col-def", "row-selection", "selection-column-def", "get-row-height", "theme", "enable-browser-tooltips", "row-class-rules", "no-rows-overlay-component-params", "loading", "dom-layout", "locale-text"]))
         ], 2),
         T("div", {
           class: h(r(d)("pagination-wrapper"))
         }, [
-          e.pagination !== !1 ? (y(), U(r(ko), H({
+          e.pagination !== !1 ? (C(), U(r(ko), H({
             key: 0,
             class: r(d)("pagination")
           }, r(Y).pagination, { onChange: no }), null, 16, ["class"])) : de("", !0)

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

@@ -350,6 +350,11 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
      * @returns
      */
     onColumnResized?: (key: string, width: number) => void;
+    /**
+     * 是否允许行动画（默认为true）
+     * @description 详见https://www.ag-grid.com/vue-data-grid/row-animation/
+     */
+    animateRows?: boolean;
 };
 export type AgGridExpose<SearchParamsType = Recordable, RecordType = any> = {
     /**

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

@@ -1,33 +1,32 @@
-import { render as h, defineComponent as k, createVNode as u, mergeProps as N, h as $ } from "vue";
-import { Modal as E } from "@aplus-frontend/antdv";
-import { isNumeric as C } from "@aplus-frontend/utils";
-import { omit as F } from "lodash-unified";
-import { getTopWindow as L } from "../../utils/index.mjs";
-import { globalConfigCached as p, ConfigProvider as M } from "../../config-provider/config-provider.mjs";
-import A from "../style/index.mjs";
-import { getContainerDom as g, getModalGlobalAppContext as H } from "./util.mjs";
-const j = (t) => {
-  let n, r, i;
-  const s = (e) => e ? `${p.value.namespace}-ap-modal-${e}` : `${p.value.namespace}-ap-modal`, {
+import { render as m, defineComponent as P, createVNode as i, mergeProps as k, h as N } from "vue";
+import { Modal as $ } from "@aplus-frontend/antdv";
+import { isNumeric as h } from "@aplus-frontend/utils";
+import { omit as E } from "lodash-unified";
+import { getTopWindow as F } from "../../utils/index.mjs";
+import { globalConfigCached as s, ConfigProvider as L } from "../../config-provider/config-provider.mjs";
+import { getContainerDom as C, getModalGlobalAppContext as M } from "./util.mjs";
+const W = (t) => {
+  let n, r;
+  const p = (e) => e ? `${s.value.namespace}-ap-modal-${e}` : `${s.value.namespace}-ap-modal`, {
     destroyOnClose: d = !0,
     wrapperOffset: o = !1,
-    wrapperFullHeight: m = !1
+    wrapperFullHeight: u = !1
   } = t;
-  function l() {
+  function c() {
     n && n(!1), setTimeout(() => {
-      h(null, a), a.parentElement?.removeChild(a);
+      m(null, a), a.parentElement?.removeChild(a);
     }, 500);
   }
-  function v() {
+  function g() {
     n && n(!0);
   }
-  function c() {
+  function l() {
     n && n(!1);
   }
-  function x(e) {
+  function v(e) {
     r && r(e);
   }
-  const y = /* @__PURE__ */ k({
+  const x = /* @__PURE__ */ P({
     data() {
       return {
         open: d,
@@ -42,7 +41,7 @@ const j = (t) => {
           ...this.props,
           ...e
         };
-      }, i = A("ap-modal");
+      };
     },
     methods: {
       async handleCancel() {
@@ -50,7 +49,7 @@ const j = (t) => {
           const e = this.props?.content?.component?.exposed ?? void 0;
           await this.props?.onCancel(e);
         }
-        d ? l() : c();
+        d ? c() : l();
       },
       async handleOk() {
         try {
@@ -62,7 +61,7 @@ const j = (t) => {
           }
           r({
             confirmLoading: !1
-          }), d ? l() : c();
+          }), d ? c() : l();
         } catch {
           r({
             confirmLoading: !1
@@ -77,13 +76,12 @@ const j = (t) => {
       }
     },
     render() {
-      const e = F(this.props, ["onCancel", "onOk", "open", "onUpdate:open", "getContainer", "icon", "footer"]);
-      return u(M, p.value, {
-        default: () => [u(E, N({
+      const e = E(this.props, ["onCancel", "onOk", "open", "onUpdate:open", "getContainer", "icon", "footer"]);
+      return i(L, s.value, {
+        default: () => [i($, k({
           class: {
-            [s()]: !0,
-            [s("wrapper")]: o,
-            [i.value]: !0
+            [p()]: !0,
+            [p("wrapper")]: o
           },
           centered: !0
         }, e, {
@@ -92,30 +90,31 @@ const j = (t) => {
           onOk: this.handleOk,
           footer: this?.handleFooter
         }), {
-          default: () => [u("div", {
+          default: () => [i("div", {
             class: {
-              [s("body-wrapper")]: o,
-              [i.value]: !0
+              [p("body-wrapper")]: o
             },
             style: {
-              maxHeight: o !== !1 ? `calc(100vh - ${(o === !0 ? 100 : C(o) ? Number(o) : 100) * 2}px)` : void 0,
-              height: m === !0 ? `calc(100vh - ${(o === !0 ? 100 : C(o) ? Number(o) : 100) * 2}px)` : void 0,
-              overflowY: o !== !1 || m === !0 ? "auto" : void 0
+              maxHeight: o !== !1 ? `calc(100vh - ${(o === !0 ? 100 : h(o) ? Number(o) : 100) * 2}px)` : void 0,
+              height: u === !0 ? `calc(100vh - ${(o === !0 ? 100 : h(o) ? Number(o) : 100) * 2}px)` : void 0,
+              overflowY: o !== !1 || u === !0 ? "auto" : void 0
             }
-          }, [this.props?.content])]
+          }, [i("div", {
+            class: p("body-wrapper-content")
+          }, [this.props?.content])])]
         })]
       });
     }
-  }), O = g(p?.value?.getPopupContainer), w = g(t.getContainer), b = O || w || L().document.body, a = document.createElement("div");
-  b.appendChild(a);
-  const f = $(y), P = H();
-  return f.appContext = t.appContext || P || f.appContext, h(f, a), {
-    destroy: l,
-    update: x,
-    open: v,
-    close: c
+  }), y = C(s?.value?.getPopupContainer), w = C(t.getContainer), O = y || w || F().document.body, a = document.createElement("div");
+  O.appendChild(a);
+  const f = N(x), b = M();
+  return f.appContext = t.appContext || b || f.appContext, m(f, a), {
+    destroy: c,
+    update: v,
+    open: g,
+    close: l
   };
 };
 export {
-  j as createModal
+  W as createModal
 };