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

package/designer/button-edit/index.esm.js

@@ -1,14 +1,14 @@
-var Ve = Object.defineProperty;
-var Ne = (e, t, n) => t in e ? Ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var $ = (e, t, n) => Ne(e, typeof t != "symbol" ? t + "" : t, n);
-import { getMaxZIndex as Ae, withInstall as $e } from "../../components/common/index.esm.js";
-import { resolveAppearance as Xe, createPropsResolver as Ye } from "../../components/dynamic-resolver/index.esm.js";
-import qe, { buttonEditProps as Ge } from "../../components/button-edit/index.esm.js";
-import { defineComponent as ue, ref as o, computed as O, createVNode as h, Teleport as ce, createApp as de, onUnmounted as se, Fragment as Ue, watch as A, nextTick as U, onBeforeMount as Ke, onMounted as ie, Transition as Je, shallowRef as _e, render as oe, h as Ze, cloneVNode as Qe, mergeProps as fe, inject as ve } from "vue";
-import { LocaleService as Z } from "../../components/locale/index.esm.js";
+var Ae = Object.defineProperty;
+var $e = (e, t, n) => t in e ? Ae(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var X = (e, t, n) => $e(e, typeof t != "symbol" ? t + "" : t, n);
+import { isMobilePhone as Xe, getMaxZIndex as fe, withInstall as Ye } from "../../components/common/index.esm.js";
+import { resolveAppearance as qe, createPropsResolver as Ge } from "../../components/dynamic-resolver/index.esm.js";
+import Ue, { buttonEditProps as Ke } from "../../components/button-edit/index.esm.js";
+import { defineComponent as ue, ref as o, computed as z, createVNode as h, Teleport as ve, createApp as pe, onUnmounted as se, Fragment as Je, watch as $, nextTick as U, onBeforeMount as _e, onMounted as ie, watchEffect as Ze, Transition as Qe, shallowRef as et, render as oe, h as tt, cloneVNode as nt, mergeProps as he, inject as me } from "vue";
+import { LocaleService as Q } from "../../components/locale/index.esm.js";
 import "../../components/property-panel/index.esm.js";
-import { useDesignerComponent as et } from "../../components/designer-canvas/index.esm.js";
-const tt = {
+import { useDesignerComponent as lt } from "../../components/designer-canvas/index.esm.js";
+const at = {
   /**
    * 组件标识
    */
@@ -128,23 +128,23 @@ const tt = {
    */
   limitContentBySpace: { type: Boolean, default: !1 },
   beforeClosePopup: { type: Function, default: null }
-}, nt = {
+}, ot = {
   popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
   host: { type: Object },
   backgroundColor: { type: String, default: "" }
-}, lt = /* @__PURE__ */ ue({
+}, ut = /* @__PURE__ */ ue({
   name: "FOverlay",
-  props: nt,
+  props: ot,
   emits: ["click"],
   setup(e, t) {
-    const n = o(e.popupContentPosition), a = o(e.host), c = O(() => ({
+    const n = o(e.popupContentPosition), a = o(e.host), c = z(() => ({
       backgroundColor: e.backgroundColor || "",
       pointerEvents: "auto"
     }));
     function i(s) {
       t.emit("click"), s.preventDefault(), s.stopPropagation();
     }
-    O(() => {
+    z(() => {
       const s = a.value;
       if (s) {
         const f = s.getBoundingClientRect(), {
@@ -159,12 +159,12 @@ const tt = {
       }
       return n.value;
     });
-    const v = O(() => ({
+    const v = z(() => ({
       // position: 'relative',
       // left: `${position.value.left}px`,
       // top: `${position.value.top}px`
     }));
-    return () => h(ce, {
+    return () => h(ve, {
       to: "body"
     }, {
       default: () => {
@@ -180,13 +180,13 @@ const tt = {
     });
   }
 });
-function at(e) {
+function st(e) {
   if (e.content && e.content.render)
     return e.content.render;
   if (e.render && typeof e.render == "function")
     return e.render;
 }
-function ot(e) {
+function it(e) {
   const t = document.createElement("div");
   t.style.display = "contents";
   let n;
@@ -194,13 +194,13 @@ function ot(e) {
   }), c = () => {
     a(), n && n.unmount();
   };
-  return n = de({
+  return n = pe({
     setup() {
       se(() => {
         document.body.removeChild(t);
       });
-      const i = at(e);
-      return () => h(lt, {
+      const i = st(e);
+      return () => h(ut, {
         "popup-content-position": e.popupPosition,
         host: e.host,
         onClick: c,
@@ -211,12 +211,12 @@ function ot(e) {
     }
   }), document.body.appendChild(t), n.mount(t), n;
 }
-class ut {
+class rt {
   static show(t) {
-    return ot(t);
+    return it(t);
   }
 }
-const st = {
+const ct = {
   /**
    * 允许点击遮罩关闭对话框
    */
@@ -295,7 +295,8 @@ const st = {
   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 S {
   constructor(t, n) {
@@ -361,12 +362,12 @@ class S {
     return this.x = t.x, this.y = t.y, this;
   }
 }
-class X {
+class Y {
   constructor(t, n) {
     this.width = t, this.height = n;
   }
   static getCurrent(t) {
-    const n = new X(0, 0);
+    const n = new Y(0, 0);
     if (window) {
       const a = window.getComputedStyle(t);
       return a && (n.width = parseInt(a.getPropertyValue("width"), 10), n.height = parseInt(a.getPropertyValue("height"), 10)), n;
@@ -374,13 +375,13 @@ class X {
     return null;
   }
   static copy(t) {
-    return new X(0, 0).set(t);
+    return new Y(0, 0).set(t);
   }
   set(t) {
     return this.width = t.width, this.height = t.height, this;
   }
 }
-function it(e, t) {
+function dt(e, t) {
   const n = o(), a = o(), c = o(), i = o(), v = o(), s = o(), f = o(), p = o(), g = o(), b = o(), I = o(), w = o(e.resizeable), B = o(), k = o(e.draggable), j = o(!1);
   function P() {
     const u = a.value || document.body, r = window.getComputedStyle(u);
@@ -391,9 +392,9 @@ function it(e, t) {
     const T = r.getPropertyValue("position");
     y.width = u.clientWidth, y.height = u.clientHeight, y.pr = parseInt(r.getPropertyValue("padding-right"), 10), y.pb = parseInt(r.getPropertyValue("padding-bottom"), 10), y.position = r.getPropertyValue("position"), T === "static" && (u.style.position = "relative"), y.translateX = M.x, y.translateY = M.y, b.value = y;
   }
-  function z(u) {
+  function O(u) {
     if (n.value) {
-      i.value = X.getCurrent(n.value), v.value = S.getCurrent(n.value), s.value = i.value ? X.copy(i.value) : null, f.value = v.value ? S.copy(v.value) : null, P();
+      i.value = Y.getCurrent(n.value), v.value = S.getCurrent(n.value), s.value = i.value ? Y.copy(i.value) : null, f.value = v.value ? S.copy(v.value) : null, P();
       const r = u.target.getAttribute("type") || "";
       p.value = {
         n: !!r.match(/n/),
@@ -410,7 +411,7 @@ function it(e, t) {
       p.value && ((p.value.n || p.value.s) && ((u = s.value) != null && u.height) && (T.style.height = s.value.height + "px"), (p.value.w || p.value.e) && ((r = s.value) != null && r.width) && (T.style.width = s.value.width + "px"), f.value && ((M = f.value) != null && M.x && (T.style.left = f.value.x + "px"), (y = f.value) != null && y.y && (T.style.top = f.value.y + "px")));
     }
   }
-  function N() {
+  function A() {
     const u = e.minHeight ? e.minHeight : 1, r = e.minWidth ? e.minWidth : 1;
     s.value && f.value && p.value && i.value && (s.value.height < u && (s.value.height = u, p.value.n && v.value && (f.value.y = v.value.y + (i.value.height - u))), s.value.width < r && (s.value.width = r, p.value.w && v.value && (f.value.x = v.value.x + (i.value.width - r))), e.maxHeight && s.value.height > e.maxHeight && (s.value.height = e.maxHeight, v.value && p.value.n && (f.value.y = v.value.y + (i.value.height - e.maxHeight))), e.maxWidth && s.value.width > e.maxWidth && (s.value.width = e.maxWidth, p.value.w && v.value && (f.value.x = v.value.x + (i.value.width - e.maxWidth))));
   }
@@ -428,7 +429,7 @@ function it(e, t) {
       return;
     u.subtract(c.value);
     const r = u.x, M = u.y;
-    p.value.n ? (f.value.y = v.value.y + M, s.value.height = i.value.height - M) : p.value.s && (s.value.height = i.value.height + M), p.value.e ? s.value.width = i.value.width + r : p.value.w && (s.value.width = i.value.width - r, f.value.x = v.value.x + r), x(), N(), L();
+    p.value.n ? (f.value.y = v.value.y + M, s.value.height = i.value.height - M) : p.value.s && (s.value.height = i.value.height + M), p.value.e ? s.value.width = i.value.width + r : p.value.w && (s.value.width = i.value.width - r, f.value.x = v.value.x + r), x(), A(), L();
   }
   function d(u) {
     if (!g.value)
@@ -468,10 +469,10 @@ function it(e, t) {
     document.addEventListener("mousemove", d), document.addEventListener("mouseup", R);
   }
   function E(u) {
-    u instanceof MouseEvent && u.button === 2 || k.value && (document.body.click(), u.stopPropagation(), u.preventDefault(), c.value = S.fromEvent(u), g.value = u.target, z(u), D());
+    u instanceof MouseEvent && u.button === 2 || k.value && (document.body.click(), u.stopPropagation(), u.preventDefault(), c.value = S.fromEvent(u), g.value = u.target, O(u), D());
   }
   function V(u) {
-    return n.value = u, w.value && h(Ue, null, [h("div", {
+    return n.value = u, w.value && h(Je, null, [h("div", {
       class: "fv-resizable-handle fv-resizable-n",
       type: "n",
       onMousedown: (r) => E(r)
@@ -507,7 +508,7 @@ function it(e, t) {
   }
   function J(u = !0) {
     document.body.click();
-    const r = a.value || document.body, M = X.getCurrent(r), y = n.value;
+    const r = a.value || document.body, M = Y.getCurrent(r), y = n.value;
     u && y && (B.value = C(), B.value.transform = y.style.transform), M && y && (s.value = M, s.value.height -= 14, s.value.width -= 14, y.style.height = s.value.height + "px", y.style.width = s.value.width + "px", y.style.left = "7px", y.style.top = "7px", y.style.transform = "", I.value = {
       size: s.value,
       position: {
@@ -516,7 +517,7 @@ function it(e, t) {
       }
     }, k.value = !1, j.value = !0);
   }
-  function ee() {
+  function te() {
     var u, r;
     if (document.body.click(), B.value) {
       const M = {
@@ -536,7 +537,7 @@ function it(e, t) {
   }
   function _() {
     if (n.value) {
-      const u = X.getCurrent(n.value);
+      const u = Y.getCurrent(n.value);
       if (u) {
         const {
           width: r,
@@ -546,7 +547,7 @@ function it(e, t) {
       }
     }
   }
-  function Y() {
+  function q() {
     const u = () => {
       j.value ? J(!1) : _(), document.body.click();
     };
@@ -554,22 +555,22 @@ function it(e, t) {
       window.removeEventListener("resize", u);
     };
   }
-  const te = Y();
+  const ne = q();
   return {
     renderResizeBar: V,
     boundingElement: a,
     resizedEventParam: I,
     maximize: J,
-    restore: ee,
+    restore: te,
     allowDrag: k,
     isMaximized: j,
-    unWindowResizeHandle: te,
+    unWindowResizeHandle: ne,
     moveToCenter: _
   };
 }
-function rt(e, t, n) {
+function ft(e, t, n) {
   const a = o(), c = o(e.draggable), i = o(e.lockAxis), v = o(), s = o(), f = o(!1), p = o(new S(0, 0)), g = o(new S(0, 0)), b = o(new S(0, 0)), I = o(new S(0, 0));
-  A(() => n.value, (d) => {
+  $(() => n.value, (d) => {
     v.value.style.cursor = d ? "move" : "default";
   });
   function w(d, C) {
@@ -606,14 +607,14 @@ function rt(e, t, n) {
   function P(d) {
     f.value && c.value && (d.stopPropagation(), d.preventDefault(), j(S.fromEvent(d, v.value)));
   }
-  function z() {
+  function O() {
     var d;
-    f.value && (f.value = !1, g.value.add(b.value), b.value.reset(), (d = a.value) == null || d.classList.remove("ng-dragging"), t.emit("stopMove"), document.removeEventListener("mousemove", P), document.removeEventListener("mouseup", z));
+    f.value && (f.value = !1, g.value.add(b.value), b.value.reset(), (d = a.value) == null || d.classList.remove("ng-dragging"), t.emit("stopMove"), document.removeEventListener("mousemove", P), document.removeEventListener("mouseup", O));
   }
   function L() {
-    !f.value && v.value && (f.value = !0, v.value.classList.add("ng-dragging"), document.addEventListener("mousemove", P), document.addEventListener("mouseup", z));
+    !f.value && v.value && (f.value = !0, v.value.classList.add("ng-dragging"), document.addEventListener("mousemove", P), document.addEventListener("mouseup", O));
   }
-  function N() {
+  function A() {
     if (a.value) {
       const d = S.getTransformInfo(a.value);
       g.value.set(d);
@@ -625,7 +626,7 @@ function rt(e, t, n) {
     if (!n.value || d instanceof MouseEvent && d.button === 2)
       return;
     const C = d.target || d.srcElement;
-    v.value !== void 0 && C && !w(C, v.value) || c.value !== !1 && (document.body.click(), d.stopPropagation(), d.preventDefault(), p.value = S.fromEvent(d, a.value), N(), L());
+    v.value !== void 0 && C && !w(C, v.value) || c.value !== !1 && (document.body.click(), d.stopPropagation(), d.preventDefault(), p.value = S.fromEvent(d, a.value), A(), L());
   }
   function H(d, C, R) {
     if (c.value && C) {
@@ -644,10 +645,10 @@ function rt(e, t, n) {
   }
   return {
     registerDraggle: H,
-    resetTranslate: N
+    resetTranslate: A
   };
 }
-function pe(e, t) {
+function ye(e, t) {
   if (e) {
     const n = (a) => {
       a.key.toLowerCase() === e.toLowerCase() && t({ event: a, key: e });
@@ -657,19 +658,19 @@ function pe(e, t) {
     };
   }
 }
-function ct(e, t) {
+function vt(e, t) {
   const n = o(e.enableEsc);
   let a = null;
-  return n.value ? (a = pe("Escape", (c) => {
+  return n.value ? (a = ye("Escape", (c) => {
     t.emit("esc", { event: c.event, type: "esc" });
   }), {
     remove: a
   }) : null;
 }
-function dt(e, t) {
+function pt(e, t) {
   const n = o(e.enableEnter);
   let a = null;
-  return n.value ? (a = pe("Enter", (c) => {
+  return n.value ? (a = ye("Enter", (c) => {
     t.emit("enter", { event: c.event, type: "enter" });
   }), {
     remove: a
@@ -677,12 +678,12 @@ function dt(e, t) {
 }
 const K = /* @__PURE__ */ ue({
   name: "FModal",
-  props: st,
+  props: ct,
   emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter", "stopMove"],
   setup(e, t) {
-    const n = o(e.width || 300), a = o(e.height || 200), c = o(e.modelValue), i = o(""), v = o(e.class), s = o(e.fitContent), f = o(e.showHeader), p = o(""), g = o(e.showCloseButton), b = o(e.showMaxButton), I = o(!1), w = o(e.dialogType), B = o(e.src), k = o(""), j = o(e.showButtons), P = o(e.title), z = o(e.containment || null), L = o();
-    P.value === "错误提示" && (P.value = Z.getLocaleValue("messageBox.errorTitle"));
-    const N = o(!1);
+    const n = o(e.width || 300), a = o(e.height || 200), c = o(e.modelValue), i = o(""), v = o(e.class), s = o(e.fitContent), f = o(e.showHeader), p = o(""), g = o(e.showCloseButton), b = o(e.showMaxButton), I = o(!1), w = o(e.dialogType), B = o(e.src), k = o(""), j = o(e.showButtons), P = o(e.title), O = o(e.containment || null), L = o();
+    P.value === "错误提示" && (P.value = Q.getLocaleValue("messageBox.errorTitle"));
+    const A = o(!1);
     function x(l, m) {
       const F = m ? "accept" : "cancel";
       Promise.resolve().then(() => {
@@ -696,154 +697,157 @@ const K = /* @__PURE__ */ ue({
     }
     const H = [{
       name: "cancel",
-      text: Z.getLocaleValue("messageBox.cancel") || "取消",
+      text: Q.getLocaleValue("messageBox.cancel") || "取消",
       class: "btn btn-secondary",
       handle: (l) => {
         x(l, !1);
       }
     }, {
       name: "accept",
-      text: Z.getLocaleValue("messageBox.ok") || "确定",
+      text: Q.getLocaleValue("messageBox.ok") || "确定",
       class: "btn btn-primary",
       handle: (l) => {
         x(l, !0);
       }
-    }], d = o(e.buttons && e.buttons.length ? e.buttons : H), C = O(() => !!p.value), R = O(() => !!j.value && !!d.value), D = o(), E = o(), V = o(!1), {
+    }], d = o(e.buttons && e.buttons.length ? e.buttons : H), C = z(() => !!p.value), R = z(() => !!j.value && !!d.value), D = o(), E = o(), V = o(!1), {
       renderResizeBar: J,
-      maximize: ee,
+      maximize: te,
       restore: _,
-      boundingElement: Y,
-      resizedEventParam: te,
+      boundingElement: q,
+      resizedEventParam: ne,
       allowDrag: u,
       unWindowResizeHandle: r,
       moveToCenter: M
-    } = it(e), {
+    } = dt(e), {
       registerDraggle: y
-    } = rt(e, t, u);
+    } = ft(e, t, u);
     function T() {
       return !!document.querySelectorAll(".farris-modal").length && document.body.classList.contains("modal-open");
     }
-    function be() {
+    function xe() {
       const l = document.querySelectorAll(".farris-modal").length;
       (!l || l - 1 <= 0) && document.body.classList.remove("modal-open"), L.value && L.value.classList.remove("show");
     }
-    A(() => e.title, (l, m) => {
+    $(() => e.title, (l, m) => {
       l !== m && (P.value = l);
-    }), A(() => e.modelValue, (l, m) => {
+    }), $(() => e.modelValue, (l, m) => {
       l !== m && (c.value = l, c.value && e.draggable && U(() => {
-        E.value && !z.value && (z.value = E.value.parentElement, Y.value = z.value, y(D.value, E.value, Y.value), M());
-      }), l || (z.value && (z.value = null), be())), c.value ? N.value = T() : (V.value = !1, u.value = e.draggable);
-    }), A(() => e.showHeader, (l, m) => {
+        E.value && !O.value && (O.value = E.value.parentElement, q.value = O.value, y(D.value, E.value, q.value), M());
+      }), l || (O.value && (O.value = null), xe())), c.value ? A.value = T() : (V.value = !1, u.value = e.draggable);
+    }), $(() => e.showHeader, (l, m) => {
       l !== m && (f.value = l);
-    }), A(() => e.showButtons, (l, m) => {
+    }), $(() => e.showButtons, (l, m) => {
       l !== m && (j.value = l);
-    }), A(() => te.value, (l, m) => {
+    }), $(() => ne.value, (l, m) => {
       const F = l || {}, W = m || {};
       JSON.stringify(F) !== JSON.stringify(W) && t.emit("resize", {
         newSize: l,
         oldSize: m,
         isMaximized: V.value
       });
-    }), A([() => e.width, () => e.height], (l, m) => {
+    }), $([() => e.width, () => e.height], (l, m) => {
       (l[0] !== m[0] || l[1] !== m[1]) && (n.value = l[0] || 500, a.value = l[1] || 600);
+    }), $(() => e.class, (l, m) => {
+      v.value = l;
     });
-    const ne = O(() => (c.value && document.body.classList.add("modal-open"), c.value)), we = O(() => {
+    const Z = z(() => (c.value && document.body.classList.add("modal-open"), c.value)), Me = z(() => {
       var F;
       const l = {
         modal: !0,
         "farris-modal": !0,
         fade: !0
       };
-      l["f-modal-fitContent"] = !!s.value, l.show = !!ne.value;
+      l["f-modal-fitContent"] = !!s.value, l.show = !!Z.value;
       const m = (F = e.maskClass) == null ? void 0 : F.split(" ");
-      return m == null || m.reduce((W, q) => (W[q] = !0, W), l), l;
-    }), Ce = O(() => {
+      return m == null || m.reduce((W, N) => (W[N] = !0, W), l), l;
+    }), Be = z(() => {
       var F;
       const l = {
         "modal-dialog": !0
       }, m = (F = v.value) == null ? void 0 : F.split(" ");
-      return m == null || m.reduce((W, q) => (W[q] = !0, W), l), l;
-    }), xe = O(() => {
-      const l = document.documentElement.clientWidth, m = document.documentElement.clientHeight, F = Math.min(n.value, l), W = s.value ? "auto" : `${Math.min(a.value, m - 10)}px`, q = {
+      return m == null || m.reduce((W, N) => (W[N] = !0, W), l), l;
+    }), re = () => Xe() && !e.isMessager, ke = z(() => {
+      const l = document.documentElement.clientWidth, m = document.documentElement.clientHeight, F = Math.min(n.value, l), W = s.value ? "auto" : `${Math.min(a.value, m - 10)}px`, N = {
         position: "absolute",
         top: `${(window.innerHeight - parseInt(W === "auto" ? "0" : W)) / 2}px`,
         left: `${(window.innerWidth - F) / 2}px`,
         width: `${F}px`,
         height: W
       };
-      return e.mask || (q.pointerEvents = "auto"), q;
-    }), Me = () => Ae() || 1040, Be = O(() => {
+      return re() && (N.top = "0px", N.left = "0px", N.width = `${window.innerWidth}px`, N.height = `${window.innerHeight}px`), e.mask || (N.pointerEvents = "auto"), N;
+    }), ce = o(fe() || 1050), Ee = z(() => {
       const l = {
         display: "block",
-        zIndex: Me()
+        overflow: "hidden"
       };
-      return e.mask || (l.pointerEvents = "none", l.backgroundColor = "transparent"), N.value && (l.backgroundColor = "transparent"), l;
-    }), ke = O(() => ({
+      return e.mask || (l.pointerEvents = "none", l.backgroundColor = "transparent"), A.value && (l.backgroundColor = "transparent"), l.zIndex = ce.value, l;
+    }), Oe = z(() => ({
       "modal-content": !0,
-      "modal-content-has-header": f.value
-    })), Ee = O(() => {
+      "modal-content-has-header": f.value,
+      "is-mobile": re()
+    })), ze = z(() => {
       const l = {
         display: f.value ? "" : "none"
       };
       return l["pointer-events"] = u.value ? "auto" : "none", l;
-    }), ze = O(() => ({
+    }), Ie = z(() => ({
       "f-icon": !0,
       modal_maximize: !0,
       modalrevert: V.value
-    })), Oe = O(() => ({
+    })), Se = z(() => ({
       "modal-body": !0,
       "f-utils-flex-column": w.value === "iframe",
       "f-utils-fill": !0
     }));
-    function Ie() {
+    function He() {
       return {
         height: `${e.footerHeight || 60}px`
       };
     }
-    const Se = O(() => {
+    const Te = z(() => {
       const l = {
         textAlgin: k.value
-      }, m = Ie();
+      }, m = He();
       return Object.assign(l, m);
     });
-    function re(l) {
+    function de(l) {
       if (l == null || l.stopPropagation(), V.value) {
         V.value = !1, _();
         return;
       }
-      ee(), V.value = !0;
+      te(), V.value = !0;
     }
-    async function He(l, m) {
+    async function Pe(l, m) {
       l.handle && await l.handle(m, l) && t.emit("closed", m);
     }
-    function Te(l) {
+    function Re(l) {
       l.width && (n.value = l.width), l.height && (a.value = l.height), l.buttons && (d.value = l.buttons), l.title && (P.value = l.title);
     }
     let le = null, ae = null;
-    Ke(() => {
-      N.value = T();
+    _e(() => {
+      A.value = T();
     }), ie(() => {
-      E.value && !z.value && (z.value = E.value.parentElement, Y.value = z.value, y(D.value, E.value, Y.value)), ne.value && document.body.classList.add("modal-open"), le = ct(e, t), ae = dt(e, t);
+      E.value && !O.value && (O.value = E.value.parentElement, q.value = O.value, y(D.value, E.value, q.value)), Z.value && document.body.classList.add("modal-open"), le = vt(e, t), ae = pt(e, t);
     }), se(() => {
       r && r(), le && le.remove(), ae && ae.remove();
     }), t.expose({
       modalElementRef: E,
-      updateModalOptions: Te,
+      updateModalOptions: Re,
       close: x,
-      maxDialog: re,
+      maxDialog: de,
       isMaximized: V
     });
-    function Pe() {
+    function je() {
       return h("ul", null, [I.value && h("li", {
         class: "f-btn-icon f-bare"
       }, [h("span", {
         class: "f-icon modal_minimize"
       }, null)]), b.value && h("li", {
-        onClick: re,
+        onClick: de,
         class: "f-btn-icon f-bare",
         style: "pointer-events: auto;"
       }, [h("span", {
-        class: ze.value
+        class: Ie.value
       }, null)]), g.value && h("li", {
         class: "f-btn-icon f-bare",
         onClick: (l) => x(l, !1),
@@ -852,10 +856,10 @@ const K = /* @__PURE__ */ ue({
         class: "f-icon modal_close"
       }, null)])]);
     }
-    function Re() {
+    function Le() {
       return h("div", {
         class: "modal-footer",
-        style: Se.value
+        style: Te.value
       }, [d.value && d.value.map((l) => {
         const m = o(l.disabled);
         return h("button", {
@@ -864,18 +868,18 @@ const K = /* @__PURE__ */ ue({
           disabled: m.value,
           class: l.class + (l.iconClass ? " btn-icontext" : ""),
           onClick: (F) => {
-            He(l, F);
+            Pe(l, F);
           }
         }, [!!l.iconClass && h("i", {
           class: l.iconClass
         }, null), l.text]);
       })]);
     }
-    function je() {
+    function We() {
       return h("div", {
         ref: D,
         class: "modal-header",
-        style: Ee.value
+        style: ze.value
       }, [t.slots.headerTemplate ? t.slots.headerTemplate() : h("div", {
         class: "modal-title"
       }, [C.value && h("span", {
@@ -885,67 +889,69 @@ const K = /* @__PURE__ */ ue({
         class: "modal-title-label"
       }, [P.value])]), h("div", {
         class: "actions"
-      }, [Pe()])]);
+      }, [je()])]);
     }
-    function Le() {
-      return t.slots.footerTemplate ? t.slots.footerTemplate() : R.value && Re();
+    function Fe() {
+      return t.slots.footerTemplate ? t.slots.footerTemplate() : R.value && Le();
     }
-    function We(l) {
+    function De(l) {
       if (l.stopPropagation(), e.allowClickMaskToClose) {
         if (l.target !== L.value)
           return;
         x(l, !1);
       }
     }
-    function Fe() {
+    function Ve() {
       var l, m;
       return h("div", {
         id: i.value,
-        class: Ce.value,
-        style: xe.value,
+        class: Be.value,
+        style: ke.value,
         ref: E
       }, [h("div", {
-        class: ke.value
-      }, [f.value && je(), h("div", {
         class: Oe.value
+      }, [f.value && We(), h("div", {
+        class: Se.value
       }, [(m = (l = t.slots).default) == null ? void 0 : m.call(l), w.value === "iframe" && h("iframe", {
         title: i.value,
         class: "f-utils-fill",
         width: "100%",
         frameborder: "0",
         src: B.value
-      }, null)]), Le()]), !s.value && E.value && !V.value && J(E.value)]);
+      }, null)]), Fe()]), !s.value && E.value && !V.value && J(E.value)]);
     }
-    function De(l) {
+    function Ne(l) {
       return l || "body";
     }
-    return () => h(ce, {
-      to: De(e.host)
+    return Ze(() => {
+      Z.value && (ce.value = fe() || 1050);
+    }), () => h(ve, {
+      to: Ne(e.host)
     }, {
-      default: () => [ne.value && h(Je, {
+      default: () => [Z.value && h(Qe, {
         name: "fade",
         appear: !0
       }, {
         default: () => [h("div", {
           ref: L,
-          class: we.value,
-          style: Be.value,
-          onClick: We
-        }, [Fe()])]
+          class: Me.value,
+          style: Ee.value,
+          onClick: De
+        }, [Ve()])]
       })]
     });
   }
 });
-function he(e) {
+function ge(e) {
   if (e.content && e.content.render)
     return e.content.render;
   if (e.render && typeof e.render == "function")
     return e.render;
 }
-function ft(e) {
+function ht(e) {
   const t = document.createElement("div");
   t.style.display = "contents";
-  const n = de({
+  const n = pe({
     setup(a, c) {
       se(() => {
         document.body.removeChild(t);
@@ -955,7 +961,7 @@ function ft(e) {
       }), B = e.closedCallback || ((L) => {
       }), k = e.resizeHandle || ((L) => {
       }), j = e.stopMoveHandle || ((L) => {
-      }), P = he(e), z = (L) => {
+      }), P = ge(e), O = (L) => {
         g.value = !1, n.unmount(), B(L);
       };
       return ie(() => {
@@ -977,7 +983,7 @@ function ft(e) {
         onAccept: I,
         onCancel: w,
         fitContent: e.fitContent == null ? !0 : e.fitContent,
-        onClosed: z,
+        onClosed: O,
         onResize: k,
         onStopMove: j
       }, {
@@ -985,16 +991,16 @@ function ft(e) {
       });
     }
   });
-  return document.body.appendChild(t), n.use(Z.i18n), n.mount(t), n;
+  return document.body.appendChild(t), n.use(Q.i18n), n.mount(t), n;
 }
-class vt {
+class mt {
   constructor(t) {
-    $(this, "appContext", null);
-    $(this, "modalRef", o());
-    $(this, "activeModalIndex", o(0));
-    $(this, "modalRefs", {});
-    $(this, "isUseEscCloseModal", o(!1));
-    $(this, "activeModalInstance", O(() => this.modalRefs[this.activeModalIndex.value]));
+    X(this, "appContext", null);
+    X(this, "modalRef", o());
+    X(this, "activeModalIndex", o(0));
+    X(this, "modalRefs", {});
+    X(this, "isUseEscCloseModal", o(!1));
+    X(this, "activeModalInstance", z(() => this.modalRefs[this.activeModalIndex.value]));
     this.app = t, this.appContext = t ? t._context : null;
   }
   getCurrentModal() {
@@ -1019,7 +1025,7 @@ class vt {
       showButtons: !0,
       showHeader: !0
     }, t);
-    return ft(n);
+    return ht(n);
   }
   close(t) {
     var n, a;
@@ -1028,7 +1034,7 @@ class vt {
   open(t) {
     const n = document.createDocumentFragment();
     t.showMaxButton && t.fitContent && (t.showMaxButton = !1);
-    const a = _e(Object.assign({
+    const a = et(Object.assign({
       title: "",
       showButtons: !0,
       showHeader: !0
@@ -1039,7 +1045,7 @@ class vt {
     }), p = t.stopMoveHandle || ((x) => {
     });
     let g;
-    const b = he(a.value), I = (x) => {
+    const b = ge(a.value), I = (x) => {
       var d;
       c.value = !1;
       const H = (d = x == null ? void 0 : x.target) == null ? void 0 : d.classList.contains("modal_close");
@@ -1060,11 +1066,12 @@ class vt {
       height: j
     } = a.value, P = this.adaptToWindow(k || 500, j || 320);
     Object.assign(a.value, P);
-    const z = () => h(K, fe({
+    const O = () => h(K, he({
       ref: this.modalRef,
       modelValue: c.value,
       "onUpdate:modelValue": (x) => c.value = x
     }, a.value, {
+      isMessager: a.value.class && a.value.class.indexOf("modal-message") > -1,
       onAccept: i,
       onCancel: v,
       onClosed: w,
@@ -1075,7 +1082,7 @@ class vt {
       default: () => [b && b(this.app)]
     });
     return g = ((x) => {
-      const H = Ze(z, x);
+      const H = tt(O, x);
       return H.appContext = this.appContext, oe(H, n), H;
     })({
       ...a.value
@@ -1085,7 +1092,7 @@ class vt {
         a.value = {
           ...a.value,
           ...x
-        }, g && oe(Qe(g, {
+        }, g && oe(nt(g, {
           ...a
         }), n);
       },
@@ -1095,13 +1102,13 @@ class vt {
     };
   }
 }
-const me = Symbol("FModalService");
+const be = Symbol("FModalService");
 K.install = (e) => {
   e.component(K.name, K);
-  const t = new vt(e);
-  e.provide(me, t), e.provide("FModalService", t);
+  const t = new mt(e);
+  e.provide(be, t), e.provide("FModalService", t);
 };
-function ye(e, t) {
+function we(e, t) {
   function n() {
     const a = e.beforeOpen || e.beforeClickButton || null;
     let c = Promise.resolve(!0);
@@ -1115,22 +1122,22 @@ function ye(e, t) {
   }
   return { judgeCanOpen: n };
 }
-function pt(e, t, n, a, c) {
-  const i = o(e.buttonBehavior), v = o(e.popupOnInput), s = O(() => ({
+function yt(e, t, n, a, c) {
+  const i = o(e.buttonBehavior), v = o(e.popupOnInput), s = z(() => ({
     "input-group-append": !0,
     "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
-  })), { judgeCanOpen: f } = ye(e, c), p = O(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), g = ve(me, null), b = o();
+  })), { judgeCanOpen: f } = we(e, c), p = z(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), g = me(be, null), b = o();
   async function I(k) {
     if (await f() && p.value) {
       const j = !!t.slots.default;
       if (i.value === "Modal") {
-        const P = e.modalOptions, z = g == null ? void 0 : g.open({
+        const P = e.modalOptions, O = g == null ? void 0 : g.open({
           ...P,
           render: () => t.slots.default && t.slots.default()
         });
-        b.value = z == null ? void 0 : z.modalRef;
+        b.value = O == null ? void 0 : O.modalRef;
       }
-      i.value === "Overlay" && ut.show({
+      i.value === "Overlay" && rt.show({
         // host: buttonEditRef.value,
         host: document.body,
         backgroundColor: "rgba(0,0,0,.15)",
@@ -1153,9 +1160,9 @@ function pt(e, t, n, a, c) {
   };
 }
 const G = "FarrisVue_PopoverInstancesKey";
-function ht(e, t, n, a) {
-  const c = o(), i = o(!1), { judgeCanOpen: v } = ye(e, a);
-  A(() => c.value, (w, B) => {
+function gt(e, t, n, a) {
+  const c = o(), i = o(!1), { judgeCanOpen: v } = we(e, a);
+  $(() => c.value, (w, B) => {
     window[G] = window[G] || /* @__PURE__ */ new WeakMap(), w ? window[G].set(n.value, w) : window[G].delete(n.value);
   });
   function s() {
@@ -1195,7 +1202,7 @@ function ht(e, t, n, a) {
   }
   return { hidePopup: b, showPopup: I, popup: g, shouldPopupContent: i, togglePopup: p, popoverRef: c, closeAllPopover: s };
 }
-function mt(e, t, n) {
+function bt(e, t, n) {
   const {
     buttonGroupClass: a
   } = n, c = o();
@@ -1213,12 +1220,12 @@ function mt(e, t, n) {
     buttonHandleElement: c
   };
 }
-const Q = /* @__PURE__ */ ue({
+const ee = /* @__PURE__ */ ue({
   name: "FButtonEdit",
-  props: tt,
+  props: at,
   emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
   setup(e, t) {
-    const n = o(), a = ve("design-item-context"), c = et(n, a), i = o(e.customClass), v = o(e.modelValue), s = ht(e, t, n, v), f = pt(e, t, n, s, v), p = o(), g = O(() => ({
+    const n = o(), a = me("design-item-context"), c = lt(n, a), i = o(e.customClass), v = o(e.modelValue), s = gt(e, t, n, v), f = yt(e, t, n, s, v), p = o(), g = z(() => ({
       "f-cmp-inputgroup": !0,
       "input-group": !0,
       "f-state-disabled": !0,
@@ -1228,7 +1235,7 @@ const Q = /* @__PURE__ */ ue({
     ie(() => {
       n.value.componentInstance = c;
     }), t.expose(c.value);
-    const b = O(() => {
+    const b = z(() => {
       const w = {
         "f-button-edit": !0,
         "f-cmp-inputgroup": !0,
@@ -1237,8 +1244,8 @@ const Q = /* @__PURE__ */ ue({
       return i.value && i.value.split(" ").reduce((B, k) => (B[k] = !0, B), w), w;
     }), {
       renderButtonGroup: I
-    } = mt(e, t, f);
-    return () => h("div", fe(t.attrs, {
+    } = bt(e, t, f);
+    return () => h("div", he(t.attrs, {
       ref: n,
       class: b.value,
       id: e.id ? e.id : void 0
@@ -1251,13 +1258,13 @@ const Q = /* @__PURE__ */ ue({
       placeholder: e.placeholder
     }, null), I()])]);
   }
-}), yt = /* @__PURE__ */ new Map([
-  ["appearance", Xe]
+}), wt = /* @__PURE__ */ new Map([
+  ["appearance", qe]
 ]);
-function gt(e, t, n) {
+function Ct(e, t, n) {
   return t;
 }
-const bt = "https://json-schema.org/draft/2020-12/schema", wt = "https://farris-design.gitee.io/button-edit.schema.json", Ct = "button-edit", xt = "A Farris Input Component", Mt = "object", Bt = {
+const xt = "https://json-schema.org/draft/2020-12/schema", Mt = "https://farris-design.gitee.io/button-edit.schema.json", Bt = "button-edit", kt = "A Farris Input Component", Et = "object", Ot = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -1451,18 +1458,18 @@ const bt = "https://json-schema.org/draft/2020-12/schema", wt = "https://farris-
     type: "string",
     default: ""
   }
-}, kt = [
+}, zt = [
   "id",
   "type"
-], Et = {
-  $schema: bt,
-  $id: wt,
-  title: Ct,
-  description: xt,
-  type: Mt,
-  properties: Bt,
-  required: kt
-}, zt = "buttonEdit", Ot = "A Farris Component", It = "object", St = {
+], It = {
+  $schema: xt,
+  $id: Mt,
+  title: Bt,
+  description: kt,
+  type: Et,
+  properties: Ot,
+  required: zt
+}, St = "buttonEdit", Ht = "A Farris Component", Tt = "object", Pt = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -1544,27 +1551,27 @@ const bt = "https://json-schema.org/draft/2020-12/schema", wt = "https://farris-
       }
     }
   }
-}, Ht = {
-  title: zt,
-  description: Ot,
-  type: It,
-  categories: St
-}, ge = Ye(
-  Ge,
-  Et,
-  yt,
-  gt,
-  Ht
+}, Rt = {
+  title: St,
+  description: Ht,
+  type: Tt,
+  categories: Pt
+}, Ce = Ge(
+  Ke,
+  It,
+  wt,
+  Ct,
+  Rt
 );
-Q.register = (e, t, n, a) => {
-  e["button-edit"] = qe, t["button-edit"] = ge;
+ee.register = (e, t, n, a) => {
+  e["button-edit"] = Ue, t["button-edit"] = Ce;
 };
-Q.registerDesigner = (e, t, n) => {
-  e["button-edit"] = Q, t["button-edit"] = ge;
+ee.registerDesigner = (e, t, n) => {
+  e["button-edit"] = ee, t["button-edit"] = Ce;
 };
-const Vt = $e(Q);
+const $t = Ye(ee);
 export {
-  Q as FButtonEditDesign,
-  Vt as default,
-  ge as propsResolver
+  ee as FButtonEditDesign,
+  $t as default,
+  Ce as propsResolver
 };