@aplus-frontend/ui 0.0.1-beta.0 → 0.0.1-beta.10

package/es/src/modal/components/modal-wrapper.vue2.mjs

@@ -1,4 +1,104 @@
-import f from "./modal-wrapper.vue.mjs";
+import { defineComponent as R, ref as a, computed as b, unref as l, watchEffect as k, watch as M, onMounted as C, onUnmounted as F, nextTick as c, resolveDirective as T, openBlock as v, createBlock as W, withCtx as $, withDirectives as z, createElementBlock as B, normalizeStyle as D, renderSlot as O } from "vue";
+import { useWindowSizeFn as A } from "@aplus-frontend/hooks";
+import { ScrollContainer as I } from "../../container/index.mjs";
+import { createModalContext as N } from "../hooks/use-modal-context.mjs";
+import { useMutationObserver as P } from "@vueuse/core";
+import { modalWrapperProps as U } from "../props.mjs";
+const j = ["loading-tip"], V = /* @__PURE__ */ R({
+  name: "ModalWrapper",
+  inheritAttrs: !1,
+  __name: "modal-wrapper",
+  props: U,
+  emits: ["height-change", "ext-height"],
+  setup(w, { expose: y, emit: _ }) {
+    const t = w, m = _, p = a(null), u = a(null), n = a(0), h = a(0), s = a(0);
+    let f = () => {
+    };
+    A(r.bind(null)), P(
+      u,
+      () => {
+        r();
+      },
+      {
+        attributes: !0,
+        subtree: !0
+      }
+    ), N({
+      redoModalHeight: r
+    });
+    const x = b(() => ({
+      minHeight: `${t.minHeight}px`,
+      [t.fullScreen ? "height" : "maxHeight"]: `${l(n)}px`
+    }));
+    k(() => {
+      t.useWrapper && r();
+    }), M(
+      () => t.fullScreen,
+      (e) => {
+        r(), e ? h.value = n.value : n.value = h.value;
+      }
+    ), C(() => {
+      const { modalHeaderHeight: e, modalFooterHeight: o } = t;
+      m("ext-height", e + o);
+    }), F(() => {
+      f && f();
+    });
+    async function S() {
+      c(() => {
+        var o;
+        const e = l(p);
+        e && ((o = e == null ? void 0 : e.scrollTo) == null || o.call(e, 0));
+      });
+    }
+    async function r() {
+      if (!t.open)
+        return;
+      const e = l(p);
+      if (!e)
+        return;
+      const o = e.$el.parentElement;
+      if (o) {
+        o.style.padding = "0", await c();
+        try {
+          const i = o.parentElement && o.parentElement.parentElement;
+          if (!i)
+            return;
+          const E = getComputedStyle(i).top, g = Number.parseInt(E);
+          let d = window.innerHeight - g * 2 + (t.footerOffset || 0) - t.modalFooterHeight - t.modalHeaderHeight;
+          g < 40 && (d -= 26), await c();
+          const H = l(u);
+          if (!H)
+            return;
+          await c(), s.value = H.scrollHeight, t.fullScreen ? n.value = window.innerHeight - t.modalFooterHeight - t.modalHeaderHeight - 28 : n.value = t.height ? t.height : s.value > d ? d : s.value, m("height-change", l(n));
+        } catch (i) {
+          console.log(i);
+        }
+      }
+    }
+    return y({ scrollTop: S, setModalHeight: r }), (e, o) => {
+      const i = T("loading");
+      return v(), W(l(I), {
+        ref_key: "wrapperRef",
+        ref: p,
+        scrollHeight: s.value
+      }, {
+        default: $(() => [
+          z((v(), B("div", {
+            ref_key: "spinRef",
+            ref: u,
+            style: D(x.value),
+            "loading-tip": e.loadingTip
+          }, [
+            O(e.$slots, "default")
+          ], 12, j)), [
+            [i, e.loading]
+          ])
+        ]),
+        _: 3
+      }, 8, ["scrollHeight"]);
+    };
+  }
+});
 export {
-  f as default
+  V as default
 };

