@aplus-frontend/ui 0.1.41 → 0.2.0-beta.1

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

@@ -1,253 +0,0 @@
-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;
-    };
-    scrollTop: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    height: {
-        type: NumberConstructor;
-    };
-    minHeight: {
-        type: NumberConstructor;
-    };
-    draggable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    centered: {
-        type: BooleanConstructor;
-    };
-    cancelText: {
-        type: StringConstructor;
-    };
-    okText: {
-        type: StringConstructor;
-    };
-    closeFunc: PropType<() => Promise<boolean>>;
-} & {
-    defaultFullscreen: {
-        type: BooleanConstructor;
-    };
-    canFullscreen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    wrapperFooterOffset: {
-        type: NumberConstructor;
-        default: number;
-    };
-    helpMessage: PropType<string | string[]>;
-    useWrapper: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loading: {
-        type: BooleanConstructor;
-    };
-    loadingTip: {
-        type: StringConstructor;
-    };
-    showCancelBtn: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showOkBtn: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    wrapperProps: PropType<Partial< ModalWrapperProps>>;
-    afterClose: PropType<() => Promise< VNodeChild | VNode<RendererNode, RendererElement, {
-        [key: string]: any;
-    }>>>;
-    bodyStyle: PropType<CSSProperties>;
-    closable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    closeIcon: PropType< VNodeChild | VNode<RendererNode, RendererElement, {
-        [key: string]: any;
-    }>>;
-    confirmLoading: {
-        type: BooleanConstructor;
-    };
-    destroyOnClose: {
-        type: BooleanConstructor;
-    };
-    footer: PropType< VNodeChild | VNode<RendererNode, RendererElement, {
-        [key: string]: any;
-    }>>;
-    getContainer: PropType<() => any>;
-    mask: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    maskClosable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    keyboard: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    maskStyle: PropType<CSSProperties>;
-    okType: {
-        type: PropType< ButtonType | "danger">;
-        default: string;
-    };
-    okButtonProps: PropType<ButtonProps>;
-    cancelButtonProps: PropType<ButtonProps>;
-    title: {
-        type: StringConstructor;
-    };
-    open: {
-        type: BooleanConstructor;
-    };
-    width: PropType<string | number>;
-    wrapClassName: {
-        type: StringConstructor;
-    };
-    zIndex: {
-        type: NumberConstructor;
-    };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "cancel"[], "cancel", PublicProps, Readonly< ExtractPropTypes<{
-    open: {
-        type: BooleanConstructor;
-    };
-    scrollTop: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    height: {
-        type: NumberConstructor;
-    };
-    minHeight: {
-        type: NumberConstructor;
-    };
-    draggable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    centered: {
-        type: BooleanConstructor;
-    };
-    cancelText: {
-        type: StringConstructor;
-    };
-    okText: {
-        type: StringConstructor;
-    };
-    closeFunc: PropType<() => Promise<boolean>>;
-} & {
-    defaultFullscreen: {
-        type: BooleanConstructor;
-    };
-    canFullscreen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    wrapperFooterOffset: {
-        type: NumberConstructor;
-        default: number;
-    };
-    helpMessage: PropType<string | string[]>;
-    useWrapper: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loading: {
-        type: BooleanConstructor;
-    };
-    loadingTip: {
-        type: StringConstructor;
-    };
-    showCancelBtn: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showOkBtn: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    wrapperProps: PropType<Partial< ModalWrapperProps>>;
-    afterClose: PropType<() => Promise< VNodeChild | VNode<RendererNode, RendererElement, {
-        [key: string]: any;
-    }>>>;
-    bodyStyle: PropType<CSSProperties>;
-    closable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    closeIcon: PropType< VNodeChild | VNode<RendererNode, RendererElement, {
-        [key: string]: any;
-    }>>;
-    confirmLoading: {
-        type: BooleanConstructor;
-    };
-    destroyOnClose: {
-        type: BooleanConstructor;
-    };
-    footer: PropType< VNodeChild | VNode<RendererNode, RendererElement, {
-        [key: string]: any;
-    }>>;
-    getContainer: PropType<() => any>;
-    mask: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    maskClosable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    keyboard: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    maskStyle: PropType<CSSProperties>;
-    okType: {
-        type: PropType< ButtonType | "danger">;
-        default: string;
-    };
-    okButtonProps: PropType<ButtonProps>;
-    cancelButtonProps: PropType<ButtonProps>;
-    title: {
-        type: StringConstructor;
-    };
-    open: {
-        type: BooleanConstructor;
-    };
-    width: PropType<string | number>;
-    wrapClassName: {
-        type: StringConstructor;
-    };
-    zIndex: {
-        type: NumberConstructor;
-    };
-}>> & {
-    onCancel?: ((...args: any[]) => any) | undefined;
-}, {
-    open: boolean;
-    mask: boolean;
-    closable: boolean;
-    centered: boolean;
-    okType: "danger" | ButtonType;
-    maskClosable: boolean;
-    keyboard: boolean;
-    loading: boolean;
-    confirmLoading: boolean;
-    destroyOnClose: boolean;
-    draggable: boolean;
-    scrollTop: boolean;
-    useWrapper: boolean;
-    defaultFullscreen: boolean;
-    canFullscreen: boolean;
-    wrapperFooterOffset: number;
-    showCancelBtn: boolean;
-    showOkBtn: boolean;
-}, {}>;
-export default _default;

package/lib/src/modal/components/modal.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),d=require("ant-design-vue"),p=require("../props.js"),f=require("../hooks/use-modal-drag.js"),g=require("../../utils/slot.js");function M(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!o.isVNode(e)}const b=o.defineComponent({name:"Modal",inheritAttrs:!1,props:p.basicProps,emits:["cancel"],setup(e,{slots:n,emit:r,attrs:s}){const{open:a,draggable:l,destroyOnClose:c}=o.toRefs(e);f.useModalDragMove({open:a,destroyOnClose:c,draggable:l});const u=t=>{r("cancel",t)};return()=>{let t;const i={...o.unref(s),...e,onCancel:u};return o.createVNode(d.Modal,i,M(t=g.extendSlots(n))?t:{default:()=>[t]})}}});exports.default=b;

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

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

