@aplus-frontend/ui 0.0.40 → 0.1.1

package/es/src/modal/components/modal-footer.vue.d.ts

@@ -1,11 +1,13 @@
-import { ButtonType, ButtonShape, ButtonSize } from 'ant-design-vue/es/button';
-import { DefineComponent, PropType, VNodeChild, VNode, RendererNode, RendererElement, CSSProperties, ExtractPropTypes, ComponentOptionsMixin, PublicProps } from 'vue';
-import { ModalWrapperProps } from 'src';
-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: __VLS_WithTemplateSlots< DefineComponent<{
+import { ButtonType } from 'ant-design-vue/es/button';
+import { DefineComponent, PropType, VNodeChild, VNode, RendererNode, RendererElement, CSSProperties, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+import { ModalWrapperProps } from '..';
+import { ButtonProps } from 'ant-design-vue';
+declare function __VLS_template(): {
+    insertFooter?(_: {}): any;
+    centerFooter?(_: {}): any;
+    appendFooter?(_: {}): any;
+};
+declare const __VLS_component: DefineComponent<{
     open: {
         type: BooleanConstructor;
     };
@@ -100,105 +102,11 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
     };
     maskStyle: PropType<CSSProperties>;
     okType: {
-        type: PropType<"danger" | ButtonType>;
+        type: PropType<ButtonType | "danger">;
         default: string;
     };
-    okButtonProps: PropType<Partial< ExtractPropTypes<{
-        prefixCls: StringConstructor;
-        type: PropType<ButtonType>;
-        htmlType: {
-            type: PropType<ButtonHTMLType>;
-            default: string;
-        };
-        shape: {
-            type: PropType<ButtonShape>;
-        };
-        size: {
-            type: PropType<ButtonSize>;
-        };
-        loading: {
-            type: PropType<boolean | {
-                delay?: number | undefined;
-            }>;
-            default: () => boolean | {
-                delay?: number | undefined;
-            };
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        ghost: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        block: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        danger: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        icon: VueTypeValidableDef<any>;
-        href: StringConstructor;
-        target: StringConstructor;
-        title: StringConstructor;
-        onClick: {
-            type: PropType< MouseEventHandler | MouseEventHandler[]>;
-        };
-        onMousedown: {
-            type: PropType< MouseEventHandler | MouseEventHandler[]>;
-        };
-    }>>>;
-    cancelButtonProps: PropType<Partial< ExtractPropTypes<{
-        prefixCls: StringConstructor;
-        type: PropType<ButtonType>;
-        htmlType: {
-            type: PropType<ButtonHTMLType>;
-            default: string;
-        };
-        shape: {
-            type: PropType<ButtonShape>;
-        };
-        size: {
-            type: PropType<ButtonSize>;
-        };
-        loading: {
-            type: PropType<boolean | {
-                delay?: number | undefined;
-            }>;
-            default: () => boolean | {
-                delay?: number | undefined;
-            };
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        ghost: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        block: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        danger: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        icon: VueTypeValidableDef<any>;
-        href: StringConstructor;
-        target: StringConstructor;
-        title: StringConstructor;
-        onClick: {
-            type: PropType< MouseEventHandler | MouseEventHandler[]>;
-        };
-        onMousedown: {
-            type: PropType< MouseEventHandler | MouseEventHandler[]>;
-        };
-    }>>>;
+    okButtonProps: PropType<ButtonProps>;
+    cancelButtonProps: PropType<ButtonProps>;
     title: {
         type: StringConstructor;
     };
@@ -310,105 +218,11 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
     };
     maskStyle: PropType<CSSProperties>;
     okType: {
-        type: PropType<"danger" | ButtonType>;
+        type: PropType<ButtonType | "danger">;
         default: string;
     };
-    okButtonProps: PropType<Partial< ExtractPropTypes<{
-        prefixCls: StringConstructor;
-        type: PropType<ButtonType>;
-        htmlType: {
-            type: PropType<ButtonHTMLType>;
-            default: string;
-        };
-        shape: {
-            type: PropType<ButtonShape>;
-        };
-        size: {
-            type: PropType<ButtonSize>;
-        };
-        loading: {
-            type: PropType<boolean | {
-                delay?: number | undefined;
-            }>;
-            default: () => boolean | {
-                delay?: number | undefined;
-            };
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        ghost: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        block: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        danger: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        icon: VueTypeValidableDef<any>;
-        href: StringConstructor;
-        target: StringConstructor;
-        title: StringConstructor;
-        onClick: {
-            type: PropType< MouseEventHandler | MouseEventHandler[]>;
-        };
-        onMousedown: {
-            type: PropType< MouseEventHandler | MouseEventHandler[]>;
-        };
-    }>>>;
-    cancelButtonProps: PropType<Partial< ExtractPropTypes<{
-        prefixCls: StringConstructor;
-        type: PropType<ButtonType>;
-        htmlType: {
-            type: PropType<ButtonHTMLType>;
-            default: string;
-        };
-        shape: {
-            type: PropType<ButtonShape>;
-        };
-        size: {
-            type: PropType<ButtonSize>;
-        };
-        loading: {
-            type: PropType<boolean | {
-                delay?: number | undefined;
-            }>;
-            default: () => boolean | {
-                delay?: number | undefined;
-            };
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        ghost: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        block: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        danger: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        icon: VueTypeValidableDef<any>;
-        href: StringConstructor;
-        target: StringConstructor;
-        title: StringConstructor;
-        onClick: {
-            type: PropType< MouseEventHandler | MouseEventHandler[]>;
-        };
-        onMousedown: {
-            type: PropType< MouseEventHandler | MouseEventHandler[]>;
-        };
-    }>>>;
+    okButtonProps: PropType<ButtonProps>;
+    cancelButtonProps: PropType<ButtonProps>;
     title: {
         type: StringConstructor;
     };
@@ -423,10 +237,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
         type: NumberConstructor;
     };
 }>> & {
-    onOk?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
+    onOk?: ((...args: any[]) => any) | undefined;
 }, {
-    loading: boolean;
     open: boolean;
     closable: boolean;
     centered: boolean;
@@ -434,6 +247,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
     mask: boolean;
     maskClosable: boolean;
     keyboard: boolean;
+    loading: boolean;
     confirmLoading: boolean;
     destroyOnClose: boolean;
     draggable: boolean;
@@ -444,11 +258,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
     wrapperFooterOffset: number;
     showCancelBtn: boolean;
     showOkBtn: boolean;
-}, {}>, {
-    insertFooter?(_: {}): any;
-    centerFooter?(_: {}): any;
-    appendFooter?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/es/src/modal/components/modal-header.vue.d.ts

@@ -1,10 +1,9 @@
 import { ModalHeaderProps } from '../interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-
-declare const _default: DefineComponent<__VLS_TypePropsToRuntimeProps<ModalHeaderProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ModalHeaderProps>>>, {}, {}>;
+declare const _default: DefineComponent<__VLS_TypePropsToOption<ModalHeaderProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<ModalHeaderProps>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {

package/es/src/modal/components/modal-wrapper.vue.d.ts

@@ -1,7 +1,10 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
 declare function scrollTop(): Promise<void>;
 declare function setModalHeight(): Promise<void>;
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: DefineComponent<{
     loading: {
         type: BooleanConstructor;
     };
@@ -83,17 +86,16 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
     "onHeight-change"?: ((...args: any[]) => any) | undefined;
     "onExt-height"?: ((...args: any[]) => any) | undefined;
 }, {
-    loading: boolean;
     open: boolean;
+    loading: boolean;
     minHeight: number;
     footerOffset: number;
     modalHeaderHeight: number;
     modalFooterHeight: number;
     fullScreen: boolean;
     useWrapper: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -51,24 +51,20 @@ const j = ["loading-tip"], V = /* @__PURE__ */ R({
       });
     }
     async function r() {
-      if (!t.open)
-        return;
+      if (!t.open) return;
       const e = l(p);
-      if (!e)
-        return;
+      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;
+          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;
+          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);

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

@@ -1,9 +1,7 @@
-import { DefineComponent, PropType, VNodeChild, VNode, RendererNode, RendererElement, CSSProperties, ExtractPropTypes, ComponentOptionsMixin, PublicProps } from 'vue';
-import { ModalWrapperProps } from 'src';
-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';
+import { DefineComponent, PropType, VNodeChild, VNode, RendererNode, RendererElement, CSSProperties, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+import { ModalWrapperProps } from '..';
+import { ButtonType } from 'ant-design-vue/es/button';
+import { ButtonProps } from 'ant-design-vue';
 declare const _default: DefineComponent<{
     open: {
         type: BooleanConstructor;
@@ -99,105 +97,11 @@ declare const _default: DefineComponent<{
     };
     maskStyle: PropType<CSSProperties>;
     okType: {
-        type: PropType<"danger" | ButtonType>;
+        type: PropType< ButtonType | "danger">;
         default: string;
     };
-    okButtonProps: PropType<Partial< ExtractPropTypes<{
-        prefixCls: StringConstructor;
-        type: PropType<ButtonType>;
-        htmlType: {
-            type: PropType<ButtonHTMLType>;
-            default: string;
-        };
-        shape: {
-            type: PropType<ButtonShape>;
-        };
-        size: {
-            type: PropType<ButtonSize>;
-        };
-        loading: {
-            type: PropType<boolean | {
-                delay?: number | undefined;
-            }>;
-            default: () => boolean | {
-                delay?: number | undefined;
-            };
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        ghost: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        block: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        danger: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        icon: VueTypeValidableDef<any>;
-        href: StringConstructor;
-        target: StringConstructor;
-        title: StringConstructor;
-        onClick: {
-            type: PropType< MouseEventHandler | MouseEventHandler[]>;
-        };
-        onMousedown: {
-            type: PropType< MouseEventHandler | MouseEventHandler[]>;
-        };
-    }>>>;
-    cancelButtonProps: PropType<Partial< ExtractPropTypes<{
-        prefixCls: StringConstructor;
-        type: PropType<ButtonType>;
-        htmlType: {
-            type: PropType<ButtonHTMLType>;
-            default: string;
-        };
-        shape: {
-            type: PropType<ButtonShape>;
-        };
-        size: {
-            type: PropType<ButtonSize>;
-        };
-        loading: {
-            type: PropType<boolean | {
-                delay?: number | undefined;
-            }>;
-            default: () => boolean | {
-                delay?: number | undefined;
-            };
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        ghost: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        block: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        danger: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        icon: VueTypeValidableDef<any>;
-        href: StringConstructor;
-        target: StringConstructor;
-        title: StringConstructor;
-        onClick: {
-            type: PropType< MouseEventHandler | MouseEventHandler[]>;
-        };
-        onMousedown: {
-            type: PropType< MouseEventHandler | MouseEventHandler[]>;
-        };
-    }>>>;
+    okButtonProps: PropType<ButtonProps>;
+    cancelButtonProps: PropType<ButtonProps>;
     title: {
         type: StringConstructor;
     };
@@ -306,105 +210,11 @@ declare const _default: DefineComponent<{
     };
     maskStyle: PropType<CSSProperties>;
     okType: {
-        type: PropType<"danger" | ButtonType>;
+        type: PropType< ButtonType | "danger">;
         default: string;
     };
-    okButtonProps: PropType<Partial< ExtractPropTypes<{
-        prefixCls: StringConstructor;
-        type: PropType<ButtonType>;
-        htmlType: {
-            type: PropType<ButtonHTMLType>;
-            default: string;
-        };
-        shape: {
-            type: PropType<ButtonShape>;
-        };
-        size: {
-            type: PropType<ButtonSize>;
-        };
-        loading: {
-            type: PropType<boolean | {
-                delay?: number | undefined;
-            }>;
-            default: () => boolean | {
-                delay?: number | undefined;
-            };
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        ghost: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        block: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        danger: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        icon: VueTypeValidableDef<any>;
-        href: StringConstructor;
-        target: StringConstructor;
-        title: StringConstructor;
-        onClick: {
-            type: PropType< MouseEventHandler | MouseEventHandler[]>;
-        };
-        onMousedown: {
-            type: PropType< MouseEventHandler | MouseEventHandler[]>;
-        };
-    }>>>;
-    cancelButtonProps: PropType<Partial< ExtractPropTypes<{
-        prefixCls: StringConstructor;
-        type: PropType<ButtonType>;
-        htmlType: {
-            type: PropType<ButtonHTMLType>;
-            default: string;
-        };
-        shape: {
-            type: PropType<ButtonShape>;
-        };
-        size: {
-            type: PropType<ButtonSize>;
-        };
-        loading: {
-            type: PropType<boolean | {
-                delay?: number | undefined;
-            }>;
-            default: () => boolean | {
-                delay?: number | undefined;
-            };
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        ghost: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        block: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        danger: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        icon: VueTypeValidableDef<any>;
-        href: StringConstructor;
-        target: StringConstructor;
-        title: StringConstructor;
-        onClick: {
-            type: PropType< MouseEventHandler | MouseEventHandler[]>;
-        };
-        onMousedown: {
-            type: PropType< MouseEventHandler | MouseEventHandler[]>;
-        };
-    }>>>;
+    okButtonProps: PropType<ButtonProps>;
+    cancelButtonProps: PropType<ButtonProps>;
     title: {
         type: StringConstructor;
     };
@@ -421,7 +231,6 @@ declare const _default: DefineComponent<{
 }>> & {
     onCancel?: ((...args: any[]) => any) | undefined;
 }, {
-    loading: boolean;
     open: boolean;
     closable: boolean;
     centered: boolean;
@@ -429,6 +238,7 @@ declare const _default: DefineComponent<{
     mask: boolean;
     maskClosable: boolean;
     keyboard: boolean;
+    loading: boolean;
     confirmLoading: boolean;
     destroyOnClose: boolean;
     draggable: boolean;

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

@@ -1,6 +1,5 @@
 import { ComponentRef } from '../../type';
 import { Ref, ComputedRef } from 'vue';
-
 export interface UseFullScreenContext {
     wrapClassName: Ref<string | undefined>;
     modalWrapperRef: Ref<ComponentRef>;

package/es/src/modal/hooks/use-modal-drag.d.ts

@@ -1,5 +1,4 @@
 import { Ref } from 'vue';
-
 export interface UseModalDragMoveContext {
     draggable: Ref<boolean>;
     destroyOnClose: Ref<boolean | undefined> | undefined;

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

@@ -2,13 +2,11 @@ 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) => {
-    if (!o)
-      return;
+    if (!o) return;
     o.setAttribute("data-drag", c(n.draggable));
     const t = o.querySelector(".ant-modal-header"), e = o.querySelector(".ant-modal");
     !t || !e || !c(n.draggable) || (t.style.cursor = "move", t.onmousedown = (r) => {
-      if (!r)
-        return;
+      if (!r) return;
       const T = r.clientX, L = r.clientY, W = document.body.clientWidth, H = document.documentElement.clientHeight, S = e.offsetWidth, v = e.offsetHeight, u = e.offsetLeft, g = W - e.offsetLeft - S, p = e.offsetTop, y = H - e.offsetTop - v, d = a(e, "left"), i = a(e, "top");
       let f = +d, m = +i;
       d.includes("%") ? (f = +document.body.clientWidth * (+d.replace(/%/g, "") / 100), m = +document.body.clientHeight * (+i.replace(/%/g, "") / 100)) : (f = +d.replace(/px/g, ""), m = +i.replace(/px/g, "")), document.onmousemove = function(h) {
@@ -21,8 +19,7 @@ function X(n) {
   }, b = () => {
     const o = document.querySelectorAll(".ant-modal-wrap");
     for (const t of Array.from(o)) {
-      if (!t)
-        continue;
+      if (!t) continue;
       const e = a(t, "display"), r = t.getAttribute("data-drag");
       e !== "none" && (r === null || c(n.destroyOnClose)) && D(t);
     }

package/es/src/modal/hooks/use-modal.d.ts

@@ -1,6 +1,5 @@
 import { UseModalReturnType, UseModalInnerReturnType } from '../interface';
 import { Fn } from '../../type';
-
 /**
  * @description: Applicable to independent modal and call outside
  */

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

@@ -36,8 +36,7 @@ function C() {
       var m;
       if ((m = n()) == null || m.setModalProps({
         open: e
-      }), !o)
-        return;
+      }), !o) return;
       const l = t(s);
       if (p) {
         u[l] = null, u[l] = c(o);