@farris/ui-vue 1.2.9 → 1.3.1

package/components/modal/index.esm.js

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