package/es/src/modal/components/modal.d.ts

@@ -1,4 +1,10 @@
-declare const _default: import('vue').DefineComponent<{
+import { DefineComponent, PropType, VNodeChild, VNode, RendererNode, RendererElement, CSSProperties, ExtractPropTypes, ComponentOptionsMixin, PublicProps } from 'vue';
+import { ModalWrapperProps } from '..';
+import { ButtonType, ButtonShape, ButtonSize } from 'ant-design-vue/es/button';
+import { ButtonHTMLType } from 'ant-design-vue/es/button/buttonTypes';
+import { VueTypeValidableDef } from '../../../node_modules/vue-types';
+import { MouseEventHandler } from 'ant-design-vue/es/_util/EventInterface';
+declare const _default: DefineComponent<{
     open: {
         type: BooleanConstructor;
     };
@@ -25,7 +31,7 @@ declare const _default: import('vue').DefineComponent<{
     okText: {
         type: StringConstructor;
     };
-    closeFunc: import('vue').PropType<() => Promise<boolean>>;
+    closeFunc: PropType<() => Promise<boolean>>;
 } & {
     defaultFullscreen: {
         type: BooleanConstructor;
@@ -38,7 +44,7 @@ declare const _default: import('vue').DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    helpMessage: import('vue').PropType<string | string[]>;
+    helpMessage: PropType<string | string[]>;
     useWrapper: {
         type: BooleanConstructor;
         default: boolean;
@@ -57,16 +63,16 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    wrapperProps: import('vue').PropType<Partial<import('..').ModalWrapperProps>>;
-    afterClose: import('vue').PropType<() => Promise<import('vue').VNodeChild | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    wrapperProps: PropType<Partial< ModalWrapperProps>>;
+    afterClose: PropType<() => Promise< VNodeChild | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }>>>;
-    bodyStyle: import('vue').PropType<import('vue').CSSProperties>;
+    bodyStyle: PropType<CSSProperties>;
     closable: {
         type: BooleanConstructor;
         default: boolean;
     };
-    closeIcon: import('vue').PropType<import('vue').VNodeChild | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    closeIcon: PropType< VNodeChild | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }>>;
     confirmLoading: {
@@ -75,10 +81,10 @@ declare const _default: import('vue').DefineComponent<{
     destroyOnClose: {
         type: BooleanConstructor;
     };
-    footer: import('vue').PropType<import('vue').VNodeChild | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    footer: PropType< VNodeChild | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }>>;
-    getContainer: import('vue').PropType<() => any>;
+    getContainer: PropType<() => any>;
     mask: {
         type: BooleanConstructor;
         default: boolean;
@@ -91,26 +97,26 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    maskStyle: import('vue').PropType<import('vue').CSSProperties>;
+    maskStyle: PropType<CSSProperties>;
     okType: {
-        type: import('vue').PropType<"danger" | import('ant-design-vue/es/button').ButtonType>;
+        type: PropType<"danger" | ButtonType>;
         default: string;
     };
-    okButtonProps: import('vue').PropType<Partial<import('vue').ExtractPropTypes<{
+    okButtonProps: PropType<Partial< ExtractPropTypes<{
         prefixCls: StringConstructor;
-        type: import('vue').PropType<import('ant-design-vue/es/button').ButtonType>;
+        type: PropType<ButtonType>;
         htmlType: {
-            type: import('vue').PropType<import('ant-design-vue/es/button/buttonTypes').ButtonHTMLType>;
+            type: PropType<ButtonHTMLType>;
             default: string;
         };
         shape: {
-            type: import('vue').PropType<import('ant-design-vue/es/button').ButtonShape>;
+            type: PropType<ButtonShape>;
         };
         size: {
-            type: import('vue').PropType<import('ant-design-vue/es/button').ButtonSize>;
+            type: PropType<ButtonSize>;
         };
         loading: {
-            type: import('vue').PropType<boolean | {
+            type: PropType<boolean | {
                 delay?: number | undefined;
             }>;
             default: () => boolean | {
@@ -133,32 +139,32 @@ declare const _default: import('vue').DefineComponent<{
             type: BooleanConstructor;
             default: any;
         };
-        icon: import('../../../node_modules/vue-types').VueTypeValidableDef<any>;
+        icon: VueTypeValidableDef<any>;
         href: StringConstructor;
         target: StringConstructor;
         title: StringConstructor;
         onClick: {
-            type: import('vue').PropType<import('ant-design-vue/es/_util/EventInterface').MouseEventHandler | import('ant-design-vue/es/_util/EventInterface').MouseEventHandler[]>;
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
         };
         onMousedown: {
-            type: import('vue').PropType<import('ant-design-vue/es/_util/EventInterface').MouseEventHandler | import('ant-design-vue/es/_util/EventInterface').MouseEventHandler[]>;
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
         };
     }>>>;
-    cancelButtonProps: import('vue').PropType<Partial<import('vue').ExtractPropTypes<{
+    cancelButtonProps: PropType<Partial< ExtractPropTypes<{
         prefixCls: StringConstructor;
-        type: import('vue').PropType<import('ant-design-vue/es/button').ButtonType>;
+        type: PropType<ButtonType>;
         htmlType: {
-            type: import('vue').PropType<import('ant-design-vue/es/button/buttonTypes').ButtonHTMLType>;
+            type: PropType<ButtonHTMLType>;
             default: string;
         };
         shape: {
-            type: import('vue').PropType<import('ant-design-vue/es/button').ButtonShape>;
+            type: PropType<ButtonShape>;
         };
         size: {
-            type: import('vue').PropType<import('ant-design-vue/es/button').ButtonSize>;
+            type: PropType<ButtonSize>;
         };
         loading: {
-            type: import('vue').PropType<boolean | {
+            type: PropType<boolean | {
                 delay?: number | undefined;
             }>;
             default: () => boolean | {
@@ -181,15 +187,15 @@ declare const _default: import('vue').DefineComponent<{
             type: BooleanConstructor;
             default: any;
         };
-        icon: import('../../../node_modules/vue-types').VueTypeValidableDef<any>;
+        icon: VueTypeValidableDef<any>;
         href: StringConstructor;
         target: StringConstructor;
         title: StringConstructor;
         onClick: {
-            type: import('vue').PropType<import('ant-design-vue/es/_util/EventInterface').MouseEventHandler | import('ant-design-vue/es/_util/EventInterface').MouseEventHandler[]>;
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
         };
         onMousedown: {
-            type: import('vue').PropType<import('ant-design-vue/es/_util/EventInterface').MouseEventHandler | import('ant-design-vue/es/_util/EventInterface').MouseEventHandler[]>;
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
         };
     }>>>;
     title: {
@@ -198,14 +204,14 @@ declare const _default: import('vue').DefineComponent<{
     open: {
         type: BooleanConstructor;
     };
-    width: import('vue').PropType<string | number>;
+    width: PropType<string | number>;
     wrapClassName: {
         type: StringConstructor;
     };
     zIndex: {
         type: NumberConstructor;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "cancel"[], "cancel", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "cancel"[], "cancel", PublicProps, Readonly< ExtractPropTypes<{
     open: {
         type: BooleanConstructor;
     };
@@ -232,7 +238,7 @@ declare const _default: import('vue').DefineComponent<{
     okText: {
         type: StringConstructor;
     };
-    closeFunc: import('vue').PropType<() => Promise<boolean>>;
+    closeFunc: PropType<() => Promise<boolean>>;
 } & {
     defaultFullscreen: {
         type: BooleanConstructor;
@@ -245,7 +251,7 @@ declare const _default: import('vue').DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    helpMessage: import('vue').PropType<string | string[]>;
+    helpMessage: PropType<string | string[]>;
     useWrapper: {
         type: BooleanConstructor;
         default: boolean;
@@ -264,16 +270,16 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    wrapperProps: import('vue').PropType<Partial<import('..').ModalWrapperProps>>;
-    afterClose: import('vue').PropType<() => Promise<import('vue').VNodeChild | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    wrapperProps: PropType<Partial< ModalWrapperProps>>;
+    afterClose: PropType<() => Promise< VNodeChild | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }>>>;
-    bodyStyle: import('vue').PropType<import('vue').CSSProperties>;
+    bodyStyle: PropType<CSSProperties>;
     closable: {
         type: BooleanConstructor;
         default: boolean;
     };
-    closeIcon: import('vue').PropType<import('vue').VNodeChild | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    closeIcon: PropType< VNodeChild | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }>>;
     confirmLoading: {
@@ -282,10 +288,10 @@ declare const _default: import('vue').DefineComponent<{
     destroyOnClose: {
         type: BooleanConstructor;
     };
-    footer: import('vue').PropType<import('vue').VNodeChild | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    footer: PropType< VNodeChild | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }>>;
-    getContainer: import('vue').PropType<() => any>;
+    getContainer: PropType<() => any>;
     mask: {
         type: BooleanConstructor;
         default: boolean;
@@ -298,26 +304,26 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    maskStyle: import('vue').PropType<import('vue').CSSProperties>;
+    maskStyle: PropType<CSSProperties>;
     okType: {
-        type: import('vue').PropType<"danger" | import('ant-design-vue/es/button').ButtonType>;
+        type: PropType<"danger" | ButtonType>;
         default: string;
     };
-    okButtonProps: import('vue').PropType<Partial<import('vue').ExtractPropTypes<{
+    okButtonProps: PropType<Partial< ExtractPropTypes<{
         prefixCls: StringConstructor;
-        type: import('vue').PropType<import('ant-design-vue/es/button').ButtonType>;
+        type: PropType<ButtonType>;
         htmlType: {
-            type: import('vue').PropType<import('ant-design-vue/es/button/buttonTypes').ButtonHTMLType>;
+            type: PropType<ButtonHTMLType>;
             default: string;
         };
         shape: {
-            type: import('vue').PropType<import('ant-design-vue/es/button').ButtonShape>;
+            type: PropType<ButtonShape>;
         };
         size: {
-            type: import('vue').PropType<import('ant-design-vue/es/button').ButtonSize>;
+            type: PropType<ButtonSize>;
         };
         loading: {
-            type: import('vue').PropType<boolean | {
+            type: PropType<boolean | {
                 delay?: number | undefined;
             }>;
             default: () => boolean | {
@@ -340,32 +346,32 @@ declare const _default: import('vue').DefineComponent<{
             type: BooleanConstructor;
             default: any;
         };
-        icon: import('../../../node_modules/vue-types').VueTypeValidableDef<any>;
+        icon: VueTypeValidableDef<any>;
         href: StringConstructor;
         target: StringConstructor;
         title: StringConstructor;
         onClick: {
-            type: import('vue').PropType<import('ant-design-vue/es/_util/EventInterface').MouseEventHandler | import('ant-design-vue/es/_util/EventInterface').MouseEventHandler[]>;
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
         };
         onMousedown: {
-            type: import('vue').PropType<import('ant-design-vue/es/_util/EventInterface').MouseEventHandler | import('ant-design-vue/es/_util/EventInterface').MouseEventHandler[]>;
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
         };
     }>>>;
-    cancelButtonProps: import('vue').PropType<Partial<import('vue').ExtractPropTypes<{
+    cancelButtonProps: PropType<Partial< ExtractPropTypes<{
         prefixCls: StringConstructor;
-        type: import('vue').PropType<import('ant-design-vue/es/button').ButtonType>;
+        type: PropType<ButtonType>;
         htmlType: {
-            type: import('vue').PropType<import('ant-design-vue/es/button/buttonTypes').ButtonHTMLType>;
+            type: PropType<ButtonHTMLType>;
             default: string;
         };
         shape: {
-            type: import('vue').PropType<import('ant-design-vue/es/button').ButtonShape>;
+            type: PropType<ButtonShape>;
         };
         size: {
-            type: import('vue').PropType<import('ant-design-vue/es/button').ButtonSize>;
+            type: PropType<ButtonSize>;
         };
         loading: {
-            type: import('vue').PropType<boolean | {
+            type: PropType<boolean | {
                 delay?: number | undefined;
             }>;
             default: () => boolean | {
@@ -388,15 +394,15 @@ declare const _default: import('vue').DefineComponent<{
             type: BooleanConstructor;
             default: any;
         };
-        icon: import('../../../node_modules/vue-types').VueTypeValidableDef<any>;
+        icon: VueTypeValidableDef<any>;
         href: StringConstructor;
         target: StringConstructor;
         title: StringConstructor;
         onClick: {
-            type: import('vue').PropType<import('ant-design-vue/es/_util/EventInterface').MouseEventHandler | import('ant-design-vue/es/_util/EventInterface').MouseEventHandler[]>;
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
         };
         onMousedown: {
-            type: import('vue').PropType<import('ant-design-vue/es/_util/EventInterface').MouseEventHandler | import('ant-design-vue/es/_util/EventInterface').MouseEventHandler[]>;
+            type: PropType< MouseEventHandler | MouseEventHandler[]>;
         };
     }>>>;
     title: {
@@ -405,7 +411,7 @@ declare const _default: import('vue').DefineComponent<{
     open: {
         type: BooleanConstructor;
     };
-    width: import('vue').PropType<string | number>;
+    width: PropType<string | number>;
     wrapClassName: {
         type: StringConstructor;
     };
@@ -415,14 +421,14 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     onCancel?: ((...args: any[]) => any) | undefined;
 }, {
+    loading: boolean;
     open: boolean;
     closable: boolean;
     centered: boolean;
-    okType: "danger" | import('ant-design-vue/es/button').ButtonType;
+    okType: "danger" | ButtonType;
     mask: boolean;
     maskClosable: boolean;
     keyboard: boolean;
-    loading: boolean;
     confirmLoading: boolean;
     destroyOnClose: boolean;
     draggable: boolean;

package/es/src/modal/components/modal.mjs

@@ -1,12 +1,12 @@
-import { defineComponent as p, toRefs as f, unref as d, createVNode as m, isVNode as u } from "vue";
+import { isVNode as p, defineComponent as f, toRefs as d, unref as m, createVNode as u } from "vue";
 import { Modal as M } from "ant-design-vue";
 import { basicProps as b } from "../props.mjs";
 import { useModalDragMove as g } from "../hooks/use-modal-drag.mjs";
 import { extendSlots as j } from "../../utils/slot.mjs";
 function y(o) {
-  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !u(o);
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !p(o);
 }
-const N = /* @__PURE__ */ p({
+const N = /* @__PURE__ */ f({
   name: "Modal",
   inheritAttrs: !1,
   props: b,
@@ -20,7 +20,7 @@ const N = /* @__PURE__ */ p({
       open: a,
       draggable: l,
       destroyOnClose: s
-    } = f(o);
+    } = d(o);
     g({
       open: a,
       destroyOnClose: s,
@@ -32,11 +32,11 @@ const N = /* @__PURE__ */ p({
     return () => {
       let t;
       const i = {
-        ...d(n),
+        ...m(n),
         ...o,
         onCancel: c
       };
-      return m(M, i, y(t = j(e)) ? t : {
+      return u(M, i, y(t = j(e)) ? t : {
         default: () => [t]
       });
     };

package/es/src/modal/hooks/use-moda-full-screen.d.ts

@@ -1,5 +1,5 @@
 import { ComponentRef } from '../../type';
-import { Ref } from 'vue';
+import { Ref, ComputedRef } from 'vue';
 
 export interface UseFullScreenContext {
     wrapClassName: Ref<string | undefined>;
@@ -7,7 +7,7 @@ export interface UseFullScreenContext {
     extHeightRef: Ref<number>;
 }
 export declare function useFullScreen(context: UseFullScreenContext): {
-    getWrapClassName: import('vue').ComputedRef<string>;
+    getWrapClassName: ComputedRef<string>;
     handleFullScreen: (e: Event) => void;
     fullScreenRef: Ref<boolean>;
 };

package/es/src/modal/hooks/use-modal-drag.mjs

@@ -1,4 +1,4 @@
-import { watchEffect as x, unref as c } from "vue";
+import { unref as c, watchEffect as x } from "vue";
 import { useTimeoutFn as A } from "@vueuse/core";
 function X(n) {
   const a = (o, t) => getComputedStyle(o)[t], D = (o) => {

package/es/src/modal/hooks/use-modal.mjs

@@ -1,4 +1,4 @@
-import { reactive as P, ref as d, computed as h, unref as t, toRaw as c, getCurrentInstance as v, watchEffect as w, nextTick as E, onUnmounted as O } from "vue";
+import { reactive as P, ref as d, getCurrentInstance as h, onUnmounted as w, unref as t, computed as v, toRaw as c, watchEffect as E, nextTick as O } from "vue";
 import { isProdMode as M } from "@aplus-frontend/utils";
 import { isEqual as H } from "lodash-unified";
 import { tryOnUnmounted as I } from "@vueuse/core";
@@ -7,11 +7,11 @@ const u = P({}), g = P({});
 function C() {
   const r = d(null), a = d(!1), s = d(0);
   function i(e, o) {
-    if (!v())
+    if (!h())
       throw new Error(
         "useModal() can only be used inside setup() or functional components!"
       );
-    s.value = o, M() && O(() => {
+    s.value = o, M() && w(() => {
       r.value = null, a.value = !1, u[String(t(s))] = null;
     }), !(t(a) && M() && e === t(r)) && (r.value = e, a.value = !0, e.emitOpen = (p, l) => {
       g[l] = p;
@@ -27,7 +27,7 @@ function C() {
       var o;
       (o = n()) == null || o.setModalProps(e);
     },
-    getOpen: h(() => g[~~t(s)]),
+    getOpen: v(() => g[~~t(s)]),
     redoModalHeight: () => {
       var e, o;
       (o = (e = n()) == null ? void 0 : e.redoModalHeight) == null || o.call(e);
@@ -53,7 +53,7 @@ function C() {
   return [i, f];
 }
 const D = (r) => {
-  const a = d(null), s = v(), i = d(0), n = () => {
+  const a = d(null), s = h(), i = d(0), n = () => {
     const e = t(a);
     if (!e)
       throw new Error("useModalInner instance is undefined!");
@@ -63,9 +63,9 @@ const D = (r) => {
       a.value = null;
     }), i.value = o, a.value = e, s == null || s.emit("register", e, o);
   };
-  return w(() => {
+  return E(() => {
     const e = u[t(i)];
-    e && (!r || !R(r) || E(() => {
+    e && (!r || !R(r) || O(() => {
       r(e);
     }));
   }), [
@@ -75,7 +75,7 @@ const D = (r) => {
         var o;
         (o = n()) == null || o.setModalProps({ loading: e });
       },
-      getOpen: h(() => g[~~t(i)]),
+      getOpen: v(() => g[~~t(i)]),
       changeOkLoading: (e = !0) => {
         var o;
         (o = n()) == null || o.setModalProps({ confirmLoading: e });