@farris/ui-vue 1.2.5 → 1.2.7

package/components/modal/index.esm.js

@@ -1,8 +1,8 @@
-var me = Object.defineProperty;
-var ge = (t, e, l) => e in t ? me(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l;
-var V = (t, e, l) => ge(t, typeof e != "symbol" ? e + "" : e, l);
-import { ref as s, createVNode as f, Fragment as ye, defineComponent as we, computed as k, watch as X, onMounted as G, onUnmounted as Q, Teleport as be, shallowRef as xe, createApp as pe, nextTick as Ce, render as _, h as Me, cloneVNode as ze, mergeProps as Ee } from "vue";
-const Be = {
+var ge = Object.defineProperty;
+var ye = (t, e, l) => e in t ? ge(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l;
+var D = (t, e, l) => ye(t, typeof e != "symbol" ? e + "" : e, l);
+import { ref as s, createVNode as h, Fragment as we, defineComponent as be, computed as k, watch as Y, onMounted as Q, onUnmounted as Z, Teleport as xe, shallowRef as pe, createApp as Ce, nextTick as Me, render as G, h as ze, cloneVNode as Ee, mergeProps as Be } from "vue";
+const He = {
   /**
    * 自定义类
    */
@@ -54,7 +54,7 @@ const Be = {
   containment: { type: HTMLElement, default: null },
   reiszeable: { type: Boolean, default: !1 },
   draggable: { type: Boolean, default: !1 },
-  dragHandle: { type: HTMLElement, default: null },
+  dragHandle: { type: Object, default: null },
   closedCallback: { type: Function, default: null },
   resizeHandle: { type: Function, default: null },
   render: { type: Function, default: null },
@@ -62,26 +62,26 @@ const Be = {
   rejectCallback: { type: Function, default: null },
   enableEsc: { type: Boolean, default: !0 }
 };
-class E {
+class M {
   constructor(e, l) {
     this.x = e, this.y = l;
   }
   static getTransformInfo(e) {
-    const i = window.getComputedStyle(e).getPropertyValue("transform").replace(/[^-\d,]/g, "").split(",");
-    if (i.length >= 6) {
-      const x = parseInt(i[4], 10), d = parseInt(i[5], 10);
-      return { x, y: d };
+    const u = window.getComputedStyle(e).getPropertyValue("transform").replace(/[^-\d,]/g, "").split(",");
+    if (u.length >= 6) {
+      const x = parseInt(u[4], 10), r = parseInt(u[5], 10);
+      return { x, y: r };
     }
     return { x: 0, y: 0 };
   }
   static fromEvent(e, l = null) {
     if (this.isMouseEvent(e))
-      return new E(e.clientX, e.clientY);
+      return new M(e.clientX, e.clientY);
     if (l === null || e.changedTouches.length === 1)
-      return new E(e.changedTouches[0].clientX, e.changedTouches[0].clientY);
-    for (let i = 0; i < e.changedTouches.length; i++)
-      if (e.changedTouches[i].target === l)
-        return new E(e.changedTouches[i].clientX, e.changedTouches[i].clientY);
+      return new M(e.changedTouches[0].clientX, e.changedTouches[0].clientY);
+    for (let u = 0; u < e.changedTouches.length; u++)
+      if (e.changedTouches[u].target === l)
+        return new M(e.changedTouches[u].clientX, e.changedTouches[u].clientY);
   }
   static isMouseEvent(e) {
     return Object.prototype.toString.apply(e).indexOf("MouseEvent") === 8;
@@ -90,19 +90,19 @@ class E {
     return !!e && "x" in e && "y" in e;
   }
   static getCurrent(e) {
-    const l = new E(0, 0);
+    const l = new M(0, 0);
     if (window) {
-      const i = window.getComputedStyle(e);
-      if (i) {
-        const x = parseInt(i.getPropertyValue("left"), 10), d = parseInt(i.getPropertyValue("top"), 10);
-        l.x = isNaN(x) ? 0 : x, l.y = isNaN(d) ? 0 : d;
+      const u = window.getComputedStyle(e);
+      if (u) {
+        const x = parseInt(u.getPropertyValue("left"), 10), r = parseInt(u.getPropertyValue("top"), 10);
+        l.x = isNaN(x) ? 0 : x, l.y = isNaN(r) ? 0 : r;
       }
       return l;
     }
     return null;
   }
   static copy(e) {
-    return new E(0, 0).set(e);
+    return new M(0, 0).set(e);
   }
   get value() {
     return { x: this.x, y: this.y };
@@ -126,39 +126,39 @@ class E {
     return this.x = e.x, this.y = e.y, this;
   }
 }
-class F {
+class N {
   constructor(e, l) {
     this.width = e, this.height = l;
   }
   static getCurrent(e) {
-    const l = new F(0, 0);
+    const l = new N(0, 0);
     if (window) {
-      const i = window.getComputedStyle(e);
-      return i && (l.width = parseInt(i.getPropertyValue("width"), 10), l.height = parseInt(i.getPropertyValue("height"), 10)), l;
+      const u = window.getComputedStyle(e);
+      return u && (l.width = parseInt(u.getPropertyValue("width"), 10), l.height = parseInt(u.getPropertyValue("height"), 10)), l;
     }
     return null;
   }
   static copy(e) {
-    return new F(0, 0).set(e);
+    return new N(0, 0).set(e);
   }
   set(e) {
     return this.width = e.width, this.height = e.height, this;
   }
 }
 function Re(t, e) {
-  const l = s(), i = s(), x = s(), d = s(), m = s(), c = s(), r = s(), v = s(), p = s(), T = s(), H = s(), R = s(), I = s(t.draggable), O = s(!1);
+  const l = s(), u = s(), x = s(), r = s(), g = s(), i = s(), d = s(), v = s(), p = s(), T = s(), H = s(), B = s(), I = s(t.draggable), O = s(!1);
   function S() {
-    const n = i.value || document.body, o = window.getComputedStyle(n);
+    const n = u.value || document.body, o = window.getComputedStyle(n);
     if (!o || !l.value)
       return;
-    const w = E.getTransformInfo(l.value), h = {};
-    r.value && (h.deltaL = l.value.offsetLeft - r.value.x, h.deltaT = l.value.offsetTop - r.value.y);
+    const w = M.getTransformInfo(l.value), m = {};
+    d.value && (m.deltaL = l.value.offsetLeft - d.value.x, m.deltaT = l.value.offsetTop - d.value.y);
     const z = o.getPropertyValue("position");
-    h.width = n.clientWidth, h.height = n.clientHeight, h.pr = parseInt(o.getPropertyValue("padding-right"), 10), h.pb = parseInt(o.getPropertyValue("padding-bottom"), 10), h.position = o.getPropertyValue("position"), z === "static" && (n.style.position = "relative"), h.translateX = w.x, h.translateY = w.y, T.value = h;
+    m.width = n.clientWidth, m.height = n.clientHeight, m.pr = parseInt(o.getPropertyValue("padding-right"), 10), m.pb = parseInt(o.getPropertyValue("padding-bottom"), 10), m.position = o.getPropertyValue("position"), z === "static" && (n.style.position = "relative"), m.translateX = w.x, m.translateY = w.y, T.value = m;
   }
-  function g(n) {
+  function y(n) {
     if (l.value) {
-      d.value = F.getCurrent(l.value), m.value = E.getCurrent(l.value), c.value = d.value ? F.copy(d.value) : null, r.value = m.value ? E.copy(m.value) : null, S();
+      r.value = N.getCurrent(l.value), g.value = M.getCurrent(l.value), i.value = r.value ? N.copy(r.value) : null, d.value = g.value ? M.copy(g.value) : null, S();
       const o = n.target.getAttribute("type") || "";
       v.value = {
         n: !!o.match(/n/),
@@ -169,46 +169,46 @@ function Re(t, e) {
     }
   }
   function C() {
-    var n, o, w, h;
+    var n, o, w, m;
     if (l.value) {
       const z = l.value;
-      v.value && ((v.value.n || v.value.s) && ((n = c.value) != null && n.height) && (z.style.height = c.value.height + "px"), (v.value.w || v.value.e) && ((o = c.value) != null && o.width) && (z.style.width = c.value.width + "px"), r.value && ((w = r.value) != null && w.x && (z.style.left = r.value.x + "px"), (h = r.value) != null && h.y && (z.style.top = r.value.y + "px")));
+      v.value && ((v.value.n || v.value.s) && ((n = i.value) != null && n.height) && (z.style.height = i.value.height + "px"), (v.value.w || v.value.e) && ((o = i.value) != null && o.width) && (z.style.width = i.value.width + "px"), d.value && ((w = d.value) != null && w.x && (z.style.left = d.value.x + "px"), (m = d.value) != null && m.y && (z.style.top = d.value.y + "px")));
     }
   }
   function L() {
     const n = t.minHeight ? t.minHeight : 1, o = t.minWidth ? t.minWidth : 1;
-    c.value && r.value && v.value && d.value && (c.value.height < n && (c.value.height = n, v.value.n && m.value && (r.value.y = m.value.y + (d.value.height - n))), c.value.width < o && (c.value.width = o, v.value.w && m.value && (r.value.x = m.value.x + (d.value.width - o))), t.maxHeight && c.value.height > t.maxHeight && (c.value.height = t.maxHeight, m.value && v.value.n && (r.value.y = m.value.y + (d.value.height - t.maxHeight))), t.maxWidth && c.value.width > t.maxWidth && (c.value.width = t.maxWidth, v.value.w && m.value && (r.value.x = m.value.x + (d.value.width - t.maxWidth))));
+    i.value && d.value && v.value && r.value && (i.value.height < n && (i.value.height = n, v.value.n && g.value && (d.value.y = g.value.y + (r.value.height - n))), i.value.width < o && (i.value.width = o, v.value.w && g.value && (d.value.x = g.value.x + (r.value.width - o))), t.maxHeight && i.value.height > t.maxHeight && (i.value.height = t.maxHeight, g.value && v.value.n && (d.value.y = g.value.y + (r.value.height - t.maxHeight))), t.maxWidth && i.value.width > t.maxWidth && (i.value.width = t.maxWidth, v.value.w && g.value && (d.value.x = g.value.x + (r.value.width - t.maxWidth))));
   }
-  function P() {
-    if (i.value) {
+  function F() {
+    if (u.value) {
       const n = T.value;
-      if (r.value && c.value && v.value && d.value) {
-        const o = n.width - n.pr - n.deltaL - n.translateX - r.value.x, w = n.height - n.pb - n.deltaT - n.translateY - r.value.y;
-        v.value.n && r.value.y + n.translateY < 0 && m.value && (r.value.y = -n.translateY, c.value.height = d.value.height + m.value.y + n.translateY), v.value.w && r.value.x + n.translateX < 0 && m.value && (r.value.x = -n.translateX, c.value.width = d.value.width + m.value.x + n.translateX), c.value.width > o && (c.value.width = o), c.value.height > w && (c.value.height = w);
+      if (d.value && i.value && v.value && r.value) {
+        const o = n.width - n.pr - n.deltaL - n.translateX - d.value.x, w = n.height - n.pb - n.deltaT - n.translateY - d.value.y;
+        v.value.n && d.value.y + n.translateY < 0 && g.value && (d.value.y = -n.translateY, i.value.height = r.value.height + g.value.y + n.translateY), v.value.w && d.value.x + n.translateX < 0 && g.value && (d.value.x = -n.translateX, i.value.width = r.value.width + g.value.x + n.translateX), i.value.width > o && (i.value.width = o), i.value.height > w && (i.value.height = w);
       }
     }
   }
-  function D(n) {
-    if (!x.value || !d.value || !m.value || !v.value)
+  function V(n) {
+    if (!x.value || !r.value || !g.value || !v.value)
       return;
     n.subtract(x.value);
     const o = n.x, w = n.y;
-    v.value.n ? (r.value.y = m.value.y + w, c.value.height = d.value.height - w) : v.value.s && (c.value.height = d.value.height + w), v.value.e ? c.value.width = d.value.width + o : v.value.w && (c.value.width = d.value.width - o, r.value.x = m.value.x + o), P(), L(), C();
+    v.value.n ? (d.value.y = g.value.y + w, i.value.height = r.value.height - w) : v.value.s && (i.value.height = r.value.height + w), v.value.e ? i.value.width = r.value.width + o : v.value.w && (i.value.width = r.value.width - o, d.value.x = g.value.x + o), F(), L(), C();
   }
-  function u(n) {
+  function c(n) {
     if (!p.value)
       return;
-    const o = E.fromEvent(n);
-    o && D(o);
+    const o = M.fromEvent(n);
+    o && V(o);
   }
-  function y() {
+  function f() {
     if (l.value) {
       const {
         width: n,
         height: o,
         x: w,
-        y: h
-      } = l.value.getBoundingClientRect(), z = E.getTransformInfo(l.value);
+        y: m
+      } = l.value.getBoundingClientRect(), z = M.getTransformInfo(l.value);
       return {
         size: {
           width: n,
@@ -216,91 +216,91 @@ function Re(t, e) {
         },
         position: {
           x: w - z.x,
-          y: h - z.y
+          y: m - z.y
         }
       };
     }
     return null;
   }
-  function B(n) {
+  function E(n) {
     if (l.value) {
-      const o = y();
+      const o = f();
       H.value = o;
     }
-    x.value = void 0, d.value = null, m.value = null, c.value = null, r.value = null, v.value = null, p.value = null, document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", B);
+    x.value = void 0, r.value = null, g.value = null, i.value = null, d.value = null, v.value = null, p.value = null, document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", E);
   }
-  function j() {
-    document.addEventListener("mousemove", u), document.addEventListener("mouseup", B);
+  function P() {
+    document.addEventListener("mousemove", c), document.addEventListener("mouseup", E);
   }
-  function M(n) {
-    n instanceof MouseEvent && n.button === 2 || I.value && (n.stopPropagation(), n.preventDefault(), x.value = E.fromEvent(n), p.value = n.target, g(n), j());
+  function R(n) {
+    n instanceof MouseEvent && n.button === 2 || I.value && (n.stopPropagation(), n.preventDefault(), x.value = M.fromEvent(n), p.value = n.target, y(n), P());
   }
-  function W(n) {
-    return l.value = n, f(ye, null, [f("div", {
+  function j(n) {
+    return l.value = n, h(we, null, [h("div", {
       class: "ng-resizable-handle ng-resizable-n",
       type: "n",
-      onMousedown: (o) => M(o)
-    }, null), f("div", {
+      onMousedown: (o) => R(o)
+    }, null), h("div", {
       class: "ng-resizable-handle ng-resizable-e",
       type: "e",
-      onMousedown: (o) => M(o)
-    }, null), f("div", {
+      onMousedown: (o) => R(o)
+    }, null), h("div", {
       class: "ng-resizable-handle ng-resizable-s",
       type: "s",
-      onMousedown: (o) => M(o)
-    }, null), f("div", {
+      onMousedown: (o) => R(o)
+    }, null), h("div", {
       class: "ng-resizable-handle ng-resizable-w",
       type: "w",
-      onMousedown: (o) => M(o)
-    }, null), f("div", {
+      onMousedown: (o) => R(o)
+    }, null), h("div", {
       class: "ng-resizable-handle ng-resizable-ne",
       type: "ne",
-      onMousedown: (o) => M(o)
-    }, null), f("div", {
+      onMousedown: (o) => R(o)
+    }, null), h("div", {
       class: "ng-resizable-handle ng-resizable-se ng-resizable-diagonal",
       type: "se",
-      onMousedown: (o) => M(o)
-    }, null), f("div", {
+      onMousedown: (o) => R(o)
+    }, null), h("div", {
       class: "ng-resizable-handle ng-resizable-sw",
       type: "sw",
-      onMousedown: (o) => M(o)
-    }, null), f("div", {
+      onMousedown: (o) => R(o)
+    }, null), h("div", {
       class: "ng-resizable-handle ng-resizable-nw",
       type: "nw",
-      onMousedown: (o) => M(o)
+      onMousedown: (o) => R(o)
     }, null)]);
   }
-  function Y(n = !0) {
-    const o = i.value || document.body, w = F.getCurrent(o), h = l.value;
-    n && (R.value = y(), R.value.transform = h.style.transform), w && h && (c.value = w, h.style.height = c.value.height - 14 + "px", h.style.width = c.value.width - 14 + "px", h.style.left = "7px", h.style.top = "7px", h.style.transform = "", H.value = {
-      size: c.value,
+  function W(n = !0) {
+    const o = u.value || document.body, w = N.getCurrent(o), m = l.value;
+    n && (B.value = f(), B.value.transform = m.style.transform), w && m && (i.value = w, m.style.height = i.value.height - 14 + "px", m.style.width = i.value.width - 14 + "px", m.style.left = "7px", m.style.top = "7px", m.style.transform = "", H.value = {
+      size: i.value,
       position: {
         x: 0,
         y: 0
       }
     }, I.value = !1, O.value = !0);
   }
-  function J() {
+  function q() {
     var n, o;
-    if (R.value) {
+    if (B.value) {
       const w = {
-        width: R.value.size.width || 0,
-        height: R.value.size.height || 0
-      }, h = {
+        width: B.value.size.width || 0,
+        height: B.value.size.height || 0
+      }, m = {
         x: (window.innerWidth - w.width) / 2,
         y: (window.innerHeight - w.height) / 2
       };
-      (n = c.value) == null || n.set(w), (o = r.value) == null || o.set(h);
+      (n = i.value) == null || n.set(w), (o = d.value) == null || o.set(m);
       const z = l.value;
-      z.style.height = w.height + "px", z.style.width = w.width + "px", z.style.left = `${h.x}px`, z.style.top = `${h.y}px`, z.style.transform = "", H.value = {
+      z.style.height = w.height + "px", z.style.width = w.width + "px", z.style.left = `${m.x}px`, z.style.top = `${m.y}px`, z.style.transform = "", H.value = {
         size: w,
-        position: h
+        position: m
       }, I.value = t.draggable, O.value = !1;
     }
   }
-  function K() {
+  function J() {
     if (l.value) {
-      const n = F.getCurrent(l.value);
+      const n = N.getCurrent(l.value);
       if (n) {
         const {
           width: o,
@@ -310,334 +310,345 @@ function Re(t, e) {
       }
     }
   }
-  function A() {
+  function K() {
     const n = () => {
-      O.value ? Y(!1) : K();
+      O.value ? W(!1) : J();
     };
     return window.addEventListener("resize", n), () => {
       window.removeEventListener("resize", n);
     };
   }
-  const q = A();
+  const A = K();
   return {
-    renderResizeBar: W,
-    boundingElement: i,
+    renderResizeBar: j,
+    boundingElement: u,
     resizedEventParam: H,
-    maximize: Y,
-    restore: J,
+    maximize: W,
+    restore: q,
     allowDrag: I,
     isMaximized: O,
-    unWindowResizeHandle: q
+    unWindowResizeHandle: A
   };
 }
-function He(t, e) {
-  const l = s(), i = s(t.draggable), x = s(t.lockAxis), d = s(), m = s(), c = s(!1), r = s(new E(0, 0)), v = s(new E(0, 0)), p = s(new E(0, 0)), T = s(new E(0, 0));
-  function H(u, y) {
-    if (y.tagName === "BUTTON")
+function Ie(t, e) {
+  const l = s(), u = s(t.draggable), x = s(t.lockAxis), r = s(), g = s(), i = s(!1), d = s(new M(0, 0)), v = s(new M(0, 0)), p = s(new M(0, 0)), T = s(new M(0, 0));
+  function H(c, f) {
+    if (f.tagName === "BUTTON")
       return !1;
-    if (y === u)
+    if (f === c)
       return !0;
-    for (const B in y.children)
-      if (y.children.hasOwnProperty(B) && H(u, y.children[B]))
+    for (const E in f.children)
+      if (f.children.hasOwnProperty(E) && H(c, f.children[E]))
         return !0;
     return !1;
   }
-  function R() {
-    var j, M;
-    let u = p.value.x + v.value.x, y = p.value.y + v.value.y;
-    x.value === "x" ? (u = ((j = r.value) == null ? void 0 : j.x) || 0, p.value.x = 0) : x.value === "y" && (y = ((M = r.value) == null ? void 0 : M.y) || 0, p.value.y = 0);
-    const B = `translate3d(${Math.round(u)}px, ${Math.round(y)}px, 0px)`;
-    l.value && (l.value.style.transform = B), T.value.x = u, T.value.y = y;
+  function B() {
+    var P, R;
+    let c = p.value.x + v.value.x, f = p.value.y + v.value.y;
+    x.value === "x" ? (c = ((P = d.value) == null ? void 0 : P.x) || 0, p.value.x = 0) : x.value === "y" && (f = ((R = d.value) == null ? void 0 : R.y) || 0, p.value.y = 0);
+    const E = `translate3d(${Math.round(c)}px, ${Math.round(f)}px, 0px)`;
+    l.value && (l.value.style.transform = E), T.value.x = c, T.value.y = f;
   }
   function I() {
-    if (!m.value || !l.value)
+    if (!g.value || !l.value)
       return null;
-    const u = m.value.getBoundingClientRect(), y = l.value.getBoundingClientRect(), B = {
-      top: u.top < y.top,
-      right: u.right > y.right,
-      bottom: u.bottom > y.bottom,
-      left: u.left < y.left
+    const c = g.value.getBoundingClientRect(), f = l.value.getBoundingClientRect(), E = {
+      top: c.top < f.top,
+      right: c.right > f.right,
+      bottom: c.bottom > f.bottom,
+      left: c.left < f.left
     };
-    return B.top || (p.value.y -= y.top - u.top), B.bottom || (p.value.y -= y.bottom - u.bottom), B.right || (p.value.x -= y.right - u.right), B.left || (p.value.x -= y.left - u.left), R(), B;
+    return E.top || (p.value.y -= f.top - c.top), E.bottom || (p.value.y -= f.bottom - c.bottom), E.right || (p.value.x -= f.right - c.right), E.left || (p.value.x -= f.left - c.left), B(), E;
   }
-  function O(u) {
-    u && (r.value && u.subtract(r.value), p.value.set(u), R(), I());
+  function O(c) {
+    c && (d.value && c.subtract(d.value), p.value.set(c), B(), I());
   }
-  function S(u) {
-    c.value && i.value && (u.stopPropagation(), u.preventDefault(), O(E.fromEvent(u, d.value)));
+  function S(c) {
+    i.value && u.value && (c.stopPropagation(), c.preventDefault(), O(M.fromEvent(c, r.value)));
   }
-  function g() {
-    var u;
-    c.value && (c.value = !1, v.value.add(p.value), p.value.reset(), (u = l.value) == null || u.classList.remove("ng-dragging"), document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", g));
+  function y() {
+    var c;
+    i.value && (i.value = !1, v.value.add(p.value), p.value.reset(), (c = l.value) == null || c.classList.remove("ng-dragging"), document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", y));
   }
   function C() {
-    !c.value && d.value && (c.value = !0, d.value.classList.add("ng-dragging"), document.addEventListener("mousemove", S), document.addEventListener("mouseup", g));
+    !i.value && r.value && (i.value = !0, r.value.classList.add("ng-dragging"), document.addEventListener("mousemove", S), document.addEventListener("mouseup", y));
   }
   function L() {
     if (l.value) {
-      const u = E.getTransformInfo(l.value);
-      v.value.set(u);
+      const c = M.getTransformInfo(l.value);
+      v.value.set(c);
       return;
     }
     v.value.reset();
   }
-  function P(u) {
-    if (u instanceof MouseEvent && u.button === 2)
+  function F(c) {
+    if (c instanceof MouseEvent && c.button === 2)
       return;
-    const y = u.target || u.srcElement;
-    d.value !== void 0 && y && !H(y, d.value) || i.value !== !1 && (u.stopPropagation(), u.preventDefault(), r.value = E.fromEvent(u, l.value), L(), C());
-  }
-  function D(u, y, B) {
-    u && i.value && y && (d.value = u, l.value = y, m.value = B, u.classList.add("ng-draggable"), u.addEventListener("mousedown", P));
+    const f = c.target || c.srcElement;
+    r.value !== void 0 && f && !H(f, r.value) || u.value !== !1 && (c.stopPropagation(), c.preventDefault(), d.value = M.fromEvent(c, l.value), L(), C());
+  }
+  function V(c, f, E) {
+    if (c && u.value && f) {
+      if (t.dragHandle) {
+        if (t.dragHandle instanceof HTMLElement)
+          r.value = t.dragHandle;
+        else if (typeof t.dragHandle == "string") {
+          const P = f.querySelector(t.dragHandle);
+          P && (r.value = P);
+        }
+      } else
+        r.value = c;
+      l.value = f, g.value = E, r.value.classList.add("ng-draggable"), r.value.addEventListener("mousedown", F);
+    }
   }
   return {
-    registerDraggle: D,
+    registerDraggle: V,
     resetTranslate: L
   };
 }
-function Ie(t, e) {
+function ke(t, e) {
   const l = s(t.enableEsc);
-  function i(x) {
+  function u(x) {
     x.key === "Escape" && t.enableEsc && e.emit("esc", { event: x, type: "esc" });
   }
-  l.value && document.addEventListener("keydown", i);
+  l.value && document.addEventListener("keydown", u);
 }
-const $ = /* @__PURE__ */ we({
+const $ = /* @__PURE__ */ be({
   name: "FModal",
-  props: Be,
+  props: He,
   emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc"],
   setup(t, e) {
-    const l = s(t.width || 300), i = s(t.height || 200), x = s(t.modelValue), d = s(""), m = s(t.class), c = s(t.fitContent), r = s(t.showHeader), v = s(""), p = s(t.showCloseButton), T = s(t.showMaxButton), H = s(!1), R = s(""), I = s(""), O = s(""), S = s(t.showButtons), g = s(t.title), C = s(t.reiszeable), L = s(t.containment || null);
-    function P(a, b) {
+    const l = s(t.width || 300), u = s(t.height || 200), x = s(t.modelValue), r = s(""), g = s(t.class), i = s(t.fitContent), d = s(t.showHeader), v = s(""), p = s(t.showCloseButton), T = s(t.showMaxButton), H = s(!1), B = s(""), I = s(""), O = s(""), S = s(t.showButtons), y = s(t.title), C = s(t.reiszeable), L = s(t.containment || null), F = s();
+    function V(a, b) {
       x.value = !1, e.emit("update:modelValue", !1), b != null && e.emit(b ? "accept" : "cancel"), e.emit("closed", a);
     }
-    const D = [{
+    const c = [{
       name: "cancel",
       text: "取消",
       class: "btn btn-light",
       handle: (a) => {
-        P(a, !1);
+        V(a, !1);
       }
     }, {
       name: "accept",
       text: "确定",
       class: "btn btn-primary",
       handle: (a) => {
-        P(a, !0);
+        V(a, !0);
       }
-    }], u = s(t.buttons && t.buttons.length ? t.buttons : D), y = k(() => !!v.value), B = k(() => !!S.value && !!u.value), j = s(), M = s(), W = s(!1), {
-      renderResizeBar: Y,
+    }], f = s(t.buttons && t.buttons.length ? t.buttons : c), E = k(() => !!v.value), P = k(() => !!S.value && !!f.value), R = s(), j = s(), W = s(!1), {
+      renderResizeBar: q,
       maximize: J,
       restore: K,
       boundingElement: A,
-      resizedEventParam: q,
-      allowDrag: n,
-      unWindowResizeHandle: o
+      resizedEventParam: n,
+      allowDrag: o,
+      unWindowResizeHandle: w
     } = Re(t), {
-      registerDraggle: w
-    } = He(t);
-    X(() => t.title, (a, b) => {
-      a !== b && (g.value = a);
-    }), X(() => t.modelValue, (a, b) => {
+      registerDraggle: m
+    } = Ie(t);
+    Y(() => t.title, (a, b) => {
+      a !== b && (y.value = a);
+    }), Y(() => t.modelValue, (a, b) => {
       a !== b && (x.value = a);
-    }), X(() => t.showHeader, (a, b) => {
-      a !== b && (r.value = a);
-    }), X(() => t.showButtons, (a, b) => {
+    }), Y(() => t.showHeader, (a, b) => {
+      a !== b && (d.value = a);
+    }), Y(() => t.showButtons, (a, b) => {
       a !== b && (S.value = a);
-    }), X(() => q.value, (a, b) => {
-      const N = a || {}, U = b || {};
-      JSON.stringify(N) !== JSON.stringify(U) && e.emit("resize", {
+    }), Y(() => n.value, (a, b) => {
+      const X = a || {}, U = b || {};
+      JSON.stringify(X) !== JSON.stringify(U) && e.emit("resize", {
         newSize: a,
         oldSize: b
       });
     });
-    function h() {
+    function z() {
       const a = document.querySelectorAll(".farris-modal").length;
-      (!a || a - 1 <= 0) && document.body.classList.remove("modal-open");
+      (!a || a - 1 <= 0) && document.body.classList.remove("modal-open"), F.value && F.value.classList.remove("show");
     }
-    const z = k(() => (x.value ? document.body.classList.add("modal-open") : h(), x.value)), ee = k(() => {
+    const _ = k(() => (x.value ? document.body.classList.add("modal-open") : z(), x.value)), te = k(() => {
       const a = {
         modal: !0,
         "farris-modal": !0,
-        fade: !0,
-        show: z.value
+        fade: !0
       };
-      return a["f-modal-fitContent"] = !!c.value, a;
-    }), te = k(() => {
-      var N;
+      return a["f-modal-fitContent"] = !!i.value, a.show = !!_.value, a;
+    }), le = k(() => {
+      var X;
       const a = {
         "modal-dialog": !0
-      }, b = (N = m.value) == null ? void 0 : N.split(" ");
-      return b == null || b.reduce((U, he) => (U[he] = !0, U), a), a;
-    }), le = k(() => ({
+      }, b = (X = g.value) == null ? void 0 : X.split(" ");
+      return b == null || b.reduce((U, me) => (U[me] = !0, U), a), a;
+    }), ae = k(() => ({
       position: "absolute",
-      top: `${(window.innerHeight - i.value) / 2}px`,
+      top: `${(window.innerHeight - u.value) / 2}px`,
       left: `${(window.innerWidth - l.value) / 2}px`,
       width: `${l.value}px`,
-      height: c.value ? "auto" : `${i.value}px`
-    })), ae = k(() => ({
+      height: i.value ? "auto" : `${u.value}px`
+    })), ne = k(() => ({
       "modal-content": !0,
-      "modal-content-has-header": r.value
-    })), ne = k(() => {
+      "modal-content-has-header": d.value
+    })), se = k(() => {
       const a = {
-        display: r.value ? "" : "none"
+        display: d.value ? "" : "none"
       };
-      return a["pointer-events"] = n.value ? "auto" : "none", a;
-    }), se = k(() => ({
+      return a["pointer-events"] = o.value ? "auto" : "none", a;
+    }), oe = k(() => ({
       "f-icon": !0,
       modal_maximize: !0,
       modalrevert: W.value
-    })), oe = k(() => ({
+    })), ue = k(() => ({
       "modal-body": !0,
-      "f-utils-flex-column": R.value === "iframe"
+      "f-utils-flex-column": B.value === "iframe"
     }));
-    function ue() {
+    function ie() {
       return {};
     }
-    const ie = k(() => {
+    const ce = k(() => {
       const a = {
         textAlgin: O.value
-      }, b = ue();
+      }, b = ie();
       return Object.assign(a, b);
     });
-    function ce(a) {
+    function re(a) {
       if (a.stopPropagation(), W.value) {
         W.value = !1, K();
         return;
       }
       J(), W.value = !0;
     }
-    async function re(a, b) {
+    async function de(a, b) {
       a.handle && await a.handle(b, a) && e.emit("closed", b);
     }
-    function de(a) {
-      a.width && (l.value = a.width), a.height && (i.value = a.height), a.buttons && (u.value = a.buttons), a.title && (g.value = a.title);
+    function ve(a) {
+      a.width && (l.value = a.width), a.height && (u.value = a.height), a.buttons && (f.value = a.buttons), a.title && (y.value = a.title);
     }
-    G(() => {
-      M.value && !L.value && (L.value = M.value.parentElement, A.value = L.value, w(j.value, M.value, A.value)), z.value && document.body.classList.add("modal-open"), Ie(t, e);
-    }), Q(() => {
-      h(), o && o();
+    Q(() => {
+      j.value && !L.value && (L.value = j.value.parentElement, A.value = L.value, m(R.value, j.value, A.value)), _.value && document.body.classList.add("modal-open"), ke(t, e);
+    }), Z(() => {
+      z(), w && w();
     }), e.expose({
-      modalElementRef: M,
-      updateModalOptions: de,
-      close: P
+      modalElementRef: j,
+      updateModalOptions: ve,
+      close: V
     });
-    function ve() {
-      return f("ul", null, [H.value && f("li", {
+    function fe() {
+      return h("ul", null, [H.value && h("li", {
         class: "f-btn-icon f-bare"
-      }, [f("span", {
+      }, [h("span", {
         class: "f-icon modal_minimize"
-      }, null)]), T.value && f("li", {
-        onClick: ce,
+      }, null)]), T.value && h("li", {
+        onClick: re,
         class: "f-btn-icon f-bare",
         style: "pointer-events: auto;"
-      }, [f("span", {
-        class: se.value
-      }, null)]), p.value && f("li", {
+      }, [h("span", {
+        class: oe.value
+      }, null)]), p.value && h("li", {
         class: "f-btn-icon f-bare",
-        onClick: (a) => P(a, !1),
+        onClick: (a) => V(a, !1),
         style: "pointer-events: auto;"
-      }, [f("span", {
+      }, [h("span", {
         class: "f-icon modal_close"
       }, null)])]);
     }
-    function fe() {
-      return f("div", {
+    function he() {
+      return h("div", {
         class: "modal-footer",
-        style: ie.value
-      }, [u.value && u.value.map((a) => f("button", {
+        style: ce.value
+      }, [f.value && f.value.map((a) => h("button", {
         name: a.name,
         type: "button",
         class: a.class + (a.iconClass ? " btn-icontext" : ""),
         onClick: (b) => {
-          re(a, b);
+          de(a, b);
         }
-      }, [!!a.iconClass && f("i", {
+      }, [!!a.iconClass && h("i", {
         class: a.iconClass
       }, null), a.text]))]);
     }
-    return () => f(be, {
+    return () => h(xe, {
       to: "body"
     }, {
       default: () => {
         var a, b;
-        return [z.value && f("div", {
-          class: ee.value,
-          style: "display: block"
-        }, [f("div", {
-          id: d.value,
+        return [_.value && h("div", {
           class: te.value,
-          style: le.value,
-          ref: M
-        }, [f("div", {
-          class: ae.value
-        }, [f("div", {
-          ref: j,
+          style: "display: block",
+          ref: F
+        }, [h("div", {
+          id: r.value,
+          class: le.value,
+          style: ae.value,
+          ref: j
+        }, [h("div", {
+          class: ne.value
+        }, [h("div", {
+          ref: R,
           class: "modal-header",
-          style: ne.value
-        }, [f("div", {
+          style: se.value
+        }, [h("div", {
           class: "modal-title"
-        }, [y.value && f("span", {
+        }, [E.value && h("span", {
           class: v.value,
           style: "margin-right: 8px"
-        }, null), f("span", {
+        }, null), h("span", {
           class: "modal-title-label"
-        }, [g.value])]), f("div", {
+        }, [y.value])]), h("div", {
           class: "actions"
-        }, [ve()])]), f("div", {
-          class: oe.value
-        }, [(b = (a = e.slots).default) == null ? void 0 : b.call(a), R.value === "iframe" && f("iframe", {
-          title: d.value,
+        }, [fe()])]), h("div", {
+          class: ue.value
+        }, [(b = (a = e.slots).default) == null ? void 0 : b.call(a), B.value === "iframe" && h("iframe", {
+          title: r.value,
           class: "f-utils-fill",
           width: "100%",
           frameborder: "0",
           src: I.value
-        }, null)]), B.value && fe()]), !c.value && C.value && M.value && Y(M.value)])])];
+        }, null)]), P.value && he()]), !i.value && C.value && j.value && q(j.value)])])];
       }
     });
   }
 });
-function Z(t) {
+function ee(t) {
   if (t.content && t.content.render)
     return t.content.render;
   if (t.render && typeof t.render == "function")
     return t.render;
 }
-function ke(t) {
+function Te(t) {
   const e = document.createElement("div");
   e.style.display = "contents";
-  const l = pe({
-    setup(i, x) {
-      Q(() => {
+  const l = Ce({
+    setup(u, x) {
+      Z(() => {
         document.body.removeChild(e);
       });
-      const d = s(), m = s(t.class || ""), c = s(!!t.showButtons), r = s(!!t.showHeader), v = s(t.showCloseButton == null ? !0 : t.showCloseButton), p = s(!0), T = s(t.title || ""), H = t.acceptCallback || (() => {
-      }), R = t.rejectCallback || (() => {
+      const r = s(), g = s(t.class || ""), i = s(!!t.showButtons), d = s(!!t.showHeader), v = s(t.showCloseButton == null ? !0 : t.showCloseButton), p = s(!0), T = s(t.title || ""), H = t.acceptCallback || (() => {
+      }), B = t.rejectCallback || (() => {
       }), I = t.closedCallback || ((C) => {
       }), O = t.resizeHandle || ((C) => {
-      }), S = Z(t), g = (C) => {
+      }), S = ee(t), y = (C) => {
         p.value = !1, l.unmount(), I(C);
       };
-      return G(() => {
+      return Q(() => {
       }), x.expose({
-        modalRef: d
-      }), () => f($, {
-        ref: d,
-        class: m.value,
+        modalRef: r
+      }), () => h($, {
+        ref: r,
+        class: g.value,
         modelValue: p.value,
         "onUpdate:modelValue": (C) => p.value = C,
         title: T.value,
         width: t.width,
         height: t.height,
         buttons: t.buttons,
-        "show-header": r.value,
-        "show-buttons": c.value,
+        "show-header": d.value,
+        "show-buttons": i.value,
         "show-close-button": v.value,
         "show-max-button": !1,
         onAccept: H,
-        onCancel: R,
+        onCancel: B,
         fitContent: t.fitContent == null ? !0 : t.fitContent,
-        onClosed: g,
+        onClosed: y,
         onResize: O
       }, {
         default: () => [S && S(l)]
@@ -646,14 +657,14 @@ function ke(t) {
   });
   return document.body.appendChild(e), l.mount(e), l;
 }
-class Te {
+class Oe {
   constructor(e) {
-    V(this, "appContext", null);
-    V(this, "modalRef", s());
-    V(this, "activeModalIndex", s(0));
-    V(this, "modalRefs", {});
-    V(this, "isUseEscCloseModal", s(!1));
-    V(this, "activeModalInstance", k(() => this.modalRefs[this.activeModalIndex.value]));
+    D(this, "appContext", null);
+    D(this, "modalRef", s());
+    D(this, "activeModalIndex", s(0));
+    D(this, "modalRefs", {});
+    D(this, "isUseEscCloseModal", s(!1));
+    D(this, "activeModalInstance", k(() => this.modalRefs[this.activeModalIndex.value]));
     this.appContext = e ? e._context : null;
   }
   getCurrentModal() {
@@ -665,63 +676,63 @@ class Te {
       showButtons: !0,
       showHeader: !0
     }, e);
-    return ke(l);
+    return Te(l);
   }
   open(e) {
     const l = document.createDocumentFragment();
     e.showMaxButton && e.fitContent && (e.showMaxButton = !1);
-    const i = xe(Object.assign({
+    const u = pe(Object.assign({
       title: "",
       showButtons: !0,
       showHeader: !0
-    }, e)), x = s(!0), d = i.value.acceptCallback || (() => {
-    }), m = i.value.rejectCallback || (() => {
-    }), c = i.value.closedCallback || ((g, C) => {
-    }), r = i.value.resizeHandle || ((g) => {
+    }, e)), x = s(!0), r = u.value.acceptCallback || (() => {
+    }), g = u.value.rejectCallback || (() => {
+    }), i = u.value.closedCallback || ((y, C) => {
+    }), d = u.value.resizeHandle || ((y) => {
     });
     let v;
-    const p = Z(i.value), T = (g) => {
+    const p = ee(u.value), T = (y) => {
       var L;
       x.value = !1;
-      const C = (L = g == null ? void 0 : g.target) == null ? void 0 : L.classList.contains("modal_close");
-      c(g, this.isUseEscCloseModal.value ? "esc" : C ? "icon" : "button");
-    }, H = (g) => {
-      T(g), v && Ce(() => {
-        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], _(null, l), v = null, this.modalRef.value = null, this.modalRefs) {
+      const C = (L = y == null ? void 0 : y.target) == null ? void 0 : L.classList.contains("modal_close");
+      i(y, this.isUseEscCloseModal.value ? "esc" : C ? "icon" : "button");
+    }, H = (y) => {
+      T(y), v && Me(() => {
+        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], G(null, l), v = null, this.modalRef.value = null, this.modalRefs) {
           const C = Object.keys(this.modalRefs);
           C.length > 0 ? this.activeModalIndex.value = Math.max(...C) : this.activeModalIndex.value = 0;
         }
         this.isUseEscCloseModal.value = !1;
       });
-    }, R = (g) => {
+    }, B = (y) => {
       var C;
-      this.isUseEscCloseModal.value = !0, this.activeModalInstance && ((C = this.activeModalInstance.value) == null || C.close(g == null ? void 0 : g.event));
-    }, I = () => f($, Ee({
+      this.isUseEscCloseModal.value = !0, this.activeModalInstance && ((C = this.activeModalInstance.value) == null || C.close(y == null ? void 0 : y.event));
+    }, I = () => h($, Be({
       ref: this.modalRef,
       modelValue: x.value,
-      "onUpdate:modelValue": (g) => x.value = g
-    }, i.value, {
-      onAccept: d,
-      onCancel: m,
+      "onUpdate:modelValue": (y) => x.value = y
+    }, u.value, {
+      onAccept: r,
+      onCancel: g,
       onClosed: H,
-      onResize: r,
-      onEsc: R
+      onResize: d,
+      onEsc: B
     }), {
       default: () => [p && p()]
     });
-    return v = ((g) => {
-      const C = Me(I, g);
-      return C.appContext = this.appContext, _(C, l), C;
+    return v = ((y) => {
+      const C = ze(I, y);
+      return C.appContext = this.appContext, G(C, l), C;
     })({
-      ...i.value
+      ...u.value
       // 'onUpdate:modelValue': onUpdateModelValue,
     }), this.activeModalIndex.value++, this.modalRefs[this.activeModalIndex.value] = this.modalRef.value, {
-      update: (g) => {
-        i.value = {
-          ...i.value,
-          ...g
-        }, v && _(ze(v, {
-          ...i
+      update: (y) => {
+        u.value = {
+          ...u.value,
+          ...y
+        }, v && G(Ee(v, {
+          ...u
         }), l);
       },
       destroy: H,
@@ -729,17 +740,17 @@ class Te {
     };
   }
 }
-const Oe = Symbol("FModalService"), Pe = {
+const Se = Symbol("FModalService"), je = {
   install(t) {
     t.component($.name, $);
-    const e = new Te(t);
-    t.provide(Oe, e), t.provide("FModalService", e);
+    const e = new Oe(t);
+    t.provide(Se, e), t.provide("FModalService", e);
   }
 };
 export {
   $ as FModal,
-  Te as FModalService,
-  Oe as F_MODAL_SERVICE_TOKEN,
-  Pe as default,
-  Be as modalProps
+  Oe as FModalService,
+  Se as F_MODAL_SERVICE_TOKEN,
+  je as default,
+  He as modalProps
 };