package/lib/src/modal/hooks/use-moda-full-screen.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");function s(u){const r=e.ref(!1),l=e.computed(()=>{const n=e.unref(u.wrapClassName)||"";return e.unref(r)?`fullscreen-modal ${n} `:e.unref(n)});function t(n){n&&n.stopPropagation(),r.value=!e.unref(r)}return{getWrapClassName:l,handleFullScreen:t,fullScreenRef:r}}exports.useFullScreen=s;

package/lib/src/modal/hooks/use-modal-context.d.ts

@@ -1,7 +0,0 @@
-export interface ModalContextProps {
-    redoModalHeight: () => void;
-}
-export declare function createModalContext(context: ModalContextProps): {
-    state: any;
-};
-export declare function useModalContext(): ModalContextProps;

package/lib/src/modal/hooks/use-modal-context.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@aplus-frontend/hooks"),t=Symbol();function n(o){return e.createContext(o,t)}function r(){return e.useContext(t)}exports.createModalContext=n;exports.useModalContext=r;

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

@@ -1,7 +0,0 @@
-import { Ref } from 'vue';
-export interface UseModalDragMoveContext {
-    draggable: Ref<boolean>;
-    destroyOnClose: Ref<boolean | undefined> | undefined;
-    open: Ref<boolean>;
-}
-export declare function useModalDragMove(context: UseModalDragMoveContext): void;

