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

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

@@ -1,100 +0,0 @@
-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 {
-  V as default
-};

package/es/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/es/src/modal/components/modal.mjs

@@ -1,47 +0,0 @@
-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]" && !p(o);
-}
-const N = /* @__PURE__ */ f({
-  name: "Modal",
-  inheritAttrs: !1,
-  props: b,
-  emits: ["cancel"],
-  setup(o, {
-    slots: e,
-    emit: r,
-    attrs: n
-  }) {
-    const {
-      open: a,
-      draggable: l,
-      destroyOnClose: s
-    } = d(o);
-    g({
-      open: a,
-      destroyOnClose: s,
-      draggable: l
-    });
-    const c = (t) => {
-      r("cancel", t);
-    };
-    return () => {
-      let t;
-      const i = {
-        ...m(n),
-        ...o,
-        onCancel: c
-      };
-      return u(M, i, y(t = j(e)) ? t : {
-        default: () => [t]
-      });
-    };
-  }
-});
-export {
-  N as default
-};

package/es/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/es/src/modal/hooks/use-moda-full-screen.mjs

@@ -1,14 +0,0 @@
-import { ref as t, computed as s, unref as r } from "vue";
-function c(l) {
-  const n = t(!1), a = s(() => {
-    const e = r(l.wrapClassName) || "";
-    return r(n) ? `fullscreen-modal ${e} ` : r(e);
-  });
-  function o(e) {
-    e && e.stopPropagation(), n.value = !r(n);
-  }
-  return { getWrapClassName: a, handleFullScreen: o, fullScreenRef: n };
-}
-export {
-  c as useFullScreen
-};

package/es/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/es/src/modal/hooks/use-modal-context.mjs

@@ -1,12 +0,0 @@
-import { createContext as o, useContext as n } from "@aplus-frontend/hooks";
-const t = Symbol();
-function u(e) {
-  return o(e, t);
-}
-function c() {
-  return n(t);
-}
-export {
-  u as createModalContext,
-  c as useModalContext
-};

package/es/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/es/src/modal/hooks/use-modal-drag.mjs

@@ -1,35 +0,0 @@
-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;
-    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;
-      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) {
-        let s = h.clientX - T, l = h.clientY - L;
-        -s > u ? s = -u : s > g && (s = g), -l > p ? l = -p : l > y && (l = y), e.style.cssText += `;left:${s + f}px;top:${l + m}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 = a(t, "display"), r = t.getAttribute("data-drag");
-      e !== "none" && (r === null || c(n.destroyOnClose)) && D(t);
-    }
-  };
-  x(() => {
-    !c(n.open) || !c(n.draggable) || A(() => {
-      b();
-    }, 30);
-  });
-}
-export {
-  X as useModalDragMove
-};

package/es/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/es/src/modal/hooks/use-modal.mjs

@@ -1,101 +0,0 @@
-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";
-import { isFunction as R } from "@fruits-chain/utils";
-const u = P({}), g = P({});
-function C() {
-  const r = d(null), a = d(!1), s = d(0);
-  function i(e, o) {
-    if (!h())
-      throw new Error(
-        "useModal() can only be used inside setup() or functional components!"
-      );
-    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;
-    });
-  }
-  const n = () => {
-    const e = t(r);
-    if (!e)
-      throw new Error("useModal instance is undefined!");
-    return e;
-  }, f = {
-    setModalProps: (e) => {
-      var o;
-      (o = n()) == null || o.setModalProps(e);
-    },
-    getOpen: v(() => g[~~t(s)]),
-    redoModalHeight: () => {
-      var e, o;
-      (o = (e = n()) == null ? void 0 : e.redoModalHeight) == null || o.call(e);
-    },
-    openModal: (e = !0, o, p = !0) => {
-      var m;
-      if ((m = n()) == null || m.setModalProps({
-        open: e
-      }), !o) return;
-      const l = t(s);
-      if (p) {
-        u[l] = null, u[l] = c(o);
-        return;
-      }
-      H(c(u[l]), c(o)) || (u[l] = c(o));
-    },
-    closeModal: () => {
-      var e;
-      (e = n()) == null || e.setModalProps({ open: !1 });
-    }
-  };
-  return [i, f];
-}
-const D = (r) => {
-  const a = d(null), s = h(), i = d(0), n = () => {
-    const e = t(a);
-    if (!e)
-      throw new Error("useModalInner instance is undefined!");
-    return e;
-  }, f = (e, o) => {
-    M() && I(() => {
-      a.value = null;
-    }), i.value = o, a.value = e, s == null || s.emit("register", e, o);
-  };
-  return E(() => {
-    const e = u[t(i)];
-    e && (!r || !R(r) || O(() => {
-      r(e);
-    }));
-  }), [
-    f,
-    {
-      changeLoading: (e = !0) => {
-        var o;
-        (o = n()) == null || o.setModalProps({ loading: e });
-      },
-      getOpen: v(() => g[~~t(i)]),
-      changeOkLoading: (e = !0) => {
-        var o;
-        (o = n()) == null || o.setModalProps({ confirmLoading: e });
-      },
-      closeModal: () => {
-        var e;
-        (e = n()) == null || e.setModalProps({ open: !1 });
-      },
-      setModalProps: (e) => {
-        var o;
-        (o = n()) == null || o.setModalProps(e);
-      },
-      redoModalHeight: () => {
-        var o;
-        const e = (o = n()) == null ? void 0 : o.redoModalHeight;
-        e && e();
-      }
-    }
-  ];
-};
-export {
-  C as useModal,
-  D as useModalInner
-};