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

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

@@ -1,14 +1,14 @@
-var We = Object.defineProperty;
-var De = (e, t, n) => t in e ? We(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var G = (e, t, n) => De(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as ie, ref as o, computed as T, createVNode as g, Teleport as ce, createApp as de, onUnmounted as se, Fragment as ue, watch as U, nextTick as Z, onBeforeMount as Ve, onMounted as te, Transition as Ne, shallowRef as Ae, render as oe, h as Xe, cloneVNode as Ue, mergeProps as fe, inject as Ke, withDirectives as Ye, vShow as Ge, onUpdated as qe, onBeforeUnmount as $e, createTextVNode as _e } from "vue";
-import { LocaleService as ee } from "../locale/index.esm.js";
-import { getMaxZIndex as Je, useGuid as Ze, withInstall as Qe } from "../common/index.esm.js";
+var De = Object.defineProperty;
+var Ne = (e, t, n) => t in e ? De(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 { defineComponent as ie, ref as o, computed as T, createVNode as g, Teleport as ve, createApp as he, onUnmounted as se, Fragment as ue, watch as U, nextTick as Z, onBeforeMount as Ae, onMounted as ne, watchEffect as Xe, Transition as Ue, shallowRef as Ke, render as oe, h as Ye, cloneVNode as Ge, mergeProps as me, inject as $e, withDirectives as qe, vShow as _e, onUpdated as Je, onBeforeUnmount as Ze, createTextVNode as Qe } from "vue";
+import { LocaleService as te } from "../locale/index.esm.js";
+import { isMobilePhone as et, getMaxZIndex as fe, useGuid as tt, withInstall as nt } from "../common/index.esm.js";
 import "../property-panel/index.esm.js";
-import et from "../tags/index.esm.js";
-import { debounce as tt } from "lodash-es";
-import nt from "../popover/index.esm.js";
-const lt = {
+import lt from "../tags/index.esm.js";
+import { debounce as at } from "lodash-es";
+import ot from "../popover/index.esm.js";
+const ut = {
   /**
    * 组件标识
    */
@@ -128,13 +128,13 @@ const lt = {
    */
   limitContentBySpace: { type: Boolean, default: !1 },
   beforeClosePopup: { type: Function, default: null }
-}, at = {
+}, it = {
   popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
   host: { type: Object },
   backgroundColor: { type: String, default: "" }
-}, ot = /* @__PURE__ */ ie({
+}, st = /* @__PURE__ */ ie({
   name: "FOverlay",
-  props: at,
+  props: it,
   emits: ["click"],
   setup(e, t) {
     const n = o(e.popupContentPosition), l = o(e.host), i = T(() => ({
@@ -159,12 +159,12 @@ const lt = {
       }
       return n.value;
     });
-    const d = T(() => ({
+    const c = T(() => ({
       // position: 'relative',
       // left: `${position.value.left}px`,
       // top: `${position.value.top}px`
     }));
-    return () => g(ce, {
+    return () => g(ve, {
       to: "body"
     }, {
       default: () => {
@@ -174,19 +174,19 @@ const lt = {
           onClick: (m) => s(m),
           style: i.value
         }, [g("div", {
-          style: d.value
+          style: c.value
         }, [(f = (u = t.slots).default) == null ? void 0 : f.call(u)])])];
       }
     });
   }
 });
-function ut(e) {
+function rt(e) {
   if (e.content && e.content.render)
     return e.content.render;
   if (e.render && typeof e.render == "function")
     return e.render;
 }
-function it(e) {
+function ct(e) {
   const t = document.createElement("div");
   t.style.display = "contents";
   let n;
@@ -194,13 +194,13 @@ function it(e) {
   }), i = () => {
     l(), n && n.unmount();
   };
-  return n = de({
+  return n = he({
     setup() {
       se(() => {
         document.body.removeChild(t);
       });
-      const s = ut(e);
-      return () => g(ot, {
+      const s = rt(e);
+      return () => g(st, {
         "popup-content-position": e.popupPosition,
         host: e.host,
         onClick: i,
@@ -211,12 +211,12 @@ function it(e) {
     }
   }), document.body.appendChild(t), n.mount(t), n;
 }
-class st {
+class dt {
   static show(t) {
-    return it(t);
+    return ct(t);
   }
 }
-const rt = {
+const ft = {
   /**
    * 允许点击遮罩关闭对话框
    */
@@ -295,7 +295,8 @@ const rt = {
   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 F {
   constructor(t, n) {
@@ -361,12 +362,12 @@ class F {
     return this.x = t.x, this.y = t.y, this;
   }
 }
-class $ {
+class _ {
   constructor(t, n) {
     this.width = t, this.height = n;
   }
   static getCurrent(t) {
-    const n = new $(0, 0);
+    const n = new _(0, 0);
     if (window) {
       const l = window.getComputedStyle(t);
       return l && (n.width = parseInt(l.getPropertyValue("width"), 10), n.height = parseInt(l.getPropertyValue("height"), 10)), n;
@@ -374,26 +375,26 @@ class $ {
     return null;
   }
   static copy(t) {
-    return new $(0, 0).set(t);
+    return new _(0, 0).set(t);
   }
   set(t) {
     return this.width = t.width, this.height = t.height, this;
   }
 }
-function ct(e, t) {
-  const n = o(), l = o(), i = o(), s = o(), d = o(), u = o(), f = o(), m = o(), b = o(), p = o(), k = o(), C = o(e.resizeable), y = o(), B = o(e.draggable), O = o(!1);
-  function S() {
+function vt(e, t) {
+  const n = o(), l = o(), i = o(), s = o(), c = o(), u = o(), f = o(), m = o(), b = o(), p = o(), k = o(), w = o(e.resizeable), y = o(), B = o(e.draggable), O = o(!1);
+  function z() {
     const r = l.value || document.body, v = window.getComputedStyle(r);
     if (!v || !n.value)
       return;
-    const z = F.getTransformInfo(n.value), E = {};
+    const S = F.getTransformInfo(n.value), E = {};
     f.value && (E.deltaL = n.value.offsetLeft - f.value.x, E.deltaT = n.value.offsetTop - f.value.y);
     const W = v.getPropertyValue("position");
-    E.width = r.clientWidth, E.height = r.clientHeight, E.pr = parseInt(v.getPropertyValue("padding-right"), 10), E.pb = parseInt(v.getPropertyValue("padding-bottom"), 10), E.position = v.getPropertyValue("position"), W === "static" && (r.style.position = "relative"), E.translateX = z.x, E.translateY = z.y, p.value = E;
+    E.width = r.clientWidth, E.height = r.clientHeight, E.pr = parseInt(v.getPropertyValue("padding-right"), 10), E.pb = parseInt(v.getPropertyValue("padding-bottom"), 10), E.position = v.getPropertyValue("position"), W === "static" && (r.style.position = "relative"), E.translateX = S.x, E.translateY = S.y, p.value = E;
   }
   function I(r) {
     if (n.value) {
-      s.value = $.getCurrent(n.value), d.value = F.getCurrent(n.value), u.value = s.value ? $.copy(s.value) : null, f.value = d.value ? F.copy(d.value) : null, S();
+      s.value = _.getCurrent(n.value), c.value = F.getCurrent(n.value), u.value = s.value ? _.copy(s.value) : null, f.value = c.value ? F.copy(c.value) : null, z();
       const v = r.target.getAttribute("type") || "";
       m.value = {
         n: !!v.match(/n/),
@@ -404,44 +405,44 @@ function ct(e, t) {
     }
   }
   function H() {
-    var r, v, z, E;
+    var r, v, S, E;
     if (n.value) {
       const W = n.value;
-      m.value && ((m.value.n || m.value.s) && ((r = u.value) != null && r.height) && (W.style.height = u.value.height + "px"), (m.value.w || m.value.e) && ((v = u.value) != null && v.width) && (W.style.width = u.value.width + "px"), f.value && ((z = f.value) != null && z.x && (W.style.left = f.value.x + "px"), (E = f.value) != null && E.y && (W.style.top = f.value.y + "px")));
+      m.value && ((m.value.n || m.value.s) && ((r = u.value) != null && r.height) && (W.style.height = u.value.height + "px"), (m.value.w || m.value.e) && ((v = u.value) != null && v.width) && (W.style.width = u.value.width + "px"), f.value && ((S = f.value) != null && S.x && (W.style.left = f.value.x + "px"), (E = f.value) != null && E.y && (W.style.top = f.value.y + "px")));
     }
   }
   function A() {
     const r = e.minHeight ? e.minHeight : 1, v = e.minWidth ? e.minWidth : 1;
-    u.value && f.value && m.value && s.value && (u.value.height < r && (u.value.height = r, m.value.n && d.value && (f.value.y = d.value.y + (s.value.height - r))), u.value.width < v && (u.value.width = v, m.value.w && d.value && (f.value.x = d.value.x + (s.value.width - v))), e.maxHeight && u.value.height > e.maxHeight && (u.value.height = e.maxHeight, d.value && m.value.n && (f.value.y = d.value.y + (s.value.height - e.maxHeight))), e.maxWidth && u.value.width > e.maxWidth && (u.value.width = e.maxWidth, m.value.w && d.value && (f.value.x = d.value.x + (s.value.width - e.maxWidth))));
+    u.value && f.value && m.value && s.value && (u.value.height < r && (u.value.height = r, m.value.n && c.value && (f.value.y = c.value.y + (s.value.height - r))), u.value.width < v && (u.value.width = v, m.value.w && c.value && (f.value.x = c.value.x + (s.value.width - v))), e.maxHeight && u.value.height > e.maxHeight && (u.value.height = e.maxHeight, c.value && m.value.n && (f.value.y = c.value.y + (s.value.height - e.maxHeight))), e.maxWidth && u.value.width > e.maxWidth && (u.value.width = e.maxWidth, m.value.w && c.value && (f.value.x = c.value.x + (s.value.width - e.maxWidth))));
   }
   function M() {
     if (l.value) {
       const r = p.value;
       if (f.value && u.value && m.value && s.value) {
-        const v = r.width - r.pr - r.deltaL - r.translateX - f.value.x, z = r.height - r.pb - r.deltaT - r.translateY - f.value.y;
-        m.value.n && f.value.y + r.translateY < 0 && d.value && (f.value.y = -r.translateY, u.value.height = s.value.height + d.value.y + r.translateY), m.value.w && f.value.x + r.translateX < 0 && d.value && (f.value.x = -r.translateX, u.value.width = s.value.width + d.value.x + r.translateX), u.value.width > v && (u.value.width = v), u.value.height > z && (u.value.height = z);
+        const v = r.width - r.pr - r.deltaL - r.translateX - f.value.x, S = r.height - r.pb - r.deltaT - r.translateY - f.value.y;
+        m.value.n && f.value.y + r.translateY < 0 && c.value && (f.value.y = -r.translateY, u.value.height = s.value.height + c.value.y + r.translateY), m.value.w && f.value.x + r.translateX < 0 && c.value && (f.value.x = -r.translateX, u.value.width = s.value.width + c.value.x + r.translateX), u.value.width > v && (u.value.width = v), u.value.height > S && (u.value.height = S);
       }
     }
   }
   function R(r) {
-    if (!i.value || !s.value || !d.value || !m.value)
+    if (!i.value || !s.value || !c.value || !m.value)
       return;
     r.subtract(i.value);
-    const v = r.x, z = r.y;
-    m.value.n ? (f.value.y = d.value.y + z, u.value.height = s.value.height - z) : m.value.s && (u.value.height = s.value.height + z), m.value.e ? u.value.width = s.value.width + v : m.value.w && (u.value.width = s.value.width - v, f.value.x = d.value.x + v), M(), A(), H();
+    const v = r.x, S = r.y;
+    m.value.n ? (f.value.y = c.value.y + S, u.value.height = s.value.height - S) : m.value.s && (u.value.height = s.value.height + S), m.value.e ? u.value.width = s.value.width + v : m.value.w && (u.value.width = s.value.width - v, f.value.x = c.value.x + v), M(), A(), H();
   }
-  function c(r) {
+  function d(r) {
     if (!b.value)
       return;
     const v = F.fromEvent(r);
     v && R(v);
   }
-  function w() {
+  function C() {
     if (n.value) {
       const {
         width: r,
         height: v,
-        x: z,
+        x: S,
         y: E
       } = n.value.getBoundingClientRect(), W = F.getTransformInfo(n.value);
       return {
@@ -450,7 +451,7 @@ function ct(e, t) {
           height: v
         },
         position: {
-          x: z - W.x,
+          x: S - W.x,
           y: E - W.y
         }
       };
@@ -459,19 +460,19 @@ function ct(e, t) {
   }
   function L(r) {
     if (n.value) {
-      const v = w();
+      const v = C();
       k.value = v;
     }
-    i.value = void 0, s.value = null, d.value = null, u.value = null, f.value = null, m.value = null, b.value = null, document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", L);
+    i.value = void 0, s.value = null, c.value = null, u.value = null, f.value = null, m.value = null, b.value = null, document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", L);
   }
-  function D() {
-    document.addEventListener("mousemove", c), document.addEventListener("mouseup", L);
+  function V() {
+    document.addEventListener("mousemove", d), document.addEventListener("mouseup", L);
   }
   function h(r) {
-    r instanceof MouseEvent && r.button === 2 || B.value && (document.body.click(), r.stopPropagation(), r.preventDefault(), i.value = F.fromEvent(r), b.value = r.target, I(r), D());
+    r instanceof MouseEvent && r.button === 2 || B.value && (document.body.click(), r.stopPropagation(), r.preventDefault(), i.value = F.fromEvent(r), b.value = r.target, I(r), V());
   }
   function j(r) {
-    return n.value = r, C.value && g(ue, null, [g("div", {
+    return n.value = r, w.value && g(ue, null, [g("div", {
       class: "fv-resizable-handle fv-resizable-n",
       type: "n",
       onMousedown: (v) => h(v)
@@ -505,10 +506,10 @@ function ct(e, t) {
       onMousedown: (v) => h(v)
     }, null)]);
   }
-  function _(r = !0) {
+  function J(r = !0) {
     document.body.click();
-    const v = l.value || document.body, z = $.getCurrent(v), E = n.value;
-    r && E && (y.value = w(), y.value.transform = E.style.transform), z && E && (u.value = z, u.value.height -= 14, u.value.width -= 14, E.style.height = u.value.height + "px", E.style.width = u.value.width + "px", E.style.left = "7px", E.style.top = "7px", E.style.transform = "", k.value = {
+    const v = l.value || document.body, S = _.getCurrent(v), E = n.value;
+    r && E && (y.value = C(), y.value.transform = E.style.transform), S && E && (u.value = S, u.value.height -= 14, u.value.width -= 14, E.style.height = u.value.height + "px", E.style.width = u.value.width + "px", E.style.left = "7px", E.style.top = "7px", E.style.transform = "", k.value = {
       size: u.value,
       position: {
         x: 0,
@@ -519,127 +520,127 @@ function ct(e, t) {
   function K() {
     var r, v;
     if (document.body.click(), y.value) {
-      const z = {
+      const S = {
         width: y.value.size.width || 0,
         height: y.value.size.height || 0
       }, E = {
-        x: (window.innerWidth - z.width) / 2,
-        y: (window.innerHeight - z.height) / 2
+        x: (window.innerWidth - S.width) / 2,
+        y: (window.innerHeight - S.height) / 2
       };
-      (r = u.value) == null || r.set(z), (v = f.value) == null || v.set(E);
+      (r = u.value) == null || r.set(S), (v = f.value) == null || v.set(E);
       const W = n.value;
-      W.style.height = z.height + "px", W.style.width = z.width + "px", W.style.left = `${E.x}px`, W.style.top = `${E.y}px`, W.style.transform = "", k.value = {
-        size: z,
+      W.style.height = S.height + "px", W.style.width = S.width + "px", W.style.left = `${E.x}px`, W.style.top = `${E.y}px`, W.style.transform = "", k.value = {
+        size: S,
         position: E
       }, B.value = e.draggable, O.value = !1;
     }
   }
-  function Y() {
+  function G() {
     if (n.value) {
-      const r = $.getCurrent(n.value);
+      const r = _.getCurrent(n.value);
       if (r) {
         const {
           width: v,
-          height: z
+          height: S
         } = r;
-        n.value.style.left = `${(window.innerWidth - v) / 2}px`, n.value.style.top = `${(window.innerHeight - z) / 2}px`, n.value.style.transform = "";
+        n.value.style.left = `${(window.innerWidth - v) / 2}px`, n.value.style.top = `${(window.innerHeight - S) / 2}px`, n.value.style.transform = "";
       }
     }
   }
   function P() {
     const r = () => {
-      O.value ? _(!1) : Y(), document.body.click();
+      O.value ? J(!1) : G(), document.body.click();
     };
     return window.addEventListener("resize", r), () => {
       window.removeEventListener("resize", r);
     };
   }
-  const V = P();
+  const D = P();
   return {
     renderResizeBar: j,
     boundingElement: l,
     resizedEventParam: k,
-    maximize: _,
+    maximize: J,
     restore: K,
     allowDrag: B,
     isMaximized: O,
-    unWindowResizeHandle: V,
-    moveToCenter: Y
+    unWindowResizeHandle: D,
+    moveToCenter: G
   };
 }
-function dt(e, t, n) {
-  const l = o(), i = o(e.draggable), s = o(e.lockAxis), d = o(), u = o(), f = o(!1), m = o(new F(0, 0)), b = o(new F(0, 0)), p = o(new F(0, 0)), k = o(new F(0, 0));
-  U(() => n.value, (c) => {
-    d.value.style.cursor = c ? "move" : "default";
+function ht(e, t, n) {
+  const l = o(), i = o(e.draggable), s = o(e.lockAxis), c = o(), u = o(), f = o(!1), m = o(new F(0, 0)), b = o(new F(0, 0)), p = o(new F(0, 0)), k = o(new F(0, 0));
+  U(() => n.value, (d) => {
+    c.value.style.cursor = d ? "move" : "default";
   });
-  function C(c, w) {
-    if (w.tagName === "BUTTON")
+  function w(d, C) {
+    if (C.tagName === "BUTTON")
       return !1;
-    if (w === c)
+    if (C === d)
       return !0;
-    for (const L in w.children)
-      if (Object.prototype.hasOwnProperty.call(w.children, L) && C(c, w.children[L]))
+    for (const L in C.children)
+      if (Object.prototype.hasOwnProperty.call(C.children, L) && w(d, C.children[L]))
         return !0;
     return !1;
   }
   function y() {
-    var D, h;
-    let c = p.value.x + b.value.x, w = p.value.y + b.value.y;
-    s.value === "x" ? (c = ((D = m.value) == null ? void 0 : D.x) || 0, p.value.x = 0) : s.value === "y" && (w = ((h = m.value) == null ? void 0 : h.y) || 0, p.value.y = 0);
-    const L = `translate3d(${Math.round(c)}px, ${Math.round(w)}px, 0px)`;
-    l.value && (l.value.style.transform = L), k.value.x = c, k.value.y = w;
+    var V, h;
+    let d = p.value.x + b.value.x, C = p.value.y + b.value.y;
+    s.value === "x" ? (d = ((V = m.value) == null ? void 0 : V.x) || 0, p.value.x = 0) : s.value === "y" && (C = ((h = m.value) == null ? void 0 : h.y) || 0, p.value.y = 0);
+    const L = `translate3d(${Math.round(d)}px, ${Math.round(C)}px, 0px)`;
+    l.value && (l.value.style.transform = L), k.value.x = d, k.value.y = C;
   }
   function B() {
     if (!u.value || !l.value)
       return null;
-    const c = u.value.getBoundingClientRect(), w = l.value.getBoundingClientRect(), L = {
-      top: c.top < w.top,
-      right: c.right > w.right,
-      bottom: c.bottom > w.bottom,
-      left: c.left < w.left
+    const d = u.value.getBoundingClientRect(), C = l.value.getBoundingClientRect(), L = {
+      top: d.top < C.top,
+      right: d.right > C.right,
+      bottom: d.bottom > C.bottom,
+      left: d.left < C.left
     };
-    return L.top || (p.value.y -= w.top - c.top), L.bottom || (p.value.y -= w.bottom - c.bottom), L.right || (p.value.x -= w.right - c.right), L.left || (p.value.x -= w.left - c.left), y(), L;
+    return L.top || (p.value.y -= C.top - d.top), L.bottom || (p.value.y -= C.bottom - d.bottom), L.right || (p.value.x -= C.right - d.right), L.left || (p.value.x -= C.left - d.left), y(), L;
   }
-  function O(c) {
-    c && (m.value && c.subtract(m.value), p.value.set(c), y(), B());
+  function O(d) {
+    d && (m.value && d.subtract(m.value), p.value.set(d), y(), B());
   }
-  function S(c) {
-    f.value && i.value && (c.stopPropagation(), c.preventDefault(), O(F.fromEvent(c, d.value)));
+  function z(d) {
+    f.value && i.value && (d.stopPropagation(), d.preventDefault(), O(F.fromEvent(d, c.value)));
   }
   function I() {
-    var c;
-    f.value && (f.value = !1, b.value.add(p.value), p.value.reset(), (c = l.value) == null || c.classList.remove("ng-dragging"), t.emit("stopMove"), document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", I));
+    var d;
+    f.value && (f.value = !1, b.value.add(p.value), p.value.reset(), (d = l.value) == null || d.classList.remove("ng-dragging"), t.emit("stopMove"), document.removeEventListener("mousemove", z), document.removeEventListener("mouseup", I));
   }
   function H() {
-    !f.value && d.value && (f.value = !0, d.value.classList.add("ng-dragging"), document.addEventListener("mousemove", S), document.addEventListener("mouseup", I));
+    !f.value && c.value && (f.value = !0, c.value.classList.add("ng-dragging"), document.addEventListener("mousemove", z), document.addEventListener("mouseup", I));
   }
   function A() {
     if (l.value) {
-      const c = F.getTransformInfo(l.value);
-      b.value.set(c);
+      const d = F.getTransformInfo(l.value);
+      b.value.set(d);
       return;
     }
     b.value.reset();
   }
-  function M(c) {
-    if (!n.value || c instanceof MouseEvent && c.button === 2)
+  function M(d) {
+    if (!n.value || d instanceof MouseEvent && d.button === 2)
       return;
-    const w = c.target || c.srcElement;
-    d.value !== void 0 && w && !C(w, d.value) || i.value !== !1 && (document.body.click(), c.stopPropagation(), c.preventDefault(), m.value = F.fromEvent(c, l.value), A(), H());
+    const C = d.target || d.srcElement;
+    c.value !== void 0 && C && !w(C, c.value) || i.value !== !1 && (document.body.click(), d.stopPropagation(), d.preventDefault(), m.value = F.fromEvent(d, l.value), A(), H());
   }
-  function R(c, w, L) {
-    if (i.value && w) {
-      if (c)
-        d.value = c;
+  function R(d, C, L) {
+    if (i.value && C) {
+      if (d)
+        c.value = d;
       else if (e.dragHandle) {
         if (e.dragHandle instanceof HTMLElement)
-          d.value = e.dragHandle;
+          c.value = e.dragHandle;
         else if (typeof e.dragHandle == "string") {
-          const D = w.querySelector(e.dragHandle);
-          D && (d.value = D);
+          const V = C.querySelector(e.dragHandle);
+          V && (c.value = V);
         }
       }
-      l.value = w, u.value = L, d.value ? (d.value.classList.add("ng-draggable"), d.value.addEventListener("mousedown", M)) : i.value = !1;
+      l.value = C, u.value = L, c.value ? (c.value.classList.add("ng-draggable"), c.value.addEventListener("mousedown", M)) : i.value = !1;
     }
   }
   return {
@@ -647,7 +648,7 @@ function dt(e, t, n) {
     resetTranslate: A
   };
 }
-function ve(e, t) {
+function ge(e, t) {
   if (e) {
     const n = (l) => {
       l.key.toLowerCase() === e.toLowerCase() && t({ event: l, key: e });
@@ -657,19 +658,19 @@ function ve(e, t) {
     };
   }
 }
-function ft(e, t) {
+function mt(e, t) {
   const n = o(e.enableEsc);
   let l = null;
-  return n.value ? (l = ve("Escape", (i) => {
+  return n.value ? (l = ge("Escape", (i) => {
     t.emit("esc", { event: i.event, type: "esc" });
   }), {
     remove: l
   }) : null;
 }
-function vt(e, t) {
+function gt(e, t) {
   const n = o(e.enableEnter);
   let l = null;
-  return n.value ? (l = ve("Enter", (i) => {
+  return n.value ? (l = ge("Enter", (i) => {
     t.emit("enter", { event: i.event, type: "enter" });
   }), {
     remove: l
@@ -677,11 +678,11 @@ function vt(e, t) {
 }
 const Q = /* @__PURE__ */ ie({
   name: "FModal",
-  props: rt,
+  props: ft,
   emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter", "stopMove"],
   setup(e, t) {
-    const n = o(e.width || 300), l = o(e.height || 200), i = o(e.modelValue), s = o(""), d = o(e.class), u = o(e.fitContent), f = o(e.showHeader), m = o(""), b = o(e.showCloseButton), p = o(e.showMaxButton), k = o(!1), C = o(e.dialogType), y = o(e.src), B = o(""), O = o(e.showButtons), S = o(e.title), I = o(e.containment || null), H = o();
-    S.value === "错误提示" && (S.value = ee.getLocaleValue("messageBox.errorTitle"));
+    const n = o(e.width || 300), l = o(e.height || 200), i = o(e.modelValue), s = o(""), c = o(e.class), u = o(e.fitContent), f = o(e.showHeader), m = o(""), b = o(e.showCloseButton), p = o(e.showMaxButton), k = o(!1), w = o(e.dialogType), y = o(e.src), B = o(""), O = o(e.showButtons), z = o(e.title), I = o(e.containment || null), H = o();
+    z.value === "错误提示" && (z.value = te.getLocaleValue("messageBox.errorTitle"));
     const A = o(!1);
     function M(a, x) {
       const X = x ? "accept" : "cancel";
@@ -696,48 +697,48 @@ const Q = /* @__PURE__ */ ie({
     }
     const R = [{
       name: "cancel",
-      text: ee.getLocaleValue("messageBox.cancel") || "取消",
+      text: te.getLocaleValue("messageBox.cancel") || "取消",
       class: "btn btn-secondary",
       handle: (a) => {
         M(a, !1);
       }
     }, {
       name: "accept",
-      text: ee.getLocaleValue("messageBox.ok") || "确定",
+      text: te.getLocaleValue("messageBox.ok") || "确定",
       class: "btn btn-primary",
       handle: (a) => {
         M(a, !0);
       }
-    }], c = o(e.buttons && e.buttons.length ? e.buttons : R), w = T(() => !!m.value), L = T(() => !!O.value && !!c.value), D = o(), h = o(), j = o(!1), {
-      renderResizeBar: _,
+    }], d = o(e.buttons && e.buttons.length ? e.buttons : R), C = T(() => !!m.value), L = T(() => !!O.value && !!d.value), V = o(), h = o(), j = o(!1), {
+      renderResizeBar: J,
       maximize: K,
-      restore: Y,
+      restore: G,
       boundingElement: P,
-      resizedEventParam: V,
+      resizedEventParam: D,
       allowDrag: r,
       unWindowResizeHandle: v,
-      moveToCenter: z
-    } = ct(e), {
+      moveToCenter: S
+    } = vt(e), {
       registerDraggle: E
-    } = dt(e, t, r);
+    } = ht(e, t, r);
     function W() {
       return !!document.querySelectorAll(".farris-modal").length && document.body.classList.contains("modal-open");
     }
-    function ye() {
+    function we() {
       const a = document.querySelectorAll(".farris-modal").length;
       (!a || a - 1 <= 0) && document.body.classList.remove("modal-open"), H.value && H.value.classList.remove("show");
     }
     U(() => e.title, (a, x) => {
-      a !== x && (S.value = a);
+      a !== x && (z.value = a);
     }), U(() => e.modelValue, (a, x) => {
       a !== x && (i.value = a, i.value && e.draggable && Z(() => {
-        h.value && !I.value && (I.value = h.value.parentElement, P.value = I.value, E(D.value, h.value, P.value), z());
-      }), a || (I.value && (I.value = null), ye())), i.value ? A.value = W() : (j.value = !1, r.value = e.draggable);
+        h.value && !I.value && (I.value = h.value.parentElement, P.value = I.value, E(V.value, h.value, P.value), S());
+      }), a || (I.value && (I.value = null), we())), i.value ? A.value = W() : (j.value = !1, r.value = e.draggable);
     }), U(() => e.showHeader, (a, x) => {
       a !== x && (f.value = a);
     }), U(() => e.showButtons, (a, x) => {
       a !== x && (O.value = a);
-    }), U(() => V.value, (a, x) => {
+    }), U(() => D.value, (a, x) => {
       const X = a || {}, N = x || {};
       JSON.stringify(X) !== JSON.stringify(N) && t.emit("resize", {
         newSize: a,
@@ -746,104 +747,107 @@ const Q = /* @__PURE__ */ ie({
       });
     }), U([() => e.width, () => e.height], (a, x) => {
       (a[0] !== x[0] || a[1] !== x[1]) && (n.value = a[0] || 500, l.value = a[1] || 600);
+    }), U(() => e.class, (a, x) => {
+      c.value = a;
     });
-    const ne = T(() => (i.value && document.body.classList.add("modal-open"), i.value)), be = T(() => {
+    const ee = T(() => (i.value && document.body.classList.add("modal-open"), i.value)), Ce = T(() => {
       var X;
       const a = {
         modal: !0,
         "farris-modal": !0,
         fade: !0
       };
-      a["f-modal-fitContent"] = !!u.value, a.show = !!ne.value;
+      a["f-modal-fitContent"] = !!u.value, a.show = !!ee.value;
       const x = (X = e.maskClass) == null ? void 0 : X.split(" ");
-      return x == null || x.reduce((N, J) => (N[J] = !0, N), a), a;
-    }), pe = T(() => {
+      return x == null || x.reduce((N, Y) => (N[Y] = !0, N), a), a;
+    }), xe = T(() => {
       var X;
       const a = {
         "modal-dialog": !0
-      }, x = (X = d.value) == null ? void 0 : X.split(" ");
-      return x == null || x.reduce((N, J) => (N[J] = !0, N), a), a;
-    }), Ce = T(() => {
-      const a = document.documentElement.clientWidth, x = document.documentElement.clientHeight, X = Math.min(n.value, a), N = u.value ? "auto" : `${Math.min(l.value, x - 10)}px`, J = {
+      }, x = (X = c.value) == null ? void 0 : X.split(" ");
+      return x == null || x.reduce((N, Y) => (N[Y] = !0, N), a), a;
+    }), re = () => et() && !e.isMessager, Be = T(() => {
+      const a = document.documentElement.clientWidth, x = document.documentElement.clientHeight, X = Math.min(n.value, a), N = u.value ? "auto" : `${Math.min(l.value, x - 10)}px`, Y = {
         position: "absolute",
         top: `${(window.innerHeight - parseInt(N === "auto" ? "0" : N)) / 2}px`,
         left: `${(window.innerWidth - X) / 2}px`,
         width: `${X}px`,
         height: N
       };
-      return e.mask || (J.pointerEvents = "auto"), J;
-    }), we = () => Je() || 1040, xe = T(() => {
+      return re() && (Y.top = "0px", Y.left = "0px", Y.width = `${window.innerWidth}px`, Y.height = `${window.innerHeight}px`), e.mask || (Y.pointerEvents = "auto"), Y;
+    }), ce = o(fe() || 1050), Me = T(() => {
       const a = {
         display: "block",
-        zIndex: we()
+        overflow: "hidden"
       };
-      return e.mask || (a.pointerEvents = "none", a.backgroundColor = "transparent"), A.value && (a.backgroundColor = "transparent"), a;
-    }), Be = T(() => ({
+      return e.mask || (a.pointerEvents = "none", a.backgroundColor = "transparent"), A.value && (a.backgroundColor = "transparent"), a.zIndex = ce.value, a;
+    }), ke = T(() => ({
       "modal-content": !0,
-      "modal-content-has-header": f.value
-    })), Me = T(() => {
+      "modal-content-has-header": f.value,
+      "is-mobile": re()
+    })), Te = T(() => {
       const a = {
         display: f.value ? "" : "none"
       };
       return a["pointer-events"] = r.value ? "auto" : "none", a;
-    }), ke = T(() => ({
+    }), Ee = T(() => ({
       "f-icon": !0,
       modal_maximize: !0,
       modalrevert: j.value
-    })), Te = T(() => ({
+    })), Oe = T(() => ({
       "modal-body": !0,
-      "f-utils-flex-column": C.value === "iframe",
+      "f-utils-flex-column": w.value === "iframe",
       "f-utils-fill": !0
     }));
-    function Ee() {
+    function Pe() {
       return {
         height: `${e.footerHeight || 60}px`
       };
     }
-    const Oe = T(() => {
+    const Se = T(() => {
       const a = {
         textAlgin: B.value
-      }, x = Ee();
+      }, x = Pe();
       return Object.assign(a, x);
     });
-    function re(a) {
+    function de(a) {
       if (a == null || a.stopPropagation(), j.value) {
-        j.value = !1, Y();
+        j.value = !1, G();
         return;
       }
       K(), j.value = !0;
     }
-    async function Pe(a, x) {
+    async function ze(a, x) {
       a.handle && await a.handle(x, a) && t.emit("closed", x);
     }
-    function ze(a) {
-      a.width && (n.value = a.width), a.height && (l.value = a.height), a.buttons && (c.value = a.buttons), a.title && (S.value = a.title);
+    function Ie(a) {
+      a.width && (n.value = a.width), a.height && (l.value = a.height), a.buttons && (d.value = a.buttons), a.title && (z.value = a.title);
     }
     let le = null, ae = null;
-    Ve(() => {
+    Ae(() => {
       A.value = W();
-    }), te(() => {
-      h.value && !I.value && (I.value = h.value.parentElement, P.value = I.value, E(D.value, h.value, P.value)), ne.value && document.body.classList.add("modal-open"), le = ft(e, t), ae = vt(e, t);
+    }), ne(() => {
+      h.value && !I.value && (I.value = h.value.parentElement, P.value = I.value, E(V.value, h.value, P.value)), ee.value && document.body.classList.add("modal-open"), le = mt(e, t), ae = gt(e, t);
     }), se(() => {
       v && v(), le && le.remove(), ae && ae.remove();
     }), t.expose({
       modalElementRef: h,
-      updateModalOptions: ze,
+      updateModalOptions: Ie,
       close: M,
-      maxDialog: re,
+      maxDialog: de,
       isMaximized: j
     });
-    function Se() {
+    function He() {
       return g("ul", null, [k.value && g("li", {
         class: "f-btn-icon f-bare"
       }, [g("span", {
         class: "f-icon modal_minimize"
       }, null)]), p.value && g("li", {
-        onClick: re,
+        onClick: de,
         class: "f-btn-icon f-bare",
         style: "pointer-events: auto;"
       }, [g("span", {
-        class: ke.value
+        class: Ee.value
       }, null)]), b.value && g("li", {
         class: "f-btn-icon f-bare",
         onClick: (a) => M(a, !1),
@@ -852,11 +856,11 @@ const Q = /* @__PURE__ */ ie({
         class: "f-icon modal_close"
       }, null)])]);
     }
-    function Ie() {
+    function Re() {
       return g("div", {
         class: "modal-footer",
-        style: Oe.value
-      }, [c.value && c.value.map((a) => {
+        style: Se.value
+      }, [d.value && d.value.map((a) => {
         const x = o(a.disabled);
         return g("button", {
           name: a.name,
@@ -864,106 +868,108 @@ const Q = /* @__PURE__ */ ie({
           disabled: x.value,
           class: a.class + (a.iconClass ? " btn-icontext" : ""),
           onClick: (X) => {
-            Pe(a, X);
+            ze(a, X);
           }
         }, [!!a.iconClass && g("i", {
           class: a.iconClass
         }, null), a.text]);
       })]);
     }
-    function He() {
+    function Le() {
       return g("div", {
-        ref: D,
+        ref: V,
         class: "modal-header",
-        style: Me.value
+        style: Te.value
       }, [t.slots.headerTemplate ? t.slots.headerTemplate() : g("div", {
         class: "modal-title"
-      }, [w.value && g("span", {
+      }, [C.value && g("span", {
         class: m.value,
         style: "margin-right: 8px"
       }, null), g("span", {
         class: "modal-title-label"
-      }, [S.value])]), g("div", {
+      }, [z.value])]), g("div", {
         class: "actions"
-      }, [Se()])]);
+      }, [He()])]);
     }
-    function Re() {
-      return t.slots.footerTemplate ? t.slots.footerTemplate() : L.value && Ie();
+    function je() {
+      return t.slots.footerTemplate ? t.slots.footerTemplate() : L.value && Re();
     }
-    function Le(a) {
+    function Fe(a) {
       if (a.stopPropagation(), e.allowClickMaskToClose) {
         if (a.target !== H.value)
           return;
         M(a, !1);
       }
     }
-    function je() {
+    function We() {
       var a, x;
       return g("div", {
         id: s.value,
-        class: pe.value,
-        style: Ce.value,
+        class: xe.value,
+        style: Be.value,
         ref: h
       }, [g("div", {
-        class: Be.value
-      }, [f.value && He(), g("div", {
-        class: Te.value
-      }, [(x = (a = t.slots).default) == null ? void 0 : x.call(a), C.value === "iframe" && g("iframe", {
+        class: ke.value
+      }, [f.value && Le(), g("div", {
+        class: Oe.value
+      }, [(x = (a = t.slots).default) == null ? void 0 : x.call(a), w.value === "iframe" && g("iframe", {
         title: s.value,
         class: "f-utils-fill",
         width: "100%",
         frameborder: "0",
         src: y.value
-      }, null)]), Re()]), !u.value && h.value && !j.value && _(h.value)]);
+      }, null)]), je()]), !u.value && h.value && !j.value && J(h.value)]);
     }
-    function Fe(a) {
+    function Ve(a) {
       return a || "body";
     }
-    return () => g(ce, {
-      to: Fe(e.host)
+    return Xe(() => {
+      ee.value && (ce.value = fe() || 1050);
+    }), () => g(ve, {
+      to: Ve(e.host)
     }, {
-      default: () => [ne.value && g(Ne, {
+      default: () => [ee.value && g(Ue, {
         name: "fade",
         appear: !0
       }, {
         default: () => [g("div", {
           ref: H,
-          class: be.value,
-          style: xe.value,
-          onClick: Le
-        }, [je()])]
+          class: Ce.value,
+          style: Me.value,
+          onClick: Fe
+        }, [We()])]
       })]
     });
   }
 });
-function he(e) {
+function ye(e) {
   if (e.content && e.content.render)
     return e.content.render;
   if (e.render && typeof e.render == "function")
     return e.render;
 }
-function ht(e) {
+function yt(e) {
   const t = document.createElement("div");
   t.style.display = "contents";
-  const n = de({
+  const n = he({
     setup(l, i) {
       se(() => {
         document.body.removeChild(t);
       });
-      const s = o(), d = o(e.class || ""), u = o(!!e.showButtons), f = o(!!e.showHeader), m = o(e.showCloseButton == null ? !0 : e.showCloseButton), b = o(!0), p = o(e.title || ""), k = e.acceptCallback || (() => {
-      }), C = e.rejectCallback || (() => {
+      const s = o(), c = o(e.class || ""), u = o(!!e.showButtons), f = o(!!e.showHeader), m = o(e.showCloseButton == null ? !0 : e.showCloseButton), b = o(!0), p = o(e.title || ""), k = e.acceptCallback || (() => {
+      }), w = e.rejectCallback || (() => {
       }), y = e.closedCallback || ((H) => {
       }), B = e.resizeHandle || ((H) => {
       }), O = e.stopMoveHandle || ((H) => {
-      }), S = he(e), I = (H) => {
+      }), z = ye(e), I = (H) => {
         b.value = !1, n.unmount(), y(H);
       };
-      return te(() => {
+      return ne(() => {
       }), i.expose({
         modalRef: s
       }), () => g(Q, {
         ref: s,
-        class: d.value,
+        class: c.value,
         modelValue: b.value,
         "onUpdate:modelValue": (H) => b.value = H,
         title: p.value,
@@ -975,26 +981,26 @@ function ht(e) {
         "show-close-button": m.value,
         "show-max-button": !1,
         onAccept: k,
-        onCancel: C,
+        onCancel: w,
         fitContent: e.fitContent == null ? !0 : e.fitContent,
         onClosed: I,
         onResize: B,
         onStopMove: O
       }, {
-        default: () => [S && S(n)]
+        default: () => [z && z(n)]
       });
     }
   });
-  return document.body.appendChild(t), n.use(ee.i18n), n.mount(t), n;
+  return document.body.appendChild(t), n.use(te.i18n), n.mount(t), n;
 }
-class mt {
+class bt {
   constructor(t) {
-    G(this, "appContext", null);
-    G(this, "modalRef", o());
-    G(this, "activeModalIndex", o(0));
-    G(this, "modalRefs", {});
-    G(this, "isUseEscCloseModal", o(!1));
-    G(this, "activeModalInstance", T(() => this.modalRefs[this.activeModalIndex.value]));
+    $(this, "appContext", null);
+    $(this, "modalRef", o());
+    $(this, "activeModalIndex", o(0));
+    $(this, "modalRefs", {});
+    $(this, "isUseEscCloseModal", o(!1));
+    $(this, "activeModalInstance", T(() => this.modalRefs[this.activeModalIndex.value]));
     this.app = t, this.appContext = t ? t._context : null;
   }
   getCurrentModal() {
@@ -1019,7 +1025,7 @@ class mt {
       showButtons: !0,
       showHeader: !0
     }, t);
-    return ht(n);
+    return yt(n);
   }
   close(t) {
     var n, l;
@@ -1028,26 +1034,26 @@ class mt {
   open(t) {
     const n = document.createDocumentFragment();
     t.showMaxButton && t.fitContent && (t.showMaxButton = !1);
-    const l = Ae(Object.assign({
+    const l = Ke(Object.assign({
       title: "",
       showButtons: !0,
       showHeader: !0
     }, t)), i = o(!0), s = l.value.acceptCallback || (() => {
-    }), d = l.value.rejectCallback || (() => {
+    }), c = l.value.rejectCallback || (() => {
     }), u = l.value.closedCallback || ((M, R) => {
     }), f = l.value.resizeHandle || ((M) => {
     }), m = t.stopMoveHandle || ((M) => {
     });
     let b;
-    const p = he(l.value), k = (M) => {
-      var c;
+    const p = ye(l.value), k = (M) => {
+      var d;
       i.value = !1;
-      const R = (c = M == null ? void 0 : M.target) == null ? void 0 : c.classList.contains("modal_close");
+      const R = (d = M == null ? void 0 : M.target) == null ? void 0 : d.classList.contains("modal_close");
       u(M, this.isUseEscCloseModal.value ? "esc" : R ? "icon" : "button");
-    }, C = (M) => {
+    }, w = (M) => {
       k(M), b && Z(() => {
         if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], oe(null, n), b = null, this.modalRef.value = null, this.modalRefs) {
-          const R = Object.keys(this.modalRefs).map((c) => Number(c));
+          const R = Object.keys(this.modalRefs).map((d) => Number(d));
           R.length > 0 ? this.activeModalIndex.value = Math.max(...R) : this.activeModalIndex.value = 0;
         }
         this.isUseEscCloseModal.value = !1;
@@ -1058,16 +1064,17 @@ class mt {
     }, {
       width: B,
       height: O
-    } = l.value, S = this.adaptToWindow(B || 500, O || 320);
-    Object.assign(l.value, S);
-    const I = () => g(Q, fe({
+    } = l.value, z = this.adaptToWindow(B || 500, O || 320);
+    Object.assign(l.value, z);
+    const I = () => g(Q, me({
       ref: this.modalRef,
       modelValue: i.value,
       "onUpdate:modelValue": (M) => i.value = M
     }, l.value, {
+      isMessager: l.value.class && l.value.class.indexOf("modal-message") > -1,
       onAccept: s,
-      onCancel: d,
-      onClosed: C,
+      onCancel: c,
+      onClosed: w,
       onResize: f,
       onEsc: y,
       onStopMove: m
@@ -1075,7 +1082,7 @@ class mt {
       default: () => [p && p(this.app)]
     });
     return b = ((M) => {
-      const R = Xe(I, M);
+      const R = Ye(I, M);
       return R.appContext = this.appContext, oe(R, n), R;
     })({
       ...l.value
@@ -1085,23 +1092,23 @@ class mt {
         l.value = {
           ...l.value,
           ...M
-        }, b && oe(Ue(b, {
+        }, b && oe(Ge(b, {
           ...l
         }), n);
       },
-      destroy: C,
+      destroy: w,
       modalRef: this.activeModalInstance,
       close: () => this.close()
     };
   }
 }
-const me = Symbol("FModalService");
+const be = Symbol("FModalService");
 Q.install = (e) => {
   e.component(Q.name, Q);
-  const t = new mt(e);
-  e.provide(me, t), e.provide("FModalService", t);
+  const t = new bt(e);
+  e.provide(be, t), e.provide("FModalService", t);
 };
-function ge(e, t) {
+function pe(e, t) {
   function n() {
     const l = e.beforeOpen || e.beforeClickButton || null;
     let i = Promise.resolve(!0);
@@ -1115,30 +1122,30 @@ function ge(e, t) {
   }
   return { judgeCanOpen: n };
 }
-function gt(e, t, n, l, i) {
-  const s = o(e.buttonBehavior), d = o(e.popupOnInput), u = T(() => ({
+function pt(e, t, n, l, i) {
+  const s = o(e.buttonBehavior), c = o(e.popupOnInput), u = T(() => ({
     "input-group-append": !0,
     "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
-  })), { judgeCanOpen: f } = ge(e, i), m = T(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), b = Ke(me, null), p = o();
+  })), { judgeCanOpen: f } = pe(e, i), m = T(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), b = $e(be, null), p = o();
   async function k(B) {
     if (await f() && m.value) {
       const O = !!t.slots.default;
       if (s.value === "Modal") {
-        const S = e.modalOptions, I = b == null ? void 0 : b.open({
-          ...S,
+        const z = e.modalOptions, I = b == null ? void 0 : b.open({
+          ...z,
           render: () => t.slots.default && t.slots.default()
         });
         p.value = I == null ? void 0 : I.modalRef;
       }
-      s.value === "Overlay" && st.show({
+      s.value === "Overlay" && dt.show({
         // host: buttonEditRef.value,
         host: document.body,
         backgroundColor: "rgba(0,0,0,.15)",
         render: () => t.slots.default && t.slots.default()
-      }), O && s.value === "Popup" && l.togglePopup(!0), O && d.value && l.hidePopup(), t.emit("clickButton", { origin: B, value: e.modelValue });
+      }), O && s.value === "Popup" && l.togglePopup(!0), O && c.value && l.hidePopup(), t.emit("clickButton", { origin: B, value: e.modelValue });
     }
   }
-  function C(B) {
+  function w(B) {
     t.emit("mouseEnterIcon", B);
   }
   function y(B) {
@@ -1147,22 +1154,22 @@ function gt(e, t, n, l, i) {
   return {
     buttonGroupClass: u,
     onClickButton: k,
-    onMouseEnterButton: C,
+    onMouseEnterButton: w,
     onMouseLeaveButton: y,
     modalRef: p
   };
 }
-function yt(e, t, n, l, i, s) {
-  const d = o(!1), u = T(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: f, hasClearClass: m } = s;
+function wt(e, t, n, l, i, s) {
+  const c = o(!1), u = T(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: f, hasClearClass: m } = s;
   function b(y) {
-    d.value = y, m.value = y;
+    c.value = y, m.value = y;
   }
   U(i, () => {
     b(!!i.value);
   });
   function p(y) {
     const B = !e.readonly && !e.disable && e.editable, O = !e.editable;
-    y.stopPropagation(), (B || O) && (f(""), i.value = "", b(!d.value), t.emit("clear"));
+    y.stopPropagation(), (B || O) && (f(""), i.value = "", b(!c.value), t.emit("clear"));
   }
   function k(y) {
     if (u.value) {
@@ -1173,19 +1180,19 @@ function yt(e, t, n, l, i, s) {
       !e.disable && !e.readonly && b(!0);
     }
   }
-  function C(y) {
+  function w(y) {
     u.value && b(!1);
   }
   return {
     enableClearButton: u,
-    showClearButton: d,
+    showClearButton: c,
     onClearValue: p,
     onMouseEnterTextBox: k,
-    onMouseLeaveTextBox: C
+    onMouseLeaveTextBox: w
   };
 }
-function bt(e, t, n, l, i) {
-  const s = T(() => e.popupOnInput), d = T(() => e.popupOnFocus), { shouldPopupContent: u, closeAllPopover: f } = i, m = o(!1), b = T(() => e.enableTitle ? n.value : ""), p = T(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), k = T(() => e.readonly || !e.editable), C = o(!1), y = T(() => !e.disable && C.value), B = T(() => ({
+function Ct(e, t, n, l, i) {
+  const s = T(() => e.popupOnInput), c = T(() => e.popupOnFocus), { shouldPopupContent: u, closeAllPopover: f } = i, m = o(!1), b = T(() => e.enableTitle ? n.value : ""), p = T(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), k = T(() => e.readonly || !e.editable), w = o(!1), y = T(() => !e.disable && w.value), B = T(() => ({
     "text-left": e.textAlign === "left",
     "text-center": e.textAlign === "center",
     "text-right": e.textAlign === "right",
@@ -1199,11 +1206,11 @@ function bt(e, t, n, l, i) {
     "f-state-focus": y.value,
     "input-group--has-clear": e.enableClear && m.value
   }));
-  function S(h, j = !0) {
+  function z(h, j = !0) {
     n.value = h, j && (t.emit("change", h), t.emit("update:modelValue", h));
   }
   function I(h) {
-    u.value = !1, S(h, !0);
+    u.value = !1, z(h, !0);
   }
   U(
     () => e.modelValue,
@@ -1212,31 +1219,31 @@ function bt(e, t, n, l, i) {
     }
   );
   function H(h) {
-    C.value = !1, t.emit("blur", h), h.stopPropagation();
+    w.value = !1, t.emit("blur", h), h.stopPropagation();
   }
   function A(h) {
     t.emit("click", h), f(), t.slots.default && !e.disable && !e.readonly && e.popupOnClick && i.togglePopup();
   }
   function M(h) {
-    !e.disable && !e.readonly && (C.value = !0, k.value || (t.emit("focus", h), d.value && !u.value && i.popup()));
+    !e.disable && !e.readonly && (w.value = !0, k.value || (t.emit("focus", h), c.value && !u.value && i.popup()));
   }
   function R(h) {
     t.emit("input", h);
     const j = h.target.value;
-    l.value = j, n.value !== j && S(j, e.updateOn === "change"), s.value && !u.value && i.popup();
+    l.value = j, n.value !== j && z(j, e.updateOn === "change"), s.value && !u.value && i.popup();
   }
-  function c(h) {
+  function d(h) {
     h.target.tagName !== "INPUT" && h.preventDefault(), h.stopPropagation();
   }
-  function w(h) {
+  function C(h) {
     t.emit("keydown", h);
   }
   function L(h) {
-    h.key === "Enter" && (s.value || d.value) && i.hidePopup(), t.emit("keyup", h);
+    h.key === "Enter" && (s.value || c.value) && i.hidePopup(), t.emit("keyup", h);
   }
-  function D(h) {
+  function V(h) {
     const j = h.target.value;
-    h.stopPropagation(), S(j);
+    h.stopPropagation(), z(j);
   }
   return {
     hasFocusedTextBox: y,
@@ -1246,47 +1253,47 @@ function bt(e, t, n, l, i) {
     textBoxTitle: b,
     inputGroupClass: O,
     hasClearClass: m,
-    changeTextBoxValue: S,
+    changeTextBoxValue: z,
     commitValue: I,
     onBlurTextBox: H,
     onClickTextBox: A,
     onFocusTextBox: M,
     onInput: R,
-    onKeyDownTextBox: w,
+    onKeyDownTextBox: C,
     onKeyUpTextBox: L,
-    onMouseDownTextBox: c,
-    onTextBoxValueChange: D
+    onMouseDownTextBox: d,
+    onTextBoxValueChange: V
   };
 }
 const q = "FarrisVue_PopoverInstancesKey";
-function pt(e, t, n, l) {
-  const i = o(), s = o(!1), { judgeCanOpen: d } = ge(e, l);
-  U(() => i.value, (C, y) => {
-    window[q] = window[q] || /* @__PURE__ */ new WeakMap(), C ? window[q].set(n.value, C) : window[q].delete(n.value);
+function xt(e, t, n, l) {
+  const i = o(), s = o(!1), { judgeCanOpen: c } = pe(e, l);
+  U(() => i.value, (w, y) => {
+    window[q] = window[q] || /* @__PURE__ */ new WeakMap(), w ? window[q].set(n.value, w) : window[q].delete(n.value);
   });
   function u() {
     if (window[q]) {
-      const C = window[q];
+      const w = window[q];
       document.querySelectorAll(".f-button-edit,.v-popover").forEach((y) => {
-        const B = C.get(y);
+        const B = w.get(y);
         B && y !== n.value && !n.value.closest(".popover-fitcontent") && B.hide();
       });
     }
   }
   function f() {
-    const C = i.value;
-    C && C.show(n.value);
+    const w = i.value;
+    w && w.show(n.value);
   }
-  async function m(C = !1) {
+  async function m(w = !1) {
     if (!!t.slots.default) {
-      if (!C && !s.value && !await d())
+      if (!w && !s.value && !await c())
         return;
       s.value = !s.value, s.value && (await Z(), f());
     }
   }
-  async function b(C = !1) {
+  async function b(w = !1) {
     if (!!t.slots.default) {
-      if (!C && !await d())
+      if (!w && !await c())
         return;
       s.value = !0, await Z(), f();
     }
@@ -1301,39 +1308,39 @@ function pt(e, t, n, l) {
   }
   return { hidePopup: p, showPopup: k, popup: b, shouldPopupContent: s, togglePopup: m, popoverRef: i, closeAllPopover: u };
 }
-function Ct(e, t, n) {
+function Bt(e, t, n) {
   const l = o(), {
     isTextBoxReadonly: i,
     textBoxClass: s,
-    textBoxPlaceholder: d,
+    textBoxPlaceholder: c,
     textBoxTitle: u,
     onBlurTextBox: f,
     onClickTextBox: m,
     onFocusTextBox: b,
     onInput: p,
     onKeyDownTextBox: k,
-    onKeyUpTextBox: C,
+    onKeyUpTextBox: w,
     onMouseDownTextBox: y,
     onTextBoxValueChange: B
   } = n, O = o(e.id), {
-    uuid: S
-  } = Ze(), I = T(() => ({
+    uuid: z
+  } = tt(), I = T(() => ({
     // 'border-top-right-radius': '6px',
     // 'border-bottom-right-radius': '6px'
   }));
-  te(() => {
-    var c, w;
-    e.selectOnCreated && ((c = l.value) == null || c.select()), e.focusOnCreated && ((w = l.value) == null || w.focus({
+  ne(() => {
+    var d, C;
+    e.selectOnCreated && ((d = l.value) == null || d.select()), e.focusOnCreated && ((C = l.value) == null || C.focus({
       preventScroll: !0
-    })), O.value || (O.value = "button-edit_" + S(8)), O.value = O.value + "-textbox";
+    })), O.value || (O.value = "button-edit_" + z(8)), O.value = O.value + "-textbox";
   });
-  const H = o(!1), A = (c) => {
-    c.preventDefault(), H.value = !0;
-  }, M = (c) => {
-    c.preventDefault(), H.value = !1, p(c);
+  const H = o(!1), A = (d) => {
+    d.preventDefault(), H.value = !0;
+  }, M = (d) => {
+    d.preventDefault(), H.value = !1, p(d);
   };
-  function R(c) {
-    H.value || p(c);
+  function R(d) {
+    H.value || p(d);
   }
   return () => g("input", {
     id: e.id ? e.id + "-textbox" : void 0,
@@ -1345,7 +1352,7 @@ function Ct(e, t, n) {
     disabled: e.disable,
     maxlength: e.maxLength,
     minlength: e.minLength,
-    placeholder: d.value,
+    placeholder: c.value,
     readonly: i.value,
     tabindex: e.tabIndex,
     title: u.value,
@@ -1357,16 +1364,16 @@ function Ct(e, t, n) {
     onFocus: b,
     onInput: R,
     onKeydown: k,
-    onKeyup: C,
+    onKeyup: w,
     onMousedown: y,
     onCompositionend: M,
     onCompositionstart: A
   }, null);
 }
-function wt(e, t, n) {
+function Mt(e, t, n) {
   const l = o(e.separator), i = T(() => e.readonly || e.disable), {
     changeTextBoxValue: s,
-    onFocusTextBox: d,
+    onFocusTextBox: c,
     onBlurTextBox: u,
     onClickTextBox: f,
     textBoxPlaceholder: m
@@ -1381,15 +1388,15 @@ function wt(e, t, n) {
     l.value = y;
   });
   const k = o(!e.disable && !e.readonly);
-  U([() => e.disable, () => e.readonly], ([y, B], [O, S]) => {
+  U([() => e.disable, () => e.readonly], ([y, B], [O, z]) => {
     k.value = !y && !B;
   });
-  function C(y) {
+  function w(y) {
     f(y);
   }
-  return () => g(et, {
+  return () => g(lt, {
     tabindex: e.tabIndex,
-    onFocus: d,
+    onFocus: c,
     onBlur: u,
     id: `${e.id}-tag-editor`,
     class: "form-control",
@@ -1399,58 +1406,58 @@ function wt(e, t, n) {
     showInput: !0,
     disable: i.value,
     onChange: p,
-    onClick: C
+    onClick: w
   }, null);
 }
-function xt(e, t, n, l) {
+function kt(e, t, n, l) {
   const {
     buttonGroupClass: i,
     onClickButton: s,
-    onMouseEnterButton: d,
+    onMouseEnterButton: c,
     onMouseLeaveButton: u
   } = n, {
     enableClearButton: f,
     showClearButton: m,
     onClearValue: b
-  } = l, p = o(), k = tt((y) => {
+  } = l, p = o(), k = at((y) => {
     s(y);
-  }, e.buttonBehavior === "Modal" ? 0 : 200), C = () => {
+  }, e.buttonBehavior === "Modal" ? 0 : 200), w = () => {
     t.emit("beforeClearValue");
   };
   return {
     renderButtonGroup: () => g("div", {
       id: e.id ? `${e.id}-button-group` : void 0,
       class: i.value
-    }, [f.value && Ye(g("span", {
+    }, [f.value && qe(g("span", {
       class: "input-group-text input-group-clear",
       onClick: b,
-      onMousedown: C
+      onMousedown: w
     }, [g("i", {
       class: "f-icon modal_close"
-    }, null)]), [[Ge, m.value]]), t.slots.buttonContent ? g("span", {
+    }, null)]), [[_e, m.value]]), t.slots.buttonContent ? g("span", {
       class: "input-group-text input-group-append-button",
       onClick: k,
-      onMouseenter: d,
+      onMouseenter: c,
       onMouseleave: u
     }, [t.slots.buttonContent()]) : e.buttonContent ? g("span", {
       class: "input-group-text input-group-append-button",
       innerHTML: e.buttonContent,
       ref: p,
       onClick: (y) => k(y),
-      onMouseenter: d,
+      onMouseenter: c,
       onMouseleave: u
     }, null) : null]),
     buttonHandleElement: p
   };
 }
-function Bt(e, t, n) {
+function Tt(e, t, n) {
   const l = o(e.popupMinWidth), {
     hidePopup: i,
     popoverRef: s
-  } = n, d = () => {
+  } = n, c = () => {
     t.emit("shown");
   };
-  return () => g(nt, {
+  return () => g(ot, {
     id: `${e.id}-popover`,
     ref: s,
     placement: e.placement,
@@ -1462,7 +1469,7 @@ function Bt(e, t, n) {
     class: e.popupClass,
     offsetX: e.popupOffsetX,
     onHidden: i,
-    onShown: d,
+    onShown: c,
     beforeClose: e.beforeClosePopup,
     limitContentBySpace: e.limitContentBySpace
   }, {
@@ -1472,22 +1479,22 @@ function Bt(e, t, n) {
     }
   });
 }
-const Mt = /* @__PURE__ */ ie({
+const Et = /* @__PURE__ */ ie({
   name: "FButtonEdit",
-  props: lt,
+  props: ut,
   emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue", "beforeClearValue"],
   setup(e, t) {
-    const n = o(), l = o(e.customClass), i = o(e.modelValue), s = pt(e, t, n, i), {
-      shouldPopupContent: d,
+    const n = o(), l = o(e.customClass), i = o(e.modelValue), s = xt(e, t, n, i), {
+      shouldPopupContent: c,
       hidePopup: u,
       showPopup: f,
       togglePopup: m
-    } = s, b = gt(e, t, n, s, i), p = o(""), k = bt(e, t, i, p, s), {
-      hasFocusedTextBox: C,
+    } = s, b = pt(e, t, n, s, i), p = o(""), k = Ct(e, t, i, p, s), {
+      hasFocusedTextBox: w,
       commitValue: y,
       inputGroupClass: B
-    } = k, O = yt(e, t, i, C, p, k), {
-      onMouseEnterTextBox: S,
+    } = k, O = wt(e, t, i, w, p, k), {
+      onMouseEnterTextBox: z,
       onMouseLeaveTextBox: I
     } = O, H = o(!1), A = T(() => {
       const P = {
@@ -1495,47 +1502,47 @@ const Mt = /* @__PURE__ */ ie({
         "f-cmp-inputgroup": !0,
         "f-button-edit-nowrap": !e.wrapText
       };
-      return l.value && l.value.split(" ").reduce((V, r) => (V[r] = !0, V), P), P;
+      return l.value && l.value.split(" ").reduce((D, r) => (D[r] = !0, D), P), P;
     }), M = T(() => ({
       overflow: e.wrapText ? "hidden" : ""
     })), R = T(() => ({
       // paddingLeft: '3px',
       // backgroundColor: '#fff'
     }));
-    function c() {
+    function d() {
       if (!e.multiSelect || e.inputType !== "tag" || !n.value)
         return 0;
       let P = 0;
-      const V = Array.from(n.value.querySelectorAll(".farris-tag-item"));
-      return V && V.length && (P = V.map((r) => r.offsetTop).filter((r) => r > 20).length), P;
+      const D = Array.from(n.value.querySelectorAll(".farris-tag-item"));
+      return D && D.length && (P = D.map((r) => r.offsetTop).filter((r) => r > 20).length), P;
     }
-    const w = o(c());
-    qe(() => {
-      w.value = c();
+    const C = o(d());
+    Je(() => {
+      C.value = d();
     });
     function L() {
-      return e.multiSelect && e.inputType === "tag" ? () => g(ue, null, [wt(e, i, k)(), !!w.value && g("div", {
+      return e.multiSelect && e.inputType === "tag" ? () => g(ue, null, [Mt(e, i, k)(), !!C.value && g("div", {
         class: "d-flex flex-row mr-2 more-tags",
         "more-tags": !0
       }, [g("span", {
         class: "multi--more-text"
-      }, [_e("+"), w.value])])]) : Ct(e, i, k);
+      }, [Qe("+"), C.value])])]) : Bt(e, i, k);
     }
-    let D = L();
+    let V = L();
     U([() => e.multiSelect, () => e.inputType], () => {
-      D = L();
+      V = L();
     });
     const {
       renderButtonGroup: h,
       buttonHandleElement: j
-    } = xt(e, t, b, O), _ = Bt(e, t, s), K = o(d.value), Y = {
+    } = kt(e, t, b, O), J = Tt(e, t, s), K = o(c.value), G = {
       displayText: p,
       commitValue: y,
       elementRef: n,
       hidePopup: u,
       showPopup: f,
       popoverRef: s.popoverRef,
-      shouldPopupContent: d,
+      shouldPopupContent: c,
       togglePopup: m,
       openDialog: () => {
         j.value && e.buttonBehavior === "Modal" && j.value.click();
@@ -1549,17 +1556,17 @@ const Mt = /* @__PURE__ */ ie({
         return (P = n.value) == null ? void 0 : P.querySelector("input");
       },
       forceClosePopup: () => {
-        K.value = !1, H.value = !0, d.value = !1;
+        K.value = !1, H.value = !0, c.value = !1;
       }
     };
-    return te(() => {
-      n.value.componentInstance = Y, window.onresize = () => {
+    return ne(() => {
+      n.value.componentInstance = G, window.onresize = () => {
         document.body.click();
       };
-    }), $e(() => {
+    }), Ze(() => {
       var P;
       window.onresize = null, (P = window[q]) == null || P.delete(n.value);
-    }), t.expose(Y), U(() => d.value, async (P, V) => {
+    }), t.expose(G), U(() => c.value, async (P, D) => {
       if (H.value) {
         K.value = P, H.value = !1;
         return;
@@ -1567,16 +1574,16 @@ const Mt = /* @__PURE__ */ ie({
       if (!P && e.beforeClosePopup && typeof e.beforeClosePopup == "function") {
         try {
           const r = await e.beforeClosePopup();
-          K.value = !r, (!r || e.readonly) && (d.value = !0);
+          K.value = !r, (!r || e.readonly) && (c.value = !0);
         } catch (r) {
-          console.error("Error in beforeClosePopup:", r), K.value = V, d.value = V;
+          console.error("Error in beforeClosePopup:", r), K.value = D, c.value = D;
         }
         return;
       }
       K.value = P;
     }), () => {
-      var P, V;
-      return g(ue, null, [g("div", fe(t.attrs, {
+      var P, D;
+      return g(ue, null, [g("div", me(t.attrs, {
         ref: n,
         class: A.value,
         id: e.id ? e.id : void 0,
@@ -1585,14 +1592,14 @@ const Mt = /* @__PURE__ */ ie({
         id: e.id ? `${e.id}-input-group` : void 0,
         class: B.value,
         style: R.value,
-        onMouseenter: S,
+        onMouseenter: z,
         onMouseleave: I
-      }, [(V = (P = t.slots).precontent) == null ? void 0 : V.call(P), D(), h()])]), K.value && _()]);
+      }, [(D = (P = t.slots).precontent) == null ? void 0 : D.call(P), V(), h()])]), K.value && J()]);
     };
   }
-}), Ht = Qe(Mt);
+}), jt = nt(Et);
 export {
-  Mt as FButtonEdit,
-  lt as buttonEditProps,
-  Ht as default
+  Et as FButtonEdit,
+  ut as buttonEditProps,
+  jt as default
 };