package/lib/src/modal/hooks/use-modal-drag.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),H=require("@vueuse/core");function M(r){const u=(o,t)=>getComputedStyle(o)[t],D=o=>{if(!o)return;o.setAttribute("data-drag",n.unref(r.draggable));const t=o.querySelector(".ant-modal-header"),e=o.querySelector(".ant-modal");!t||!e||!n.unref(r.draggable)||(t.style.cursor="move",t.onmousedown=s=>{if(!s)return;const T=s.clientX,v=s.clientY,S=document.body.clientWidth,L=document.documentElement.clientHeight,W=e.offsetWidth,q=e.offsetHeight,m=e.offsetLeft,g=S-e.offsetLeft-W,p=e.offsetTop,y=L-e.offsetTop-q,d=u(e,"left"),a=u(e,"top");let i=+d,f=+a;d.includes("%")?(i=+document.body.clientWidth*(+d.replace(/%/g,"")/100),f=+document.body.clientHeight*(+a.replace(/%/g,"")/100)):(i=+d.replace(/px/g,""),f=+a.replace(/px/g,"")),document.onmousemove=function(h){let c=h.clientX-T,l=h.clientY-v;-c>m?c=-m:c>g&&(c=g),-l>p?l=-p:l>y&&(l=y),e.style.cssText+=`;left:${c+i}px;top:${l+f}px;`},document.onmouseup=()=>{document.onmousemove=null,document.onmouseup=null}})},b=()=>{const o=document.querySelectorAll(".ant-modal-wrap");for(const t of Array.from(o)){if(!t)continue;const e=u(t,"display"),s=t.getAttribute("data-drag");e!=="none"&&(s===null||n.unref(r.destroyOnClose))&&D(t)}};n.watchEffect(()=>{!n.unref(r.open)||!n.unref(r.draggable)||H.useTimeoutFn(()=>{b()},30)})}exports.useModalDragMove=M;

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

@@ -1,7 +0,0 @@
-import { UseModalReturnType, UseModalInnerReturnType } from '../interface';
-import { Fn } from '../../type';
-/**
- * @description: Applicable to independent modal and call outside
- */
-export declare function useModal(): UseModalReturnType;
-export declare const useModalInner: (callbackFn?: Fn) => UseModalInnerReturnType;

package/lib/src/modal/hooks/use-modal.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),f=require("@aplus-frontend/utils"),p=require("lodash-unified"),P=require("@vueuse/core"),v=require("@fruits-chain/utils"),i=o.reactive({}),M=o.reactive({});function w(){const t=o.ref(null),u=o.ref(!1),s=o.ref(0);function l(e,n){if(!o.getCurrentInstance())throw new Error("useModal() can only be used inside setup() or functional components!");s.value=n,f.isProdMode()&&o.onUnmounted(()=>{t.value=null,u.value=!1,i[String(o.unref(s))]=null}),!(o.unref(u)&&f.isProdMode()&&e===o.unref(t))&&(t.value=e,u.value=!0,e.emitOpen=(c,a)=>{M[a]=c})}const r=()=>{const e=o.unref(t);if(!e)throw new Error("useModal instance is undefined!");return e},d={setModalProps:e=>{var n;(n=r())==null||n.setModalProps(e)},getOpen:o.computed(()=>M[~~o.unref(s)]),redoModalHeight:()=>{var e,n;(n=(e=r())==null?void 0:e.redoModalHeight)==null||n.call(e)},openModal:(e=!0,n,c=!0)=>{var g;if((g=r())==null||g.setModalProps({open:e}),!n)return;const a=o.unref(s);if(c){i[a]=null,i[a]=o.toRaw(n);return}p.isEqual(o.toRaw(i[a]),o.toRaw(n))||(i[a]=o.toRaw(n))},closeModal:()=>{var e;(e=r())==null||e.setModalProps({open:!1})}};return[l,d]}const h=t=>{const u=o.ref(null),s=o.getCurrentInstance(),l=o.ref(0),r=()=>{const e=o.unref(u);if(!e)throw new Error("useModalInner instance is undefined!");return e},d=(e,n)=>{f.isProdMode()&&P.tryOnUnmounted(()=>{u.value=null}),l.value=n,u.value=e,s==null||s.emit("register",e,n)};return o.watchEffect(()=>{const e=i[o.unref(l)];e&&(!t||!v.isFunction(t)||o.nextTick(()=>{t(e)}))}),[d,{changeLoading:(e=!0)=>{var n;(n=r())==null||n.setModalProps({loading:e})},getOpen:o.computed(()=>M[~~o.unref(l)]),changeOkLoading:(e=!0)=>{var n;(n=r())==null||n.setModalProps({confirmLoading:e})},closeModal:()=>{var e;(e=r())==null||e.setModalProps({open:!1})},setModalProps:e=>{var n;(n=r())==null||n.setModalProps(e)},redoModalHeight:()=>{var n;const e=(n=r())==null?void 0:n.redoModalHeight;e&&e()}}]};exports.useModal=w;exports.useModalInner=h;