@farris/ui-vue 1.7.0-beta.4 → 1.7.0

package/components/modal/index.esm.js

@@ -1,11 +1,11 @@
-var Ie = Object.defineProperty;
-var Se = (t, e, a) => e in t ? Ie(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
-var X = (t, e, a) => Se(t, typeof e != "symbol" ? e + "" : e, a);
-import { ref as s, createVNode as g, Fragment as Re, watch as Y, defineComponent as Pe, computed as W, nextTick as ne, onBeforeMount as Le, onMounted as oe, onUnmounted as se, Teleport as Oe, Transition as We, shallowRef as je, render as le, h as Fe, cloneVNode as Ne, createApp as De, mergeProps as Ve } from "vue";
-import { LocaleService as Z } from "../locale/index.esm.js";
-import { getMaxZIndex as Xe } from "../common/index.esm.js";
-import { BaseControlProperty as Ye } from "../property-panel/index.esm.js";
-const Ae = {
+var Re = Object.defineProperty;
+var Pe = (e, t, a) => t in e ? Re(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
+var Y = (e, t, a) => Pe(e, typeof t != "symbol" ? t + "" : t, a);
+import { ref as o, createVNode as g, Fragment as Le, watch as A, defineComponent as Oe, computed as W, nextTick as ie, onBeforeMount as We, onMounted as ue, onUnmounted as re, watchEffect as je, Teleport as Fe, Transition as Ne, shallowRef as Ve, render as le, h as De, cloneVNode as Xe, createApp as Ye, mergeProps as Ae } from "vue";
+import { LocaleService as _ } from "../locale/index.esm.js";
+import { isMobilePhone as Ue, getMaxZIndex as se } from "../common/index.esm.js";
+import { BaseControlProperty as $e } from "../property-panel/index.esm.js";
+const qe = {
   /**
    * 允许点击遮罩关闭对话框
    */
@@ -84,107 +84,108 @@ const Ae = {
   dialogType: { type: String, default: "" },
   src: { type: String, default: "" },
   footerHeight: { type: Number, default: 60 },
-  host: { type: Object, default: "body" }
+  host: { type: Object, default: "body" },
+  isMessager: { type: Boolean, default: !1 }
 };
 class E {
-  constructor(e, a) {
-    this.x = e, this.y = a;
+  constructor(t, a) {
+    this.x = t, this.y = a;
   }
-  static getTransformInfo(e) {
-    const n = window.getComputedStyle(e).getPropertyValue("transform").replace(/[^-\d,]/g, "").split(",");
+  static getTransformInfo(t) {
+    const n = window.getComputedStyle(t).getPropertyValue("transform").replace(/[^-\d,]/g, "").split(",");
     if (n.length >= 6) {
-      const v = parseInt(n[4], 10), m = parseInt(n[5], 10);
-      return { x: v, y: m };
+      const f = parseInt(n[4], 10), m = parseInt(n[5], 10);
+      return { x: f, y: m };
     }
     return { x: 0, y: 0 };
   }
-  static fromEvent(e, a = null) {
-    if (this.isMouseEvent(e))
-      return new E(e.clientX, e.clientY);
-    if (a === null || e.changedTouches.length === 1)
-      return new E(e.changedTouches[0].clientX, e.changedTouches[0].clientY);
-    for (let n = 0; n < e.changedTouches.length; n++)
-      if (e.changedTouches[n].target === a)
-        return new E(e.changedTouches[n].clientX, e.changedTouches[n].clientY);
+  static fromEvent(t, a = null) {
+    if (this.isMouseEvent(t))
+      return new E(t.clientX, t.clientY);
+    if (a === null || t.changedTouches.length === 1)
+      return new E(t.changedTouches[0].clientX, t.changedTouches[0].clientY);
+    for (let n = 0; n < t.changedTouches.length; n++)
+      if (t.changedTouches[n].target === a)
+        return new E(t.changedTouches[n].clientX, t.changedTouches[n].clientY);
   }
-  static isMouseEvent(e) {
-    return Object.prototype.toString.apply(e).indexOf("MouseEvent") === 8;
+  static isMouseEvent(t) {
+    return Object.prototype.toString.apply(t).indexOf("MouseEvent") === 8;
   }
-  static isIPosition(e) {
-    return !!e && "x" in e && "y" in e;
+  static isIPosition(t) {
+    return !!t && "x" in t && "y" in t;
   }
-  static getCurrent(e) {
+  static getCurrent(t) {
     const a = new E(0, 0);
     if (window) {
-      const n = window.getComputedStyle(e);
+      const n = window.getComputedStyle(t);
       if (n) {
-        const v = parseInt(n.getPropertyValue("left"), 10), m = parseInt(n.getPropertyValue("top"), 10);
-        a.x = isNaN(v) ? 0 : v, a.y = isNaN(m) ? 0 : m;
+        const f = parseInt(n.getPropertyValue("left"), 10), m = parseInt(n.getPropertyValue("top"), 10);
+        a.x = isNaN(f) ? 0 : f, a.y = isNaN(m) ? 0 : m;
       }
       return a;
     }
     return null;
   }
-  static copy(e) {
-    return new E(0, 0).set(e);
+  static copy(t) {
+    return new E(0, 0).set(t);
   }
   get value() {
     return { x: this.x, y: this.y };
   }
-  add(e) {
-    return this.x += e.x, this.y += e.y, this;
+  add(t) {
+    return this.x += t.x, this.y += t.y, this;
   }
-  subtract(e) {
-    return this.x -= e.x, this.y -= e.y, this;
+  subtract(t) {
+    return this.x -= t.x, this.y -= t.y, this;
   }
-  multiply(e) {
-    this.x *= e, this.y *= e;
+  multiply(t) {
+    this.x *= t, this.y *= t;
   }
-  divide(e) {
-    this.x /= e, this.y /= e;
+  divide(t) {
+    this.x /= t, this.y /= t;
   }
   reset() {
     return this.x = 0, this.y = 0, this;
   }
-  set(e) {
-    return this.x = e.x, this.y = e.y, this;
+  set(t) {
+    return this.x = t.x, this.y = t.y, this;
   }
 }
-class A {
-  constructor(e, a) {
-    this.width = e, this.height = a;
+class U {
+  constructor(t, a) {
+    this.width = t, this.height = a;
   }
-  static getCurrent(e) {
-    const a = new A(0, 0);
+  static getCurrent(t) {
+    const a = new U(0, 0);
     if (window) {
-      const n = window.getComputedStyle(e);
+      const n = window.getComputedStyle(t);
       return n && (a.width = parseInt(n.getPropertyValue("width"), 10), a.height = parseInt(n.getPropertyValue("height"), 10)), a;
     }
     return null;
   }
-  static copy(e) {
-    return new A(0, 0).set(e);
+  static copy(t) {
+    return new U(0, 0).set(t);
   }
-  set(e) {
-    return this.width = e.width, this.height = e.height, this;
+  set(t) {
+    return this.width = t.width, this.height = t.height, this;
   }
 }
-function Ue(t, e) {
-  const a = s(), n = s(), v = s(), m = s(), d = s(), r = s(), c = s(), f = s(), x = s(), M = s(), L = s(), j = s(t.resizeable), P = s(), F = s(t.draggable), O = s(!1);
+function Ke(e, t) {
+  const a = o(), n = o(), f = o(), m = o(), d = o(), r = o(), c = o(), h = o(), x = o(), M = o(), L = o(), j = o(e.resizeable), P = o(), F = o(e.draggable), O = o(!1);
   function S() {
-    const o = n.value || document.body, i = window.getComputedStyle(o);
+    const s = n.value || document.body, i = window.getComputedStyle(s);
     if (!i || !a.value)
       return;
     const p = E.getTransformInfo(a.value), y = {};
     c.value && (y.deltaL = a.value.offsetLeft - c.value.x, y.deltaT = a.value.offsetTop - c.value.y);
     const k = i.getPropertyValue("position");
-    y.width = o.clientWidth, y.height = o.clientHeight, y.pr = parseInt(i.getPropertyValue("padding-right"), 10), y.pb = parseInt(i.getPropertyValue("padding-bottom"), 10), y.position = i.getPropertyValue("position"), k === "static" && (o.style.position = "relative"), y.translateX = p.x, y.translateY = p.y, M.value = y;
+    y.width = s.clientWidth, y.height = s.clientHeight, y.pr = parseInt(i.getPropertyValue("padding-right"), 10), y.pb = parseInt(i.getPropertyValue("padding-bottom"), 10), y.position = i.getPropertyValue("position"), k === "static" && (s.style.position = "relative"), y.translateX = p.x, y.translateY = p.y, M.value = y;
   }
-  function B(o) {
+  function B(s) {
     if (a.value) {
-      m.value = A.getCurrent(a.value), d.value = E.getCurrent(a.value), r.value = m.value ? A.copy(m.value) : null, c.value = d.value ? E.copy(d.value) : null, S();
-      const i = o.target.getAttribute("type") || "";
-      f.value = {
+      m.value = U.getCurrent(a.value), d.value = E.getCurrent(a.value), r.value = m.value ? U.copy(m.value) : null, c.value = d.value ? E.copy(d.value) : null, S();
+      const i = s.target.getAttribute("type") || "";
+      h.value = {
         n: !!i.match(/n/),
         s: !!i.match(/s/),
         w: !!i.match(/w/),
@@ -193,49 +194,49 @@ function Ue(t, e) {
     }
   }
   function T() {
-    var o, i, p, y;
+    var s, i, p, y;
     if (a.value) {
       const k = a.value;
-      f.value && ((f.value.n || f.value.s) && ((o = r.value) != null && o.height) && (k.style.height = r.value.height + "px"), (f.value.w || f.value.e) && ((i = r.value) != null && i.width) && (k.style.width = r.value.width + "px"), c.value && ((p = c.value) != null && p.x && (k.style.left = c.value.x + "px"), (y = c.value) != null && y.y && (k.style.top = c.value.y + "px")));
+      h.value && ((h.value.n || h.value.s) && ((s = r.value) != null && s.height) && (k.style.height = r.value.height + "px"), (h.value.w || h.value.e) && ((i = r.value) != null && i.width) && (k.style.width = r.value.width + "px"), c.value && ((p = c.value) != null && p.x && (k.style.left = c.value.x + "px"), (y = c.value) != null && y.y && (k.style.top = c.value.y + "px")));
     }
   }
-  function V() {
-    const o = t.minHeight ? t.minHeight : 1, i = t.minWidth ? t.minWidth : 1;
-    r.value && c.value && f.value && m.value && (r.value.height < o && (r.value.height = o, f.value.n && d.value && (c.value.y = d.value.y + (m.value.height - o))), r.value.width < i && (r.value.width = i, f.value.w && d.value && (c.value.x = d.value.x + (m.value.width - i))), t.maxHeight && r.value.height > t.maxHeight && (r.value.height = t.maxHeight, d.value && f.value.n && (c.value.y = d.value.y + (m.value.height - t.maxHeight))), t.maxWidth && r.value.width > t.maxWidth && (r.value.width = t.maxWidth, f.value.w && d.value && (c.value.x = d.value.x + (m.value.width - t.maxWidth))));
+  function X() {
+    const s = e.minHeight ? e.minHeight : 1, i = e.minWidth ? e.minWidth : 1;
+    r.value && c.value && h.value && m.value && (r.value.height < s && (r.value.height = s, h.value.n && d.value && (c.value.y = d.value.y + (m.value.height - s))), r.value.width < i && (r.value.width = i, h.value.w && d.value && (c.value.x = d.value.x + (m.value.width - i))), e.maxHeight && r.value.height > e.maxHeight && (r.value.height = e.maxHeight, d.value && h.value.n && (c.value.y = d.value.y + (m.value.height - e.maxHeight))), e.maxWidth && r.value.width > e.maxWidth && (r.value.width = e.maxWidth, h.value.w && d.value && (c.value.x = d.value.x + (m.value.width - e.maxWidth))));
   }
   function w() {
     if (n.value) {
-      const o = M.value;
-      if (c.value && r.value && f.value && m.value) {
-        const i = o.width - o.pr - o.deltaL - o.translateX - c.value.x, p = o.height - o.pb - o.deltaT - o.translateY - c.value.y;
-        f.value.n && c.value.y + o.translateY < 0 && d.value && (c.value.y = -o.translateY, r.value.height = m.value.height + d.value.y + o.translateY), f.value.w && c.value.x + o.translateX < 0 && d.value && (c.value.x = -o.translateX, r.value.width = m.value.width + d.value.x + o.translateX), r.value.width > i && (r.value.width = i), r.value.height > p && (r.value.height = p);
+      const s = M.value;
+      if (c.value && r.value && h.value && m.value) {
+        const i = s.width - s.pr - s.deltaL - s.translateX - c.value.x, p = s.height - s.pb - s.deltaT - s.translateY - c.value.y;
+        h.value.n && c.value.y + s.translateY < 0 && d.value && (c.value.y = -s.translateY, r.value.height = m.value.height + d.value.y + s.translateY), h.value.w && c.value.x + s.translateX < 0 && d.value && (c.value.x = -s.translateX, r.value.width = m.value.width + d.value.x + s.translateX), r.value.width > i && (r.value.width = i), r.value.height > p && (r.value.height = p);
       }
     }
   }
-  function z(o) {
-    if (!v.value || !m.value || !d.value || !f.value)
+  function z(s) {
+    if (!f.value || !m.value || !d.value || !h.value)
       return;
-    o.subtract(v.value);
-    const i = o.x, p = o.y;
-    f.value.n ? (c.value.y = d.value.y + p, r.value.height = m.value.height - p) : f.value.s && (r.value.height = m.value.height + p), f.value.e ? r.value.width = m.value.width + i : f.value.w && (r.value.width = m.value.width - i, c.value.x = d.value.x + i), w(), V(), T();
+    s.subtract(f.value);
+    const i = s.x, p = s.y;
+    h.value.n ? (c.value.y = d.value.y + p, r.value.height = m.value.height - p) : h.value.s && (r.value.height = m.value.height + p), h.value.e ? r.value.width = m.value.width + i : h.value.w && (r.value.width = m.value.width - i, c.value.x = d.value.x + i), w(), X(), T();
   }
-  function u(o) {
+  function u(s) {
     if (!x.value)
       return;
-    const i = E.fromEvent(o);
+    const i = E.fromEvent(s);
     i && z(i);
   }
   function b() {
     if (a.value) {
       const {
-        width: o,
+        width: s,
         height: i,
         x: p,
         y
       } = a.value.getBoundingClientRect(), k = E.getTransformInfo(a.value);
       return {
         size: {
-          width: o,
+          width: s,
           height: i
         },
         position: {
@@ -246,21 +247,21 @@ function Ue(t, e) {
     }
     return null;
   }
-  function H(o) {
+  function H(s) {
     if (a.value) {
       const i = b();
       L.value = i;
     }
-    v.value = void 0, m.value = null, d.value = null, r.value = null, c.value = null, f.value = null, x.value = null, document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", H);
+    f.value = void 0, m.value = null, d.value = null, r.value = null, c.value = null, h.value = null, x.value = null, document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", H);
   }
   function N() {
     document.addEventListener("mousemove", u), document.addEventListener("mouseup", H);
   }
-  function C(o) {
-    o instanceof MouseEvent && o.button === 2 || F.value && (document.body.click(), o.stopPropagation(), o.preventDefault(), v.value = E.fromEvent(o), x.value = o.target, B(o), N());
+  function C(s) {
+    s instanceof MouseEvent && s.button === 2 || F.value && (document.body.click(), s.stopPropagation(), s.preventDefault(), f.value = E.fromEvent(s), x.value = s.target, B(s), N());
   }
-  function D(o) {
-    return a.value = o, j.value && g(Re, null, [g("div", {
+  function V(s) {
+    return a.value = s, j.value && g(Le, null, [g("div", {
       class: "fv-resizable-handle fv-resizable-n",
       type: "n",
       onMousedown: (i) => C(i)
@@ -294,10 +295,10 @@ function Ue(t, e) {
       onMousedown: (i) => C(i)
     }, null)]);
   }
-  function K(o = !0) {
+  function K(s = !0) {
     document.body.click();
-    const i = n.value || document.body, p = A.getCurrent(i), y = a.value;
-    o && y && (P.value = b(), P.value.transform = y.style.transform), p && y && (r.value = p, r.value.height -= 14, r.value.width -= 14, y.style.height = r.value.height + "px", y.style.width = r.value.width + "px", y.style.left = "7px", y.style.top = "7px", y.style.transform = "", L.value = {
+    const i = n.value || document.body, p = U.getCurrent(i), y = a.value;
+    s && y && (P.value = b(), P.value.transform = y.style.transform), p && y && (r.value = p, r.value.height -= 14, r.value.width -= 14, y.style.height = r.value.height + "px", y.style.width = r.value.width + "px", y.style.left = "7px", y.style.top = "7px", y.style.transform = "", L.value = {
       size: r.value,
       position: {
         x: 0,
@@ -305,8 +306,8 @@ function Ue(t, e) {
       }
     }, F.value = !1, O.value = !0);
   }
-  function _() {
-    var o, i;
+  function G() {
+    var s, i;
     if (document.body.click(), P.value) {
       const p = {
         width: P.value.size.width || 0,
@@ -315,50 +316,50 @@ function Ue(t, e) {
         x: (window.innerWidth - p.width) / 2,
         y: (window.innerHeight - p.height) / 2
       };
-      (o = r.value) == null || o.set(p), (i = c.value) == null || i.set(y);
+      (s = r.value) == null || s.set(p), (i = c.value) == null || i.set(y);
       const k = a.value;
       k.style.height = p.height + "px", k.style.width = p.width + "px", k.style.left = `${y.x}px`, k.style.top = `${y.y}px`, k.style.transform = "", L.value = {
         size: p,
         position: y
-      }, F.value = t.draggable, O.value = !1;
+      }, F.value = e.draggable, O.value = !1;
     }
   }
   function J() {
     if (a.value) {
-      const o = A.getCurrent(a.value);
-      if (o) {
+      const s = U.getCurrent(a.value);
+      if (s) {
         const {
           width: i,
           height: p
-        } = o;
+        } = s;
         a.value.style.left = `${(window.innerWidth - i) / 2}px`, a.value.style.top = `${(window.innerHeight - p) / 2}px`, a.value.style.transform = "";
       }
     }
   }
-  function U() {
-    const o = () => {
+  function $() {
+    const s = () => {
       O.value ? K(!1) : J(), document.body.click();
     };
-    return window.addEventListener("resize", o), () => {
-      window.removeEventListener("resize", o);
+    return window.addEventListener("resize", s), () => {
+      window.removeEventListener("resize", s);
     };
   }
-  const G = U();
+  const Q = $();
   return {
-    renderResizeBar: D,
+    renderResizeBar: V,
     boundingElement: n,
     resizedEventParam: L,
     maximize: K,
-    restore: _,
+    restore: G,
     allowDrag: F,
     isMaximized: O,
-    unWindowResizeHandle: G,
+    unWindowResizeHandle: Q,
     moveToCenter: J
   };
 }
-function $e(t, e, a) {
-  const n = s(), v = s(t.draggable), m = s(t.lockAxis), d = s(), r = s(), c = s(!1), f = s(new E(0, 0)), x = s(new E(0, 0)), M = s(new E(0, 0)), L = s(new E(0, 0));
-  Y(() => a.value, (u) => {
+function Je(e, t, a) {
+  const n = o(), f = o(e.draggable), m = o(e.lockAxis), d = o(), r = o(), c = o(!1), h = o(new E(0, 0)), x = o(new E(0, 0)), M = o(new E(0, 0)), L = o(new E(0, 0));
+  A(() => a.value, (u) => {
     d.value.style.cursor = u ? "move" : "default";
   });
   function j(u, b) {
@@ -374,7 +375,7 @@ function $e(t, e, a) {
   function P() {
     var N, C;
     let u = M.value.x + x.value.x, b = M.value.y + x.value.y;
-    m.value === "x" ? (u = ((N = f.value) == null ? void 0 : N.x) || 0, M.value.x = 0) : m.value === "y" && (b = ((C = f.value) == null ? void 0 : C.y) || 0, M.value.y = 0);
+    m.value === "x" ? (u = ((N = h.value) == null ? void 0 : N.x) || 0, M.value.x = 0) : m.value === "y" && (b = ((C = h.value) == null ? void 0 : C.y) || 0, M.value.y = 0);
     const H = `translate3d(${Math.round(u)}px, ${Math.round(b)}px, 0px)`;
     n.value && (n.value.style.transform = H), L.value.x = u, L.value.y = b;
   }
@@ -390,19 +391,19 @@ function $e(t, e, a) {
     return H.top || (M.value.y -= b.top - u.top), H.bottom || (M.value.y -= b.bottom - u.bottom), H.right || (M.value.x -= b.right - u.right), H.left || (M.value.x -= b.left - u.left), P(), H;
   }
   function O(u) {
-    u && (f.value && u.subtract(f.value), M.value.set(u), P(), F());
+    u && (h.value && u.subtract(h.value), M.value.set(u), P(), F());
   }
   function S(u) {
-    c.value && v.value && (u.stopPropagation(), u.preventDefault(), O(E.fromEvent(u, d.value)));
+    c.value && f.value && (u.stopPropagation(), u.preventDefault(), O(E.fromEvent(u, d.value)));
   }
   function B() {
     var u;
-    c.value && (c.value = !1, x.value.add(M.value), M.value.reset(), (u = n.value) == null || u.classList.remove("ng-dragging"), e.emit("stopMove"), document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", B));
+    c.value && (c.value = !1, x.value.add(M.value), M.value.reset(), (u = n.value) == null || u.classList.remove("ng-dragging"), t.emit("stopMove"), document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", B));
   }
   function T() {
     !c.value && d.value && (c.value = !0, d.value.classList.add("ng-dragging"), document.addEventListener("mousemove", S), document.addEventListener("mouseup", B));
   }
-  function V() {
+  function X() {
     if (n.value) {
       const u = E.getTransformInfo(n.value);
       x.value.set(u);
@@ -414,225 +415,228 @@ function $e(t, e, a) {
     if (!a.value || u instanceof MouseEvent && u.button === 2)
       return;
     const b = u.target || u.srcElement;
-    d.value !== void 0 && b && !j(b, d.value) || v.value !== !1 && (document.body.click(), u.stopPropagation(), u.preventDefault(), f.value = E.fromEvent(u, n.value), V(), T());
+    d.value !== void 0 && b && !j(b, d.value) || f.value !== !1 && (document.body.click(), u.stopPropagation(), u.preventDefault(), h.value = E.fromEvent(u, n.value), X(), T());
   }
   function z(u, b, H) {
-    if (v.value && b) {
+    if (f.value && b) {
       if (u)
         d.value = u;
-      else if (t.dragHandle) {
-        if (t.dragHandle instanceof HTMLElement)
-          d.value = t.dragHandle;
-        else if (typeof t.dragHandle == "string") {
-          const N = b.querySelector(t.dragHandle);
+      else if (e.dragHandle) {
+        if (e.dragHandle instanceof HTMLElement)
+          d.value = e.dragHandle;
+        else if (typeof e.dragHandle == "string") {
+          const N = b.querySelector(e.dragHandle);
           N && (d.value = N);
         }
       }
-      n.value = b, r.value = H, d.value ? (d.value.classList.add("ng-draggable"), d.value.addEventListener("mousedown", w)) : v.value = !1;
+      n.value = b, r.value = H, d.value ? (d.value.classList.add("ng-draggable"), d.value.addEventListener("mousedown", w)) : f.value = !1;
     }
   }
   return {
     registerDraggle: z,
-    resetTranslate: V
+    resetTranslate: X
   };
 }
-function ie(t, e) {
-  if (t) {
+function ce(e, t) {
+  if (e) {
     const a = (n) => {
-      n.key.toLowerCase() === t.toLowerCase() && e({ event: n, key: t });
+      n.key.toLowerCase() === e.toLowerCase() && t({ event: n, key: e });
     };
     return document.addEventListener("keydown", a), () => {
       document.removeEventListener("keydown", a);
     };
   }
 }
-function qe(t, e) {
-  const a = s(t.enableEsc);
+function Ze(e, t) {
+  const a = o(e.enableEsc);
   let n = null;
-  return a.value ? (n = ie("Escape", (v) => {
-    e.emit("esc", { event: v.event, type: "esc" });
+  return a.value ? (n = ce("Escape", (f) => {
+    t.emit("esc", { event: f.event, type: "esc" });
   }), {
     remove: n
   }) : null;
 }
-function Ke(t, e) {
-  const a = s(t.enableEnter);
+function _e(e, t) {
+  const a = o(e.enableEnter);
   let n = null;
-  return a.value ? (n = ie("Enter", (v) => {
-    e.emit("enter", { event: v.event, type: "enter" });
+  return a.value ? (n = ce("Enter", (f) => {
+    t.emit("enter", { event: f.event, type: "enter" });
   }), {
     remove: n
   }) : null;
 }
-const q = /* @__PURE__ */ Pe({
+const q = /* @__PURE__ */ Oe({
   name: "FModal",
-  props: Ae,
+  props: qe,
   emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter", "stopMove"],
-  setup(t, e) {
-    const a = s(t.width || 300), n = s(t.height || 200), v = s(t.modelValue), m = s(""), d = s(t.class), r = s(t.fitContent), c = s(t.showHeader), f = s(""), x = s(t.showCloseButton), M = s(t.showMaxButton), L = s(!1), j = s(t.dialogType), P = s(t.src), F = s(""), O = s(t.showButtons), S = s(t.title), B = s(t.containment || null), T = s();
-    S.value === "错误提示" && (S.value = Z.getLocaleValue("messageBox.errorTitle"));
-    const V = s(!1);
-    function w(l, h) {
-      const R = h ? "accept" : "cancel";
+  setup(e, t) {
+    const a = o(e.width || 300), n = o(e.height || 200), f = o(e.modelValue), m = o(""), d = o(e.class), r = o(e.fitContent), c = o(e.showHeader), h = o(""), x = o(e.showCloseButton), M = o(e.showMaxButton), L = o(!1), j = o(e.dialogType), P = o(e.src), F = o(""), O = o(e.showButtons), S = o(e.title), B = o(e.containment || null), T = o();
+    S.value === "错误提示" && (S.value = _.getLocaleValue("messageBox.errorTitle"));
+    const X = o(!1);
+    function w(l, v) {
+      const R = v ? "accept" : "cancel";
       Promise.resolve().then(() => {
         var I;
-        return (I = t.beforeClose) == null ? void 0 : I.call(t, {
+        return (I = e.beforeClose) == null ? void 0 : I.call(e, {
           closeType: R
         });
       }).then((I) => {
-        I && (v.value = !1, e.emit("update:modelValue", !1), h != null && e.emit(h ? "accept" : "cancel"), e.emit("closed", l));
+        I && (f.value = !1, t.emit("update:modelValue", !1), v != null && t.emit(v ? "accept" : "cancel"), t.emit("closed", l));
       });
     }
     const z = [{
       name: "cancel",
-      text: Z.getLocaleValue("messageBox.cancel") || "取消",
+      text: _.getLocaleValue("messageBox.cancel") || "取消",
       class: "btn btn-secondary",
       handle: (l) => {
         w(l, !1);
       }
     }, {
       name: "accept",
-      text: Z.getLocaleValue("messageBox.ok") || "确定",
+      text: _.getLocaleValue("messageBox.ok") || "确定",
       class: "btn btn-primary",
       handle: (l) => {
         w(l, !0);
       }
-    }], u = s(t.buttons && t.buttons.length ? t.buttons : z), b = W(() => !!f.value), H = W(() => !!O.value && !!u.value), N = s(), C = s(), D = s(!1), {
+    }], u = o(e.buttons && e.buttons.length ? e.buttons : z), b = W(() => !!h.value), H = W(() => !!O.value && !!u.value), N = o(), C = o(), V = o(!1), {
       renderResizeBar: K,
-      maximize: _,
+      maximize: G,
       restore: J,
-      boundingElement: U,
-      resizedEventParam: G,
-      allowDrag: o,
+      boundingElement: $,
+      resizedEventParam: Q,
+      allowDrag: s,
       unWindowResizeHandle: i,
       moveToCenter: p
-    } = Ue(t), {
+    } = Ke(e), {
       registerDraggle: y
-    } = $e(t, e, o);
+    } = Je(e, t, s);
     function k() {
       return !!document.querySelectorAll(".farris-modal").length && document.body.classList.contains("modal-open");
     }
-    function re() {
+    function ve() {
       const l = document.querySelectorAll(".farris-modal").length;
       (!l || l - 1 <= 0) && document.body.classList.remove("modal-open"), T.value && T.value.classList.remove("show");
     }
-    Y(() => t.title, (l, h) => {
-      l !== h && (S.value = l);
-    }), Y(() => t.modelValue, (l, h) => {
-      l !== h && (v.value = l, v.value && t.draggable && ne(() => {
-        C.value && !B.value && (B.value = C.value.parentElement, U.value = B.value, y(N.value, C.value, U.value), p());
-      }), l || (B.value && (B.value = null), re())), v.value ? V.value = k() : (D.value = !1, o.value = t.draggable);
-    }), Y(() => t.showHeader, (l, h) => {
-      l !== h && (c.value = l);
-    }), Y(() => t.showButtons, (l, h) => {
-      l !== h && (O.value = l);
-    }), Y(() => G.value, (l, h) => {
-      const R = l || {}, I = h || {};
-      JSON.stringify(R) !== JSON.stringify(I) && e.emit("resize", {
+    A(() => e.title, (l, v) => {
+      l !== v && (S.value = l);
+    }), A(() => e.modelValue, (l, v) => {
+      l !== v && (f.value = l, f.value && e.draggable && ie(() => {
+        C.value && !B.value && (B.value = C.value.parentElement, $.value = B.value, y(N.value, C.value, $.value), p());
+      }), l || (B.value && (B.value = null), ve())), f.value ? X.value = k() : (V.value = !1, s.value = e.draggable);
+    }), A(() => e.showHeader, (l, v) => {
+      l !== v && (c.value = l);
+    }), A(() => e.showButtons, (l, v) => {
+      l !== v && (O.value = l);
+    }), A(() => Q.value, (l, v) => {
+      const R = l || {}, I = v || {};
+      JSON.stringify(R) !== JSON.stringify(I) && t.emit("resize", {
         newSize: l,
-        oldSize: h,
-        isMaximized: D.value
+        oldSize: v,
+        isMaximized: V.value
       });
-    }), Y([() => t.width, () => t.height], (l, h) => {
-      (l[0] !== h[0] || l[1] !== h[1]) && (a.value = l[0] || 500, n.value = l[1] || 600);
+    }), A([() => e.width, () => e.height], (l, v) => {
+      (l[0] !== v[0] || l[1] !== v[1]) && (a.value = l[0] || 500, n.value = l[1] || 600);
+    }), A(() => e.class, (l, v) => {
+      d.value = l;
     });
-    const Q = W(() => (v.value && document.body.classList.add("modal-open"), v.value)), ce = W(() => {
+    const Z = W(() => (f.value && document.body.classList.add("modal-open"), f.value)), fe = W(() => {
       var R;
       const l = {
         modal: !0,
         "farris-modal": !0,
         fade: !0
       };
-      l["f-modal-fitContent"] = !!r.value, l.show = !!Q.value;
-      const h = (R = t.maskClass) == null ? void 0 : R.split(" ");
-      return h == null || h.reduce((I, $) => (I[$] = !0, I), l), l;
-    }), de = W(() => {
+      l["f-modal-fitContent"] = !!r.value, l.show = !!Z.value;
+      const v = (R = e.maskClass) == null ? void 0 : R.split(" ");
+      return v == null || v.reduce((I, D) => (I[D] = !0, I), l), l;
+    }), he = W(() => {
       var R;
       const l = {
         "modal-dialog": !0
-      }, h = (R = d.value) == null ? void 0 : R.split(" ");
-      return h == null || h.reduce((I, $) => (I[$] = !0, I), l), l;
-    }), ve = W(() => {
-      const l = document.documentElement.clientWidth, h = document.documentElement.clientHeight, R = Math.min(a.value, l), I = r.value ? "auto" : `${Math.min(n.value, h - 10)}px`, $ = {
+      }, v = (R = d.value) == null ? void 0 : R.split(" ");
+      return v == null || v.reduce((I, D) => (I[D] = !0, I), l), l;
+    }), ae = () => Ue() && !e.isMessager, me = W(() => {
+      const l = document.documentElement.clientWidth, v = document.documentElement.clientHeight, R = Math.min(a.value, l), I = r.value ? "auto" : `${Math.min(n.value, v - 10)}px`, D = {
         position: "absolute",
         top: `${(window.innerHeight - parseInt(I === "auto" ? "0" : I)) / 2}px`,
         left: `${(window.innerWidth - R) / 2}px`,
         width: `${R}px`,
         height: I
       };
-      return t.mask || ($.pointerEvents = "auto"), $;
-    }), fe = () => Xe() || 1040, he = W(() => {
+      return ae() && (D.top = "0px", D.left = "0px", D.width = `${window.innerWidth}px`, D.height = `${window.innerHeight}px`), e.mask || (D.pointerEvents = "auto"), D;
+    }), ne = o(se() || 1050), ge = W(() => {
       const l = {
         display: "block",
-        zIndex: fe()
+        overflow: "hidden"
       };
-      return t.mask || (l.pointerEvents = "none", l.backgroundColor = "transparent"), V.value && (l.backgroundColor = "transparent"), l;
-    }), me = W(() => ({
+      return e.mask || (l.pointerEvents = "none", l.backgroundColor = "transparent"), X.value && (l.backgroundColor = "transparent"), l.zIndex = ne.value, l;
+    }), ye = W(() => ({
       "modal-content": !0,
-      "modal-content-has-header": c.value
-    })), ge = W(() => {
+      "modal-content-has-header": c.value,
+      "is-mobile": ae()
+    })), be = W(() => {
       const l = {
         display: c.value ? "" : "none"
       };
-      return l["pointer-events"] = o.value ? "auto" : "none", l;
-    }), ye = W(() => ({
+      return l["pointer-events"] = s.value ? "auto" : "none", l;
+    }), we = W(() => ({
       "f-icon": !0,
       modal_maximize: !0,
-      modalrevert: D.value
-    })), be = W(() => ({
+      modalrevert: V.value
+    })), pe = W(() => ({
       "modal-body": !0,
       "f-utils-flex-column": j.value === "iframe",
       "f-utils-fill": !0
     }));
-    function we() {
+    function xe() {
       return {
-        height: `${t.footerHeight || 60}px`
+        height: `${e.footerHeight || 60}px`
       };
     }
-    const pe = W(() => {
+    const Ce = W(() => {
       const l = {
         textAlgin: F.value
-      }, h = we();
-      return Object.assign(l, h);
+      }, v = xe();
+      return Object.assign(l, v);
     });
-    function ae(l) {
-      if (l == null || l.stopPropagation(), D.value) {
-        D.value = !1, J();
+    function oe(l) {
+      if (l == null || l.stopPropagation(), V.value) {
+        V.value = !1, J();
         return;
       }
-      _(), D.value = !0;
+      G(), V.value = !0;
     }
-    async function xe(l, h) {
-      l.handle && await l.handle(h, l) && e.emit("closed", h);
+    async function Me(l, v) {
+      l.handle && await l.handle(v, l) && t.emit("closed", v);
     }
-    function Ce(l) {
+    function Ee(l) {
       l.width && (a.value = l.width), l.height && (n.value = l.height), l.buttons && (u.value = l.buttons), l.title && (S.value = l.title);
     }
     let ee = null, te = null;
-    Le(() => {
-      V.value = k();
-    }), oe(() => {
-      C.value && !B.value && (B.value = C.value.parentElement, U.value = B.value, y(N.value, C.value, U.value)), Q.value && document.body.classList.add("modal-open"), ee = qe(t, e), te = Ke(t, e);
-    }), se(() => {
+    We(() => {
+      X.value = k();
+    }), ue(() => {
+      C.value && !B.value && (B.value = C.value.parentElement, $.value = B.value, y(N.value, C.value, $.value)), Z.value && document.body.classList.add("modal-open"), ee = Ze(e, t), te = _e(e, t);
+    }), re(() => {
       i && i(), ee && ee.remove(), te && te.remove();
-    }), e.expose({
+    }), t.expose({
       modalElementRef: C,
-      updateModalOptions: Ce,
+      updateModalOptions: Ee,
       close: w,
-      maxDialog: ae,
-      isMaximized: D
+      maxDialog: oe,
+      isMaximized: V
     });
-    function Me() {
+    function ze() {
       return g("ul", null, [L.value && g("li", {
         class: "f-btn-icon f-bare"
       }, [g("span", {
         class: "f-icon modal_minimize"
       }, null)]), M.value && g("li", {
-        onClick: ae,
+        onClick: oe,
         class: "f-btn-icon f-bare",
         style: "pointer-events: auto;"
       }, [g("span", {
-        class: ye.value
+        class: we.value
       }, null)]), x.value && g("li", {
         class: "f-btn-icon f-bare",
         onClick: (l) => w(l, !1),
@@ -641,114 +645,116 @@ const q = /* @__PURE__ */ Pe({
         class: "f-icon modal_close"
       }, null)])]);
     }
-    function Ee() {
+    function ke() {
       return g("div", {
         class: "modal-footer",
-        style: pe.value
+        style: Ce.value
       }, [u.value && u.value.map((l) => {
-        const h = s(l.disabled);
+        const v = o(l.disabled);
         return g("button", {
           name: l.name,
           type: "button",
-          disabled: h.value,
+          disabled: v.value,
           class: l.class + (l.iconClass ? " btn-icontext" : ""),
           onClick: (R) => {
-            xe(l, R);
+            Me(l, R);
           }
         }, [!!l.iconClass && g("i", {
           class: l.iconClass
         }, null), l.text]);
       })]);
     }
-    function ze() {
+    function Be() {
       return g("div", {
         ref: N,
         class: "modal-header",
-        style: ge.value
-      }, [e.slots.headerTemplate ? e.slots.headerTemplate() : g("div", {
+        style: be.value
+      }, [t.slots.headerTemplate ? t.slots.headerTemplate() : g("div", {
         class: "modal-title"
       }, [b.value && g("span", {
-        class: f.value,
+        class: h.value,
         style: "margin-right: 8px"
       }, null), g("span", {
         class: "modal-title-label"
       }, [S.value])]), g("div", {
         class: "actions"
-      }, [Me()])]);
+      }, [ze()])]);
     }
-    function ke() {
-      return e.slots.footerTemplate ? e.slots.footerTemplate() : H.value && Ee();
+    function He() {
+      return t.slots.footerTemplate ? t.slots.footerTemplate() : H.value && ke();
     }
-    function Be(l) {
-      if (l.stopPropagation(), t.allowClickMaskToClose) {
+    function Te(l) {
+      if (l.stopPropagation(), e.allowClickMaskToClose) {
         if (l.target !== T.value)
           return;
         w(l, !1);
       }
     }
-    function He() {
-      var l, h;
+    function Ie() {
+      var l, v;
       return g("div", {
         id: m.value,
-        class: de.value,
-        style: ve.value,
+        class: he.value,
+        style: me.value,
         ref: C
       }, [g("div", {
-        class: me.value
-      }, [c.value && ze(), g("div", {
-        class: be.value
-      }, [(h = (l = e.slots).default) == null ? void 0 : h.call(l), j.value === "iframe" && g("iframe", {
+        class: ye.value
+      }, [c.value && Be(), g("div", {
+        class: pe.value
+      }, [(v = (l = t.slots).default) == null ? void 0 : v.call(l), j.value === "iframe" && g("iframe", {
         title: m.value,
         class: "f-utils-fill",
         width: "100%",
         frameborder: "0",
         src: P.value
-      }, null)]), ke()]), !r.value && C.value && !D.value && K(C.value)]);
+      }, null)]), He()]), !r.value && C.value && !V.value && K(C.value)]);
     }
-    function Te(l) {
+    function Se(l) {
       return l || "body";
     }
-    return () => g(Oe, {
-      to: Te(t.host)
+    return je(() => {
+      Z.value && (ne.value = se() || 1050);
+    }), () => g(Fe, {
+      to: Se(e.host)
     }, {
-      default: () => [Q.value && g(We, {
+      default: () => [Z.value && g(Ne, {
         name: "fade",
         appear: !0
       }, {
         default: () => [g("div", {
           ref: T,
-          class: ce.value,
-          style: he.value,
-          onClick: Be
-        }, [He()])]
+          class: fe.value,
+          style: ge.value,
+          onClick: Te
+        }, [Ie()])]
       })]
     });
   }
 });
-function ue(t) {
-  if (t.content && t.content.render)
-    return t.content.render;
-  if (t.render && typeof t.render == "function")
-    return t.render;
+function de(e) {
+  if (e.content && e.content.render)
+    return e.content.render;
+  if (e.render && typeof e.render == "function")
+    return e.render;
 }
-function Je(t) {
-  const e = document.createElement("div");
-  e.style.display = "contents";
-  const a = De({
-    setup(n, v) {
-      se(() => {
-        document.body.removeChild(e);
+function Ge(e) {
+  const t = document.createElement("div");
+  t.style.display = "contents";
+  const a = Ye({
+    setup(n, f) {
+      re(() => {
+        document.body.removeChild(t);
       });
-      const m = s(), d = s(t.class || ""), r = s(!!t.showButtons), c = s(!!t.showHeader), f = s(t.showCloseButton == null ? !0 : t.showCloseButton), x = s(!0), M = s(t.title || ""), L = t.acceptCallback || (() => {
-      }), j = t.rejectCallback || (() => {
-      }), P = t.closedCallback || ((T) => {
-      }), F = t.resizeHandle || ((T) => {
-      }), O = t.stopMoveHandle || ((T) => {
-      }), S = ue(t), B = (T) => {
+      const m = o(), d = o(e.class || ""), r = o(!!e.showButtons), c = o(!!e.showHeader), h = o(e.showCloseButton == null ? !0 : e.showCloseButton), x = o(!0), M = o(e.title || ""), L = e.acceptCallback || (() => {
+      }), j = e.rejectCallback || (() => {
+      }), P = e.closedCallback || ((T) => {
+      }), F = e.resizeHandle || ((T) => {
+      }), O = e.stopMoveHandle || ((T) => {
+      }), S = de(e), B = (T) => {
         x.value = !1, a.unmount(), P(T);
       };
-      return oe(() => {
-      }), v.expose({
+      return ue(() => {
+      }), f.expose({
         modalRef: m
       }), () => g(q, {
         ref: m,
@@ -756,16 +762,16 @@ function Je(t) {
         modelValue: x.value,
         "onUpdate:modelValue": (T) => x.value = T,
         title: M.value,
-        width: t.width,
-        height: t.height,
-        buttons: t.buttons,
+        width: e.width,
+        height: e.height,
+        buttons: e.buttons,
         "show-header": c.value,
         "show-buttons": r.value,
-        "show-close-button": f.value,
+        "show-close-button": h.value,
         "show-max-button": !1,
         onAccept: L,
         onCancel: j,
-        fitContent: t.fitContent == null ? !0 : t.fitContent,
+        fitContent: e.fitContent == null ? !0 : e.fitContent,
         onClosed: B,
         onResize: F,
         onStopMove: O
@@ -774,67 +780,67 @@ function Je(t) {
       });
     }
   });
-  return document.body.appendChild(e), a.use(Z.i18n), a.mount(e), a;
+  return document.body.appendChild(t), a.use(_.i18n), a.mount(t), a;
 }
-class Ze {
-  constructor(e) {
-    X(this, "appContext", null);
-    X(this, "modalRef", s());
-    X(this, "activeModalIndex", s(0));
-    X(this, "modalRefs", {});
-    X(this, "isUseEscCloseModal", s(!1));
-    X(this, "activeModalInstance", W(() => this.modalRefs[this.activeModalIndex.value]));
-    this.app = e, this.appContext = e ? e._context : null;
+class Qe {
+  constructor(t) {
+    Y(this, "appContext", null);
+    Y(this, "modalRef", o());
+    Y(this, "activeModalIndex", o(0));
+    Y(this, "modalRefs", {});
+    Y(this, "isUseEscCloseModal", o(!1));
+    Y(this, "activeModalInstance", W(() => this.modalRefs[this.activeModalIndex.value]));
+    this.app = t, this.appContext = t ? t._context : null;
   }
   getCurrentModal() {
     return this.activeModalInstance.value;
   }
-  adaptToWindow(e, a) {
+  adaptToWindow(t, a) {
     const {
       width: n,
-      height: v
+      height: f
     } = {
       width: window.innerWidth,
       height: window.innerHeight
     };
-    return n < e && (e = n - 14), v < a && (a = v - 14), {
-      width: e,
+    return n < t && (t = n - 14), f < a && (a = f - 14), {
+      width: t,
       height: a
     };
   }
-  static show(e) {
+  static show(t) {
     const a = Object.assign({
       title: "",
       showButtons: !0,
       showHeader: !0
-    }, e);
-    return Je(a);
+    }, t);
+    return Ge(a);
   }
-  close(e) {
+  close(t) {
     var a, n;
-    e ? (n = e.value) == null || n.close() : (a = this.getCurrentModal()) == null || a.close();
+    t ? (n = t.value) == null || n.close() : (a = this.getCurrentModal()) == null || a.close();
   }
-  open(e) {
+  open(t) {
     const a = document.createDocumentFragment();
-    e.showMaxButton && e.fitContent && (e.showMaxButton = !1);
-    const n = je(Object.assign({
+    t.showMaxButton && t.fitContent && (t.showMaxButton = !1);
+    const n = Ve(Object.assign({
       title: "",
       showButtons: !0,
       showHeader: !0
-    }, e)), v = s(!0), m = n.value.acceptCallback || (() => {
+    }, t)), f = o(!0), m = n.value.acceptCallback || (() => {
     }), d = n.value.rejectCallback || (() => {
     }), r = n.value.closedCallback || ((w, z) => {
     }), c = n.value.resizeHandle || ((w) => {
-    }), f = e.stopMoveHandle || ((w) => {
+    }), h = t.stopMoveHandle || ((w) => {
     });
     let x;
-    const M = ue(n.value), L = (w) => {
+    const M = de(n.value), L = (w) => {
       var u;
-      v.value = !1;
+      f.value = !1;
       const z = (u = w == null ? void 0 : w.target) == null ? void 0 : u.classList.contains("modal_close");
       r(w, this.isUseEscCloseModal.value ? "esc" : z ? "icon" : "button");
     }, j = (w) => {
-      L(w), x && ne(() => {
+      L(w), x && ie(() => {
         if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], le(null, a), x = null, this.modalRef.value = null, this.modalRefs) {
           const z = Object.keys(this.modalRefs).map((u) => Number(u));
           z.length > 0 ? this.activeModalIndex.value = Math.max(...z) : this.activeModalIndex.value = 0;
@@ -849,22 +855,23 @@ class Ze {
       height: O
     } = n.value, S = this.adaptToWindow(F || 500, O || 320);
     Object.assign(n.value, S);
-    const B = () => g(q, Ve({
+    const B = () => g(q, Ae({
       ref: this.modalRef,
-      modelValue: v.value,
-      "onUpdate:modelValue": (w) => v.value = w
+      modelValue: f.value,
+      "onUpdate:modelValue": (w) => f.value = w
     }, n.value, {
+      isMessager: n.value.class && n.value.class.indexOf("modal-message") > -1,
       onAccept: m,
       onCancel: d,
       onClosed: j,
       onResize: c,
       onEsc: P,
-      onStopMove: f
+      onStopMove: h
     }), {
       default: () => [M && M(this.app)]
     });
     return x = ((w) => {
-      const z = Fe(B, w);
+      const z = De(B, w);
       return z.appContext = this.appContext, le(z, a), z;
     })({
       ...n.value
@@ -874,7 +881,7 @@ class Ze {
         n.value = {
           ...n.value,
           ...w
-        }, x && le(Ne(x, {
+        }, x && le(Xe(x, {
           ...n
         }), a);
       },
@@ -884,7 +891,7 @@ class Ze {
     };
   }
 }
-const _e = [
+const et = [
   {
     label: "beforeClose",
     name: "关闭前事件"
@@ -898,10 +905,10 @@ const _e = [
     name: "取消事件"
   }
 ];
-class nt extends Ye {
+class it extends $e {
   constructor(a, n) {
     super(a, n);
-    X(this, "numberEditor", {
+    Y(this, "numberEditor", {
       type: "number-spinner",
       useThousands: !1
     });
@@ -970,7 +977,7 @@ class nt extends Ye {
     };
   }
   getEventPropConfig(a) {
-    const n = this, v = _e, m = n.eventsEditorUtils.formProperties(a, n.viewModelId, v);
+    const n = this, f = et, m = n.eventsEditorUtils.formProperties(a, n.viewModelId, f);
     return {
       title: "事件",
       hideTitle: !0,
@@ -979,27 +986,27 @@ class nt extends Ye {
       tabId: "commands",
       tabName: "交互",
       setPropertyRelates(r, c) {
-        const f = r.propertyValue;
-        delete a[n.viewModelId], f && n.eventsEditorUtils.saveRelatedParameters(a, n.viewModelId, f.events, f), v.forEach((x) => {
+        const h = r.propertyValue;
+        delete a[n.viewModelId], h && n.eventsEditorUtils.saveRelatedParameters(a, n.viewModelId, h.events, h), f.forEach((x) => {
           c[x.label] = a[x.label];
         });
       }
     };
   }
 }
-const Ge = Symbol("FModalService");
-q.install = (t) => {
-  t.component(q.name, q);
-  const e = new Ze(t);
-  t.provide(Ge, e), t.provide("FModalService", e);
+const tt = Symbol("FModalService");
+q.install = (e) => {
+  e.component(q.name, q);
+  const t = new Qe(e);
+  e.provide(tt, t), e.provide("FModalService", t);
 };
 export {
   q as FModal,
-  Ze as FModalService,
-  Ge as F_MODAL_SERVICE_TOKEN,
-  nt as ModalProperty,
+  Qe as FModalService,
+  tt as F_MODAL_SERVICE_TOKEN,
+  it as ModalProperty,
   q as default,
-  Ae as modalProps,
-  $e as useDraggable,
-  Ue as useResizeable
+  qe as modalProps,
+  Je as useDraggable,
+  Ke as useResizeable
 };