@gopowerteam/modal-render 0.0.3 → 0.0.5

package/dist/index.js

@@ -1,399 +0,0 @@
-import { unref as J, isRef as Q, toRefs as Z, customRef as j, getCurrentScope as ee, onScopeDispose as te, ref as P, computed as S, watch as ne, defineComponent as X, inject as R, shallowRef as A, onMounted as Y, onUnmounted as oe, openBlock as _, createElementBlock as b, createElementVNode as w, withModifiers as re, normalizeStyle as W, toDisplayString as ie, createCommentVNode as z, createBlock as T, resolveDynamicComponent as se, normalizeProps as le, guardReactiveProps as ae, triggerRef as k, provide as ue, Fragment as I, renderSlot as ce, Teleport as de, createVNode as fe, TransitionGroup as pe, withCtx as me, renderList as ve, mergeProps as ye, defineAsyncComponent as he, getCurrentInstance as K } from "vue";
-const $ = Symbol("__MODAL__");
-function _e(t) {
-  return ee() ? (te(t), !0) : !1;
-}
-function h(t) {
-  return typeof t == "function" ? t() : J(t);
-}
-const q = typeof window < "u" && typeof document < "u", ge = Object.prototype.toString, we = (t) => ge.call(t) === "[object Object]", be = () => {
-};
-function xe(t, s = {}) {
-  if (!Q(t))
-    return Z(t);
-  const e = Array.isArray(t.value) ? Array.from({ length: t.value.length }) : {};
-  for (const o in t.value)
-    e[o] = j(() => ({
-      get() {
-        return t.value[o];
-      },
-      set(r) {
-        var c;
-        if ((c = h(s.replaceRef)) != null ? c : !0)
-          if (Array.isArray(t.value)) {
-            const p = [...t.value];
-            p[o] = r, t.value = p;
-          } else {
-            const p = { ...t.value, [o]: r };
-            Object.setPrototypeOf(p, Object.getPrototypeOf(t.value)), t.value = p;
-          }
-        else
-          t.value[o] = r;
-      }
-    }));
-  return e;
-}
-function Ce(t) {
-  var s;
-  const e = h(t);
-  return (s = e == null ? void 0 : e.$el) != null ? s : e;
-}
-const G = q ? window : void 0;
-function N(...t) {
-  let s, e, o, r;
-  if (typeof t[0] == "string" || Array.isArray(t[0]) ? ([e, o, r] = t, s = G) : [s, e, o, r] = t, !s)
-    return be;
-  Array.isArray(e) || (e = [e]), Array.isArray(o) || (o = [o]);
-  const c = [], v = () => {
-    c.forEach((u) => u()), c.length = 0;
-  }, p = (u, l, d, f) => (u.addEventListener(l, d, f), () => u.removeEventListener(l, d, f)), m = ne(
-    () => [Ce(s), h(r)],
-    ([u, l]) => {
-      if (v(), !u)
-        return;
-      const d = we(l) ? { ...l } : l;
-      c.push(
-        ...e.flatMap((f) => o.map((C) => p(u, f, C, d)))
-      );
-    },
-    { immediate: !0, flush: "post" }
-  ), a = () => {
-    m(), v();
-  };
-  return _e(a), a;
-}
-function Ee(t, s = {}) {
-  var e, o;
-  const {
-    pointerTypes: r,
-    preventDefault: c,
-    stopPropagation: v,
-    exact: p,
-    onMove: m,
-    onEnd: a,
-    onStart: u,
-    initialValue: l,
-    axis: d = "both",
-    draggingElement: f = G,
-    containerElement: C,
-    handle: B = t
-  } = s, y = P(
-    (e = h(l)) != null ? e : { x: 0, y: 0 }
-  ), g = P(), E = (i) => r ? r.includes(i.pointerType) : !0, M = (i) => {
-    h(c) && i.preventDefault(), h(v) && i.stopPropagation();
-  }, L = (i) => {
-    var x;
-    if (!E(i) || h(p) && i.target !== h(t))
-      return;
-    const V = ((x = h(C)) != null ? x : h(t)).getBoundingClientRect(), F = {
-      x: i.clientX - V.left,
-      y: i.clientY - V.top
-    };
-    (u == null ? void 0 : u(F, i)) !== !1 && (g.value = F, M(i));
-  }, D = (i) => {
-    if (!E(i) || !g.value)
-      return;
-    let { x, y: O } = y.value;
-    (d === "x" || d === "both") && (x = i.clientX - g.value.x), (d === "y" || d === "both") && (O = i.clientY - g.value.y), y.value = {
-      x,
-      y: O
-    }, m == null || m(y.value, i), M(i);
-  }, n = (i) => {
-    E(i) && g.value && (g.value = void 0, a == null || a(y.value, i), M(i));
-  };
-  if (q) {
-    const i = { capture: (o = s.capture) != null ? o : !0 };
-    N(B, "pointerdown", L, i), N(f, "pointermove", D, i), N(f, "pointerup", n, i);
-  }
-  return {
-    ...xe(y),
-    position: y,
-    isDragging: S(() => !!g.value),
-    style: S(
-      () => `left:${y.value.x}px;top:${y.value.y}px;`
-    )
-  };
-}
-const Me = { class: "modal-container" }, Se = { class: "title font-bold" }, ke = { class: "action" }, Ae = {
-  key: 1,
-  class: "modal-footer space-x-2"
-}, ze = ["form"], Pe = {
-  name: "ModalContainer",
-  inheritAttrs: !0
-}, $e = /* @__PURE__ */ X({
-  ...Pe,
-  props: {
-    id: {},
-    form: {},
-    component: {},
-    componentProps: {},
-    width: {},
-    maxWidth: {},
-    maxHeight: {},
-    sizes: {},
-    size: { default: "middle" },
-    title: {},
-    header: { type: Boolean, default: !0 },
-    footer: { type: Boolean, default: !1 },
-    closeable: { type: Boolean, default: !0 },
-    esc: { type: Boolean, default: !1 },
-    maskClosable: { type: Boolean, default: !1 },
-    draggable: { type: Boolean, default: !1 }
-  },
-  emits: ["submit"],
-  setup(t, { emit: s }) {
-    const e = t, o = s, r = R($);
-    let c = 0, v = 0;
-    const p = A(), m = A(), a = A(), { x: u, y: l } = Ee(a, {
-      initialValue: { x: 0, y: 0 }
-    });
-    function d() {
-      r == null || r.close(e.id);
-    }
-    function f(n) {
-      if (typeof n == "number")
-        return `${n}px`;
-      if (typeof n == "string")
-        return n;
-    }
-    const C = S(() => {
-      const n = {};
-      return e.size && (n.width = f(e.sizes[e.size])), e.width && (n.width = f(e.width)), e.maxWidth && (n.maxWidth = f(e.maxWidth)), e.size === "fullscreen" && (n.maxWidth = "unset", n.position = "fixed", n.top = 0, n.left = 0, n.bottom = 0, n.right = 0), e.draggable && e.size !== "fullscreen" && (n.transform = `translate(${u.value - c}px, ${l.value - v}px)`), n;
-    }), B = S(() => {
-      const n = {};
-      return e.draggable && e.size !== "fullscreen" && (n.cursor = "move"), n;
-    }), y = S(() => {
-      var i;
-      const n = {};
-      return e.maxHeight && (n.maxHeight = `calc(${(i = f(e.maxWidth)) == null ? void 0 : i.replace("%", "vh")} - 50px)`), e.size === "fullscreen" && (n.maxHeight = "calc(100% - 50px)"), n;
-    });
-    function g() {
-      const n = m.value;
-      if (e.form && n) {
-        const i = n.querySelector(`form[name="${e.form}"]`);
-        i && i.dispatchEvent(new Event("submit"));
-      }
-      o("submit");
-    }
-    function E() {
-      r == null || r.close(e.id);
-    }
-    function M() {
-      window && window.addEventListener("resize", () => {
-        k(p), k(m), c = m.value.offsetLeft, v = m.value.offsetTop;
-      });
-    }
-    function L() {
-      if (e.closeable && e.esc) {
-        const n = ({ key: i }) => {
-          i === "Escape" && (r == null || r.close(e.id), window.removeEventListener("keydown", n));
-        };
-        window.addEventListener("keydown", n);
-      }
-    }
-    function D() {
-      c = m.value.offsetLeft, v = m.value.offsetTop;
-    }
-    return Y(() => {
-      L(), M();
-    }), oe(() => {
-    }), (n, i) => (_(), b("div", Me, [
-      w("div", {
-        ref_key: "wrapperRef",
-        ref: p,
-        class: "modal-wrapper",
-        onClick: i[0] || (i[0] = re((x) => n.maskClosable && d(), ["self"]))
-      }, [
-        w("div", {
-          ref_key: "contentRef",
-          ref: m,
-          class: "modal-content",
-          style: W(C.value)
-        }, [
-          n.header ? (_(), b("div", {
-            key: 0,
-            ref_key: "headerRef",
-            ref: a,
-            class: "modal-header",
-            style: W(B.value),
-            onMousedown: D
-          }, [
-            w("div", Se, ie(n.title), 1),
-            w("div", ke, [
-              n.closeable ? (_(), b("div", {
-                key: 0,
-                class: "i-icon-park-outline:close block cursor-pointer",
-                onClick: d
-              })) : z("", !0)
-            ])
-          ], 36)) : z("", !0),
-          w("div", {
-            class: "modal-body",
-            style: W(y.value)
-          }, [
-            (_(), T(se(n.component), le(ae(n.componentProps)), null, 16))
-          ], 4),
-          n.footer ? (_(), b("div", Ae, [
-            w("button", {
-              class: "submit-button",
-              form: n.form,
-              type: "submit",
-              onClick: g
-            }, " 确定 ", 8, ze),
-            w("button", {
-              class: "cancel-button",
-              type: "button",
-              onClick: E
-            }, " 取消 ")
-          ])) : z("", !0)
-        ], 4)
-      ], 512)
-    ]));
-  }
-});
-const U = (t, s) => {
-  const e = t.__vccOpts || t;
-  for (const [o, r] of s)
-    e[o] = r;
-  return e;
-}, Be = /* @__PURE__ */ U($e, [["__scopeId", "data-v-05b670ad"]]), Le = {
-  key: 0,
-  class: "modal-teleport"
-}, De = {
-  name: "ModalProvider",
-  inheritAttrs: !0
-}, Oe = /* @__PURE__ */ X({
-  ...De,
-  props: {
-    appendToBody: { type: Boolean, default: !1 },
-    sizes: { default: () => ({
-      small: 520,
-      middle: 860,
-      large: 1190
-    }) },
-    maxWidth: { default: "80%" },
-    maxHeight: { default: "80%" }
-  },
-  setup(t, { expose: s }) {
-    const e = A([]), o = P(!1);
-    async function r(a, u, l) {
-      const d = he(
-        () => Promise.resolve(a)
-      );
-      return new Promise((f) => {
-        e.value.push({
-          id: Math.random().toString(32).slice(2),
-          component: d,
-          props: u,
-          options: l,
-          resolve: f,
-          onSubmit: P(() => {
-          })
-        }), k(e);
-      });
-    }
-    function c(a, u) {
-      const l = e.value.findIndex((f) => f.id === a);
-      if (l < 0)
-        return;
-      const d = e.value[l];
-      d == null || d.resolve(u), e.value.splice(l, 1), k(e);
-    }
-    function v() {
-      e.value.forEach((a) => {
-        a.resolve();
-      }), e.value = [], k(e);
-    }
-    function p(a) {
-      return e.value.find((u) => u.id === a);
-    }
-    function m(a, u) {
-      const l = e.value.find((d) => d.id === a);
-      l && (l.onSubmit.value = u);
-    }
-    return ue($, {
-      open: r,
-      close: c,
-      closeAll: v,
-      getElement: p,
-      addSubmitListener: m
-    }), s({
-      elements: e
-    }), Y(() => {
-      o.value = !0;
-    }), (a, u) => (_(), b(I, null, [
-      ce(a.$slots, "default", {}, void 0, !0),
-      o.value ? (_(), b("div", Le, [
-        (_(), T(de, {
-          disabled: !a.appendToBody,
-          to: "body"
-        }, [
-          fe(pe, { name: "modal-fade" }, {
-            default: me(() => [
-              (_(!0), b(I, null, ve(e.value, (l) => (_(), T(Be, ye({
-                id: l.id,
-                key: l.id,
-                component: l.component,
-                "component-props": l.props,
-                "max-height": a.maxHeight,
-                "max-width": a.maxWidth,
-                sizes: a.sizes
-              }, l.options, {
-                onSubmit: l.onSubmit.value
-              }), null, 16, ["id", "component", "component-props", "max-height", "max-width", "sizes", "onSubmit"]))), 128))
-            ]),
-            _: 1
-          })
-        ], 8, ["disabled"]))
-      ])) : z("", !0)
-    ], 64));
-  }
-});
-const Ne = /* @__PURE__ */ U(Oe, [["__scopeId", "data-v-171d9bdd"]]);
-function H(t, s) {
-  var o, r;
-  let e = t == null ? void 0 : t.parent;
-  for (; e && ((o = e == null ? void 0 : e.type) == null ? void 0 : o.name) !== s; )
-    e = e.parent;
-  return ((r = e == null ? void 0 : e.type) == null ? void 0 : r.name) === s ? e : null;
-}
-function Te() {
-  const t = R($), s = K();
-  return {
-    open(e, o, r) {
-      if (!t)
-        throw new Error("Not Found Modal Provider Component");
-      return t.open(e, o || {}, r || {});
-    },
-    close(e) {
-      var c;
-      if (!t)
-        throw new Error("Not Found Modal Provider Component");
-      const o = H(s, "ModalContainer"), r = (c = o == null ? void 0 : o.props) == null ? void 0 : c.id;
-      if (!r)
-        throw new Error("Not Found Current Modal Container");
-      t.close(r, e);
-    },
-    closeAll() {
-      if (!t)
-        throw new Error("Not Found Modal Provider Component");
-      t.closeAll();
-    },
-    onSubmit(e) {
-      const o = H(s, "ModalContainer");
-      if (!(o == null ? void 0 : o.props.id))
-        throw new Error("Not Found Current Modal Container");
-    }
-  };
-}
-function He(t) {
-  var c;
-  const s = R($), e = K(), o = H(e, "ModalContainer"), r = (c = o == null ? void 0 : o.props) == null ? void 0 : c.id;
-  s && r && s.addSubmitListener(r, t);
-}
-export {
-  Be as ModalContainer,
-  Ne as ModalProvider,
-  He as onSubmit,
-  Te as useModal
-};