@farris/ui-vue 1.8.5-beta.3 → 1.8.5-beta.4

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

@@ -1,19 +1,19 @@
 var $e = Object.defineProperty;
 var _e = (e, t, n) => t in e ? $e(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var J = (e, t, n) => _e(e, typeof t != "symbol" ? t + "" : t, n);
-import { ref as o, onMounted as ae, defineComponent as de, computed as z, createVNode as m, Teleport as be, createApp as we, onUnmounted as fe, Fragment as ee, watch as U, nextTick as Z, onBeforeMount as Je, watchEffect as Ze, Transition as Qe, shallowRef as et, render as ie, h as tt, cloneVNode as nt, mergeProps as re, inject as lt, withDirectives as at, vShow as ot, createTextVNode as ce, onUpdated as ut, onBeforeUnmount as st } from "vue";
+import { ref as o, onMounted as oe, defineComponent as de, computed as z, createVNode as m, Teleport as be, createApp as we, onUnmounted as fe, Fragment as ee, watch as U, nextTick as Z, onBeforeMount as Je, watchEffect as Ze, Transition as Qe, mergeProps as ae, shallowRef as et, render as re, h as tt, cloneVNode as nt, inject as lt, withDirectives as at, vShow as ot, createTextVNode as ce, onUpdated as ut, onBeforeUnmount as st } from "vue";
 import { LocaleService as le } from "../locale/index.esm.js";
-import { isMobilePhone as te, getMaxZIndex as pe, useGuid as it, withInstall as rt } from "../common/index.esm.js";
+import { isMobilePhone as te, getMaxZIndex as pe, extractDataAttrs as it, useGuid as rt, withInstall as ct } from "../common/index.esm.js";
 import ve from "../drawer/index.esm.js";
 import "../property-panel/index.esm.js";
 import "../button/index.esm.js";
 import "../field-selector/index.esm.js";
 import "../collection-property-editor/index.esm.js/src/use-button-items.designer";
-import ct from "../tags/index.esm.js";
+import dt from "../tags/index.esm.js";
 import { debounce as Ce } from "lodash-es";
-import { useInputExpand as dt } from "../common/index.esm.js/text-box/use-input-expand";
-import ft from "../popover/index.esm.js";
-const vt = {
+import { useInputExpand as ft } from "../common/index.esm.js/text-box/use-input-expand";
+import vt from "../popover/index.esm.js";
+const ht = {
   /**
    * 标记组件的唯一标识
    */
@@ -184,23 +184,23 @@ const vt = {
    * 扩展按钮是否禁用
    */
   expandDisabled: { type: Boolean, default: !1 }
-}, ht = {
+}, mt = {
   popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
   host: { type: Object },
   backgroundColor: { type: String, default: "" }
 };
-function mt() {
+function gt() {
   const e = o(!1);
-  return ae(() => {
+  return oe(() => {
     e.value = !0;
   }), e;
 }
-const gt = /* @__PURE__ */ de({
+const yt = /* @__PURE__ */ de({
   name: "FOverlay",
-  props: ht,
+  props: mt,
   emits: ["click"],
   setup(e, t) {
-    const n = o(e.popupContentPosition), a = o(e.host), u = mt(), r = z(() => ({
+    const n = o(e.popupContentPosition), a = o(e.host), u = gt(), r = z(() => ({
       backgroundColor: e.backgroundColor || "",
       pointerEvents: "auto"
     }));
@@ -243,13 +243,13 @@ const gt = /* @__PURE__ */ de({
     }) : null;
   }
 });
-function yt(e) {
+function pt(e) {
   if (e.content && e.content.render)
     return e.content.render;
   if (e.render && typeof e.render == "function")
     return e.render;
 }
-function pt(e) {
+function bt(e) {
   const t = document.createElement("div");
   t.style.display = "contents";
   let n;
@@ -262,8 +262,8 @@ function pt(e) {
       fe(() => {
         document.body.removeChild(t);
       });
-      const r = yt(e);
-      return () => m(gt, {
+      const r = pt(e);
+      return () => m(yt, {
         "popup-content-position": e.popupPosition,
         host: e.host,
         onClick: u,
@@ -274,12 +274,12 @@ function pt(e) {
     }
   }), document.body.appendChild(t), n.mount(t), n;
 }
-class bt {
+class wt {
   static show(t) {
-    return pt(t);
+    return bt(t);
   }
 }
-const wt = {
+const Ct = {
   /**
    * 允许点击蒙层关闭对话框
    * @default false
@@ -497,7 +497,7 @@ class q {
     return this.width = t.width, this.height = t.height, this;
   }
 }
-function Ct(e, t) {
+function xt(e, t) {
   const n = o(), a = o(), u = o(), r = o(), c = o(), d = o(), i = o(), v = o(), w = o(), g = o(), C = o(), x = o(e.resizeable), M = o(), T = o(e.draggable), O = o(!1);
   function y() {
     const s = a.value || document.body, f = window.getComputedStyle(s);
@@ -505,8 +505,8 @@ function Ct(e, t) {
       return;
     const E = W.getTransformInfo(n.value), I = {};
     i.value && (I.deltaL = n.value.offsetLeft - i.value.x, I.deltaT = n.value.offsetTop - i.value.y);
-    const N = f.getPropertyValue("position");
-    I.width = s.clientWidth, I.height = s.clientHeight, I.pr = parseInt(f.getPropertyValue("padding-right"), 10), I.pb = parseInt(f.getPropertyValue("padding-bottom"), 10), I.position = f.getPropertyValue("position"), N === "static" && (s.style.position = "relative"), I.translateX = E.x, I.translateY = E.y, g.value = I;
+    const A = f.getPropertyValue("position");
+    I.width = s.clientWidth, I.height = s.clientHeight, I.pr = parseInt(f.getPropertyValue("padding-right"), 10), I.pb = parseInt(f.getPropertyValue("padding-bottom"), 10), I.position = f.getPropertyValue("position"), A === "static" && (s.style.position = "relative"), I.translateX = E.x, I.translateY = E.y, g.value = I;
   }
   function k(s) {
     if (n.value) {
@@ -523,8 +523,8 @@ function Ct(e, t) {
   function S() {
     var s, f, E, I;
     if (n.value) {
-      const N = n.value;
-      v.value && ((v.value.n || v.value.s) && ((s = d.value) != null && s.height) && (N.style.height = d.value.height + "px"), (v.value.w || v.value.e) && ((f = d.value) != null && f.width) && (N.style.width = d.value.width + "px"), i.value && ((E = i.value) != null && E.x && (N.style.left = i.value.x + "px"), (I = i.value) != null && I.y && (N.style.top = i.value.y + "px")));
+      const A = n.value;
+      v.value && ((v.value.n || v.value.s) && ((s = d.value) != null && s.height) && (A.style.height = d.value.height + "px"), (v.value.w || v.value.e) && ((f = d.value) != null && f.width) && (A.style.width = d.value.width + "px"), i.value && ((E = i.value) != null && E.x && (A.style.left = i.value.x + "px"), (I = i.value) != null && I.y && (A.style.top = i.value.y + "px")));
     }
   }
   function R() {
@@ -540,7 +540,7 @@ function Ct(e, t) {
       }
     }
   }
-  function V(s) {
+  function D(s) {
     if (!u.value || !r.value || !c.value || !v.value)
       return;
     s.subtract(u.value);
@@ -551,7 +551,7 @@ function Ct(e, t) {
     if (!w.value)
       return;
     const f = W.fromEvent(s);
-    f && V(f);
+    f && D(f);
   }
   function b() {
     if (n.value) {
@@ -560,15 +560,15 @@ function Ct(e, t) {
         height: f,
         x: E,
         y: I
-      } = n.value.getBoundingClientRect(), N = W.getTransformInfo(n.value);
+      } = n.value.getBoundingClientRect(), A = W.getTransformInfo(n.value);
       return {
         size: {
           width: s,
           height: f
         },
         position: {
-          x: E - N.x,
-          y: I - N.y
+          x: E - A.x,
+          y: I - A.y
         }
       };
     }
@@ -581,11 +581,11 @@ function Ct(e, t) {
     }
     u.value = void 0, r.value = null, c.value = null, d.value = null, i.value = null, v.value = null, w.value = null, document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", P);
   }
-  function D() {
+  function V() {
     document.addEventListener("mousemove", h), document.addEventListener("mouseup", P);
   }
   function p(s) {
-    s instanceof MouseEvent && s.button === 2 || T.value && (document.body.click(), s.stopPropagation(), s.preventDefault(), u.value = W.fromEvent(s), w.value = s.target, k(s), D());
+    s instanceof MouseEvent && s.button === 2 || T.value && (document.body.click(), s.stopPropagation(), s.preventDefault(), u.value = W.fromEvent(s), w.value = s.target, k(s), V());
   }
   function H(s) {
     return n.value = s, x.value && m(ee, null, [m("div", {
@@ -622,7 +622,7 @@ function Ct(e, t) {
       onMousedown: (f) => p(f)
     }, null)]);
   }
-  function A(s = !0) {
+  function N(s = !0) {
     document.body.click();
     const f = a.value || document.body, E = q.getCurrent(f), I = n.value;
     s && I && (M.value = b(), M.value.transform = I.style.transform), E && I && (d.value = E, d.value.height -= 14, d.value.width -= 14, I.style.height = d.value.height + "px", I.style.width = d.value.width + "px", I.style.left = "7px", I.style.top = "7px", I.style.transform = "", C.value = {
@@ -644,8 +644,8 @@ function Ct(e, t) {
         y: (window.innerHeight - E.height) / 2
       };
       (s = d.value) == null || s.set(E), (f = i.value) == null || f.set(I);
-      const N = n.value;
-      N.style.height = E.height + "px", N.style.width = E.width + "px", N.style.left = `${I.x}px`, N.style.top = `${I.y}px`, N.style.transform = "", C.value = {
+      const A = n.value;
+      A.style.height = E.height + "px", A.style.width = E.width + "px", A.style.left = `${I.x}px`, A.style.top = `${I.y}px`, A.style.transform = "", C.value = {
         size: E,
         position: I
       }, T.value = e.draggable, O.value = !1;
@@ -665,7 +665,7 @@ function Ct(e, t) {
   }
   function Y() {
     const s = () => {
-      O.value ? A(!1) : _(), document.body.click();
+      O.value ? N(!1) : _(), document.body.click();
     };
     return window.addEventListener("resize", s), () => {
       window.removeEventListener("resize", s);
@@ -676,7 +676,7 @@ function Ct(e, t) {
     renderResizeBar: H,
     boundingElement: a,
     resizedEventParam: C,
-    maximize: A,
+    maximize: N,
     restore: $,
     allowDrag: T,
     isMaximized: O,
@@ -684,7 +684,7 @@ function Ct(e, t) {
     moveToCenter: _
   };
 }
-function xt(e, t, n) {
+function Bt(e, t, n) {
   const a = o(), u = o(e.draggable), r = o(e.lockAxis), c = o(), d = o(), i = o(!1), v = o(new W(0, 0)), w = o(new W(0, 0)), g = o(new W(0, 0)), C = o(new W(0, 0));
   U(() => n.value, (h) => {
     c.value.style.cursor = h ? "move" : "default";
@@ -700,9 +700,9 @@ function xt(e, t, n) {
     return !1;
   }
   function M() {
-    var D, p;
+    var V, p;
     let h = g.value.x + w.value.x, b = g.value.y + w.value.y;
-    r.value === "x" ? (h = ((D = v.value) == null ? void 0 : D.x) || 0, g.value.x = 0) : r.value === "y" && (b = ((p = v.value) == null ? void 0 : p.y) || 0, g.value.y = 0);
+    r.value === "x" ? (h = ((V = v.value) == null ? void 0 : V.x) || 0, g.value.x = 0) : r.value === "y" && (b = ((p = v.value) == null ? void 0 : p.y) || 0, g.value.y = 0);
     const P = `translate3d(${Math.round(h)}px, ${Math.round(b)}px, 0px)`;
     a.value && (a.value.style.transform = P), C.value.x = h, C.value.y = b;
   }
@@ -750,7 +750,7 @@ function xt(e, t, n) {
     const b = h.target || h.srcElement;
     c.value !== void 0 && b && !x(b, c.value) || u.value !== !1 && (document.body.click(), h.stopPropagation(), h.preventDefault(), v.value = W.fromEvent(h, a.value), R(), S());
   }
-  function V(h, b, P) {
+  function D(h, b, P) {
     if (u.value && b) {
       if (h)
         c.value = h;
@@ -758,15 +758,15 @@ function xt(e, t, n) {
         if (e.dragHandle instanceof HTMLElement)
           c.value = e.dragHandle;
         else if (typeof e.dragHandle == "string") {
-          const D = b.querySelector(e.dragHandle);
-          D && (c.value = D);
+          const V = b.querySelector(e.dragHandle);
+          V && (c.value = V);
         }
       }
       a.value = b, d.value = P, c.value ? (c.value.classList.add("ng-draggable"), c.value.addEventListener("mousedown", F)) : u.value = !1;
     }
   }
   return {
-    registerDraggle: V,
+    registerDraggle: D,
     resetTranslate: R
   };
 }
@@ -780,7 +780,7 @@ function xe(e, t) {
     };
   }
 }
-function Bt(e, t) {
+function Mt(e, t) {
   const n = o(e.enableEsc);
   let a = null;
   return n.value ? (a = xe("Escape", (u) => {
@@ -789,7 +789,7 @@ function Bt(e, t) {
     remove: a
   }) : null;
 }
-function Mt(e, t) {
+function kt(e, t) {
   const n = o(e.enableEnter);
   let a = null;
   return n.value ? (a = xe("Enter", (u) => {
@@ -800,7 +800,7 @@ function Mt(e, t) {
 }
 const Q = /* @__PURE__ */ de({
   name: "FModal",
-  props: wt,
+  props: Ct,
   emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter", "stopMove", "buttonClick"],
   setup(e, t) {
     const n = o(e.width || 300), a = o(e.height || 200), u = o(e.modelValue), r = o(""), c = o(e.class), d = o(e.fitContent), i = o(e.showHeader), v = o(""), w = o(e.showCloseButton), g = o(e.showMaxButton), C = o(!1), x = o(e.dialogType), M = o(e.src), T = o(""), O = o(e.showButtons), y = o(e.title), k = o(e.containment || null), S = o();
@@ -810,7 +810,7 @@ const Q = /* @__PURE__ */ de({
       const l = document.querySelectorAll(".farris-modal").length;
       (!l || l - 1 <= 0) && S.value === document.querySelectorAll(".farris-modal")[0] && document.body.classList.remove("modal-open"), S.value && S.value.classList.remove("show");
     }
-    function V(l, B) {
+    function D(l, B) {
       const L = B ? "accept" : "cancel";
       Promise.resolve().then(() => {
         var j;
@@ -826,16 +826,16 @@ const Q = /* @__PURE__ */ de({
       text: le.getLocaleValue("messageBox.cancel") || "取消",
       class: "btn btn-secondary",
       handle: (l) => {
-        V(l, !1);
+        D(l, !1);
       }
     }, {
       name: "accept",
       text: le.getLocaleValue("messageBox.ok") || "确定",
       class: "btn btn-primary",
       handle: (l) => {
-        V(l, !0);
+        D(l, !0);
       }
-    }], b = o(e.buttons && e.buttons.length ? e.buttons : h), P = z(() => !!v.value), D = z(() => !!O.value && !!b.value), p = o(), H = o(), A = o(e.maximized || !1), {
+    }], b = o(e.buttons && e.buttons.length ? e.buttons : h), P = z(() => !!v.value), V = z(() => !!O.value && !!b.value), p = o(), H = o(), N = o(e.maximized || !1), {
       renderResizeBar: $,
       maximize: _,
       restore: Y,
@@ -844,9 +844,9 @@ const Q = /* @__PURE__ */ de({
       allowDrag: f,
       unWindowResizeHandle: E,
       moveToCenter: I
-    } = Ct(e), {
-      registerDraggle: N
-    } = xt(e, t, f);
+    } = xt(e), {
+      registerDraggle: A
+    } = Bt(e, t, f);
     function he() {
       return !!document.querySelectorAll(".farris-modal").length && document.body.classList.contains("modal-open");
     }
@@ -854,8 +854,8 @@ const Q = /* @__PURE__ */ de({
       l !== B && (y.value = l);
     }), U(() => e.modelValue, (l, B) => {
       l !== B && (u.value = l, u.value && e.draggable && Z(() => {
-        H.value && !k.value && (k.value = H.value.parentElement, X.value = k.value, N(p.value, H.value, X.value), I());
-      }), l || (k.value && (k.value = null), F())), u.value ? R.value = he() : (A.value = !1, f.value = e.draggable);
+        H.value && !k.value && (k.value = H.value.parentElement, X.value = k.value, A(p.value, H.value, X.value), I());
+      }), l || (k.value && (k.value = null), F())), u.value ? R.value = he() : (N.value = !1, f.value = e.draggable);
     }), U(() => e.showHeader, (l, B) => {
       l !== B && (i.value = l);
     }), U(() => e.showButtons, (l, B) => {
@@ -865,7 +865,7 @@ const Q = /* @__PURE__ */ de({
       JSON.stringify(L) !== JSON.stringify(j) && t.emit("resize", {
         newSize: l,
         oldSize: B,
-        isMaximized: A.value
+        isMaximized: N.value
       });
     }), U([() => e.width, () => e.height], (l, B) => {
       (l[0] !== B[0] || l[1] !== B[1]) && (n.value = l[0] || 500, a.value = l[1] || 600);
@@ -891,7 +891,7 @@ const Q = /* @__PURE__ */ de({
       return B == null || B.reduce((j, K) => (j[K] = !0, j), l), l;
     }), Oe = () => te() && !e.isMessager || !!e.fullscreen, ze = z(() => {
       const l = document.documentElement.clientWidth, B = document.documentElement.clientHeight;
-      if (A.value)
+      if (N.value)
         return {
           position: "fixed",
           top: "0px",
@@ -926,7 +926,7 @@ const Q = /* @__PURE__ */ de({
     }), He = z(() => ({
       "f-icon": !0,
       modal_maximize: !0,
-      modalrevert: A.value
+      modalrevert: N.value
     })), Re = z(() => ({
       "modal-body": !0,
       "f-utils-flex-column": x.value === "iframe",
@@ -943,12 +943,12 @@ const Q = /* @__PURE__ */ de({
       }, B = Fe();
       return Object.assign(l, B);
     });
-    function oe(l) {
-      if (l == null || l.stopPropagation(), A.value) {
-        A.value = !1, Y();
+    function ue(l) {
+      if (l == null || l.stopPropagation(), N.value) {
+        N.value = !1, Y();
         return;
       }
-      _(), A.value = !0;
+      _(), N.value = !0;
     }
     async function je(l, B) {
       l.handle ? await l.handle(B, l) && t.emit("closed", B) : t.emit("buttonClick", {
@@ -959,70 +959,70 @@ const Q = /* @__PURE__ */ de({
     function We(l) {
       l.width && (n.value = l.width), l.height && (a.value = l.height), l.buttons && (b.value = l.buttons), l.title && (y.value = l.title);
     }
-    let ue = null, se = null;
+    let se = null, ie = null;
     Je(() => {
       R.value = he();
-    }), ae(() => {
-      H.value && !k.value && (k.value = H.value.parentElement, X.value = k.value, N(p.value, H.value, X.value)), ne.value && document.body.classList.add("modal-open"), ue = Bt(e, t), se = Mt(e, t);
+    }), oe(() => {
+      H.value && !k.value && (k.value = H.value.parentElement, X.value = k.value, A(p.value, H.value, X.value)), ne.value && document.body.classList.add("modal-open"), se = Mt(e, t), ie = kt(e, t);
     }), fe(() => {
-      E && E(), ue && ue.remove(), se && se.remove();
+      E && E(), se && se.remove(), ie && ie.remove();
     }), t.expose({
       modalElementRef: H,
       updateModalOptions: We,
-      close: V,
-      maxDialog: oe,
-      isMaximized: A,
+      close: D,
+      maxDialog: ue,
+      isMaximized: N,
       disableButtons: (l, B = !0) => {
         b.value.forEach((L) => {
           L.name && l.includes(L.name) && (L.disabled = B);
         });
       }
     });
-    function Ve() {
+    function De() {
       return m("div", {
         class: "action-wrapper",
-        onClick: (l) => V(l, !1)
+        onClick: (l) => D(l, !1)
       }, [m("span", {
         class: "close-icon"
       }, [m("i", {
         class: "f-icon f-icon-close"
       }, null)])]);
     }
-    function De() {
+    function Ve() {
       return m("ul", null, [C.value && m("li", {
         class: "f-btn-icon f-bare"
       }, [m("span", {
         class: "f-icon modal_minimize"
       }, null)]), g.value && m("li", {
-        onClick: oe,
+        onClick: ue,
         class: "f-btn-icon f-bare",
         style: "pointer-events: auto;"
       }, [m("span", {
         class: He.value
       }, null)]), w.value && m("li", {
         class: "f-btn-icon f-bare",
-        onClick: (l) => V(l, !1),
+        onClick: (l) => D(l, !1),
         style: "pointer-events: auto;"
       }, [m("span", {
         class: "f-icon modal_close"
       }, null)])]);
     }
-    const Ne = (l) => {
+    const Ae = (l) => {
       l.preventDefault();
       const B = l.currentTarget, L = l.deltaY * 0.5;
       B.scrollLeft += L;
     };
-    function Ae() {
+    function Ne() {
       return m("div", {
         class: "modal-footer",
         style: Le.value
       }, [b.value && m("div", {
         class: "buttons",
-        onWheel: Ne
+        onWheel: Ae
       }, [b.value.map((l) => {
         var j;
-        const B = o(l.disabled), L = l.class || ((j = l.appearance) == null ? void 0 : j.class);
-        return m("button", {
+        const B = o(l.disabled), L = l.class || ((j = l.appearance) == null ? void 0 : j.class) || "btn btn-secondary";
+        return m("button", ae(it(l), {
           name: l.name,
           style: l.styles,
           type: "button",
@@ -1031,16 +1031,16 @@ const Q = /* @__PURE__ */ de({
           onClick: (K) => {
             je(l, K);
           }
-        }, [!!l.iconClass && m("i", {
+        }), [!!l.iconClass && m("i", {
           class: l.iconClass
         }, null), l.text]);
       })])]);
     }
     function ge(l) {
-      g.value && oe();
+      g.value && ue();
     }
     function Ue() {
-      return m(ee, null, [A.value && m("div", {
+      return m(ee, null, [N.value && m("div", {
         class: "modal-header",
         style: "position: absolute;background: transparent;height: 45px;width: 100%;",
         onDblclick: (l) => ge()
@@ -1058,16 +1058,16 @@ const Q = /* @__PURE__ */ de({
         class: "modal-title-label"
       }, [y.value])]), m("div", {
         class: "actions"
-      }, [De()])])]);
+      }, [Ve()])])]);
     }
     function Ye() {
-      return t.slots.footerTemplate ? t.slots.footerTemplate() : D.value && Ae();
+      return t.slots.footerTemplate ? t.slots.footerTemplate() : V.value && Ne();
     }
     function Xe(l) {
       if (l.stopPropagation(), e.allowClickMaskToClose) {
         if (l.target !== S.value)
           return;
-        V(l, !1);
+        D(l, !1);
       }
     }
     function Ke() {
@@ -1077,7 +1077,7 @@ const Q = /* @__PURE__ */ de({
         class: Ee.value,
         style: ze.value,
         ref: H
-      }, [e.showFloatingClose && Ve(), m("div", {
+      }, [e.showFloatingClose && De(), m("div", {
         class: Se.value
       }, [i.value && Ue(), m("div", {
         class: Re.value
@@ -1087,7 +1087,7 @@ const Q = /* @__PURE__ */ de({
         width: "100%",
         frameborder: "0",
         src: M.value
-      }, null)]), Ye()]), !d.value && H.value && !A.value && $(H.value)]);
+      }, null)]), Ye()]), !d.value && H.value && !N.value && $(H.value)]);
     }
     function Ge(l) {
       return l || "body";
@@ -1117,7 +1117,7 @@ function Be(e) {
   if (e.render && typeof e.render == "function")
     return e.render;
 }
-function kt(e) {
+function Tt(e) {
   const t = document.createElement("div");
   t.style.display = "contents";
   const n = e.type || "modal", a = we({
@@ -1187,7 +1187,7 @@ function kt(e) {
   });
   return document.body.appendChild(t), a.use(le.i18n), a.mount(t), a;
 }
-class Tt {
+class Et {
   // private activeModalInstance = computed(() => {
   //     return this.modalRefs[this.activeModalIndex.value];
   // });
@@ -1221,7 +1221,7 @@ class Tt {
       showButtons: !0,
       showHeader: !0
     }, t);
-    return kt(n);
+    return Tt(n);
   }
   close(t) {
     var n, a;
@@ -1246,7 +1246,7 @@ class Tt {
       d(y, this.isUseEscCloseModal.value ? "esc" : k ? "icon" : "button");
     }, g = (y) => {
       w(y), v && Z(() => {
-        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], ie(null, n), v = null, this.modalRef.value = null, this.modalRefs) {
+        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], re(null, n), v = null, this.modalRef.value = null, this.modalRefs) {
           const k = Object.keys(this.modalRefs).map((S) => Number(S));
           k.length > 0 ? this.activeModalIndex.value = Math.max(...k) : this.activeModalIndex.value = 0, this.modalRefs[this.activeModalIndex.value] && (this.modalRef.value = this.modalRefs[this.activeModalIndex.value]);
         }
@@ -1255,7 +1255,7 @@ class Tt {
     }, C = o();
     let x;
     if (a === "drawer")
-      x = () => m(ve, re({
+      x = () => m(ve, ae({
         ref: C,
         modelValue: r.value,
         "onUpdate:modelValue": (y) => r.value = y,
@@ -1271,13 +1271,13 @@ class Tt {
       }), S = u.value.resizeHandle || ((P) => {
       }), R = t.stopMoveHandle || ((P) => {
       }), F = (P) => {
-        var D;
-        this.isUseEscCloseModal.value = !0, (D = this.getCurrentModal()) == null || D.close(P == null ? void 0 : P.event);
+        var V;
+        this.isUseEscCloseModal.value = !0, (V = this.getCurrentModal()) == null || V.close(P == null ? void 0 : P.event);
       }, {
-        width: V,
+        width: D,
         height: h
-      } = u.value, b = this.adaptToWindow(Number(V) || 500, Number(h) || 320);
-      Object.assign(u.value, b), x = () => m(Q, re({
+      } = u.value, b = this.adaptToWindow(Number(D) || 500, Number(h) || 320);
+      Object.assign(u.value, b), x = () => m(Q, ae({
         ref: C,
         modelValue: r.value,
         "onUpdate:modelValue": (P) => r.value = P
@@ -1296,7 +1296,7 @@ class Tt {
     }
     v = ((y) => {
       const k = tt(x, y);
-      return k.appContext = this.appContext, ie(k, n), k;
+      return k.appContext = this.appContext, re(k, n), k;
     })({
       ...u.value
     }), this.activeModalIndex.value++;
@@ -1306,7 +1306,7 @@ class Tt {
       u.value = {
         ...u.value,
         ...y
-      }, v && ie(nt(v, {
+      }, v && re(nt(v, {
         ...u
       }), n);
     };
@@ -1330,7 +1330,7 @@ class Tt {
 const Me = Symbol("FModalService");
 Q.install = (e) => {
   e.component(Q.name, Q);
-  const t = new Tt(e);
+  const t = new Et(e);
   e.provide(Me, t), e.provide("FModalService", t);
 };
 function ke(e, t) {
@@ -1347,7 +1347,7 @@ function ke(e, t) {
   }
   return { judgeCanOpen: n };
 }
-function Et(e, t, n, a, u) {
+function Ot(e, t, n, a, u) {
   const r = o(e.buttonBehavior), c = o(e.popupOnInput), d = z(() => ({
     "input-group-append": !0,
     "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
@@ -1362,7 +1362,7 @@ function Et(e, t, n, a, u) {
         });
         g.value = k == null ? void 0 : k.modalRef;
       }
-      r.value === "Overlay" && bt.show({
+      r.value === "Overlay" && wt.show({
         // host: buttonEditRef.value,
         host: document.body,
         backgroundColor: "rgba(0,0,0,.15)",
@@ -1384,7 +1384,7 @@ function Et(e, t, n, a, u) {
     modalRef: g
   };
 }
-function Ot(e, t, n, a, u, r) {
+function zt(e, t, n, a, u, r) {
   const c = o(!1), d = z(() => e.enableClear && !e.readonly && !e.disable && !te()), { changeTextBoxValue: i, hasClearClass: v } = r, w = o(!1);
   function g(O) {
     c.value = O, v.value = O;
@@ -1417,7 +1417,7 @@ function Ot(e, t, n, a, u, r) {
     onMouseLeaveTextBox: T
   };
 }
-function zt(e, t, n, a, u) {
+function Pt(e, t, n, a, u) {
   const r = z(() => e.popupOnInput), c = z(() => e.popupOnFocus), { shouldPopupContent: d, closeAllPopover: i } = u, v = o(!1), w = z(() => e.enableTitle ? n.value : ""), g = z(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), C = z(() => e.readonly || !e.editable || te()), x = o(!1), M = z(() => !e.disable && x.value), T = z(() => ({
     "text-left": e.textAlign === "left",
     "text-center": e.textAlign === "center",
@@ -1453,7 +1453,7 @@ function zt(e, t, n, a, u) {
   function F(p) {
     !e.disable && !e.readonly && (x.value = !0, C.value || (t.emit("focus", p), c.value && !d.value && u.popup()));
   }
-  function V(p) {
+  function D(p) {
     t.emit("input", p);
     const H = p.target.value;
     a.value = H, n.value !== H && y(H, e.updateOn === "change"), r.value && !d.value && u.popup();
@@ -1467,7 +1467,7 @@ function zt(e, t, n, a, u) {
   function P(p) {
     p.key === "Enter" && (r.value || c.value) && u.hidePopup(), t.emit("keyup", p);
   }
-  function D(p) {
+  function V(p) {
     const H = p.target.value;
     p.stopPropagation(), y(H);
   }
@@ -1484,15 +1484,15 @@ function zt(e, t, n, a, u) {
     onBlurTextBox: S,
     onClickTextBox: R,
     onFocusTextBox: F,
-    onInput: V,
+    onInput: D,
     onKeyDownTextBox: b,
     onKeyUpTextBox: P,
     onMouseDownTextBox: h,
-    onTextBoxValueChange: D
+    onTextBoxValueChange: V
   };
 }
 const G = "FarrisVue_PopoverInstancesKey";
-function Pt(e, t, n, a) {
+function St(e, t, n, a) {
   const u = o(), r = o(!1), { judgeCanOpen: c } = ke(e, a);
   U(() => u.value, (x, M) => {
     window[G] = window[G] || /* @__PURE__ */ new WeakMap(), x ? window[G].set(n.value, x) : window[G].delete(n.value);
@@ -1534,7 +1534,7 @@ function Pt(e, t, n, a) {
   }
   return { hidePopup: g, showPopup: C, popup: w, shouldPopupContent: r, togglePopup: v, popoverRef: u, closeAllPopover: d };
 }
-function St(e, t, n) {
+function It(e, t, n) {
   const a = o(), {
     isTextBoxReadonly: u,
     textBoxClass: r,
@@ -1550,11 +1550,11 @@ function St(e, t, n) {
     onTextBoxValueChange: T
   } = n, O = o(e.id), {
     uuid: y
-  } = it(), k = z(() => ({
+  } = rt(), k = z(() => ({
     // 'border-top-right-radius': '6px',
     // 'border-bottom-right-radius': '6px'
   }));
-  ae(() => {
+  oe(() => {
     var h, b;
     e.selectOnCreated && ((h = a.value) == null || h.select()), e.focusOnCreated && ((b = a.value) == null || b.focus({
       preventScroll: !0
@@ -1565,7 +1565,7 @@ function St(e, t, n) {
   }, F = (h) => {
     h.preventDefault(), S.value = !1, g(h);
   };
-  function V(h) {
+  function D(h) {
     S.value || g(h);
   }
   return () => m("input", {
@@ -1588,7 +1588,7 @@ function St(e, t, n) {
     onChange: T,
     onClick: v,
     onFocus: w,
-    onInput: V,
+    onInput: D,
     onKeydown: C,
     onKeyup: x,
     onMousedown: M,
@@ -1596,7 +1596,7 @@ function St(e, t, n) {
     onCompositionstart: R
   }, null);
 }
-function It(e, t, n) {
+function Ht(e, t, n) {
   const a = o(e.separator), u = z(() => e.readonly || e.disable), {
     changeTextBoxValue: r,
     onFocusTextBox: c,
@@ -1620,7 +1620,7 @@ function It(e, t, n) {
   function x(M) {
     i(M);
   }
-  return () => m(ct, {
+  return () => m(dt, {
     tabindex: e.tabIndex,
     onFocus: c,
     onBlur: d,
@@ -1635,7 +1635,7 @@ function It(e, t, n) {
     onClick: x
   }, null);
 }
-function Ht(e, t, n, a) {
+function Rt(e, t, n, a) {
   const {
     buttonGroupClass: u,
     onClickButton: r,
@@ -1651,7 +1651,7 @@ function Ht(e, t, n, a) {
     t.emit("beforeClearValue");
   }, {
     renderExpandContent: M
-  } = dt(e, t);
+  } = ft(e, t);
   return {
     renderButtonGroup: () => m(ee, null, [m("div", {
       id: e.id ? `${e.id}-button-group` : void 0,
@@ -1678,7 +1678,7 @@ function Ht(e, t, n, a) {
     buttonHandleElement: g
   };
 }
-function Rt(e, t, n) {
+function Ft(e, t, n) {
   const a = o(e.popupMinWidth), {
     hidePopup: u,
     popoverRef: r
@@ -1703,7 +1703,7 @@ function Rt(e, t, n) {
       var i, v;
       return [ce(" "), (v = (i = t.slots).default) == null ? void 0 : v.call(i), ce(" ")];
     }
-  }) : m(ft, {
+  }) : m(vt, {
     id: `${e.id}-popover`,
     ref: r,
     placement: e.placement,
@@ -1726,22 +1726,22 @@ function Rt(e, t, n) {
     }
   });
 }
-const Ft = /* @__PURE__ */ de({
+const Lt = /* @__PURE__ */ de({
   name: "FButtonEdit",
-  props: vt,
+  props: ht,
   emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue", "beforeClearValue", "expandClick", "hidden", "shown"],
   setup(e, t) {
-    const n = o(), a = o(e.customClass), u = o(e.modelValue), r = Pt(e, t, n, u), {
+    const n = o(), a = o(e.customClass), u = o(e.modelValue), r = St(e, t, n, u), {
       shouldPopupContent: c,
       hidePopup: d,
       showPopup: i,
       togglePopup: v
-    } = r, w = Et(e, t, n, r, u), g = o(""), C = zt(e, t, u, g, r), {
+    } = r, w = Ot(e, t, n, r, u), g = o(""), C = Pt(e, t, u, g, r), {
       hasFocusedTextBox: x,
       commitValue: M,
       inputGroupClass: T,
       changeTextBoxValue: O
-    } = C, y = Ot(e, t, u, x, g, C), {
+    } = C, y = zt(e, t, u, x, g, C), {
       onMouseEnterTextBox: k,
       onMouseLeaveTextBox: S
     } = y, R = o(!1), F = z(() => {
@@ -1751,7 +1751,7 @@ const Ft = /* @__PURE__ */ de({
         "f-button-edit-nowrap": !e.wrapText
       };
       return a.value && a.value.split(" ").reduce((f, E) => (f[E] = !0, f), s), s;
-    }), V = z(() => ({
+    }), D = z(() => ({
       overflow: e.wrapText ? "hidden" : ""
     })), h = z(() => ({
       // paddingLeft: '3px',
@@ -1764,26 +1764,26 @@ const Ft = /* @__PURE__ */ de({
       const f = Array.from(n.value.querySelectorAll(".farris-tag-item"));
       return f && f.length && (s = f.map((E) => E.offsetTop).filter((E) => E > 20).length), s;
     }
-    const D = o(P());
+    const V = o(P());
     ut(() => {
-      D.value = P();
+      V.value = P();
     });
     function p() {
-      return e.multiSelect && e.inputType === "tag" ? () => m(ee, null, [It(e, u, C)(), !!D.value && m("div", {
+      return e.multiSelect && e.inputType === "tag" ? () => m(ee, null, [Ht(e, u, C)(), !!V.value && m("div", {
         class: "d-flex flex-row mr-2 more-tags",
         "more-tags": !0
       }, [m("span", {
         class: "multi--more-text"
-      }, [ce("+"), D.value])])]) : St(e, u, C);
+      }, [ce("+"), V.value])])]) : It(e, u, C);
     }
     let H = p();
     U([() => e.multiSelect, () => e.inputType], () => {
       H = p();
     });
     const {
-      renderButtonGroup: A,
+      renderButtonGroup: N,
       buttonHandleElement: $
-    } = Ht(e, t, w, y), _ = Rt(e, t, r), Y = o(c.value), X = {
+    } = Rt(e, t, w, y), _ = Ft(e, t, r), Y = o(c.value), X = {
       displayText: g,
       commitValue: M,
       elementRef: n,
@@ -1815,7 +1815,7 @@ const Ft = /* @__PURE__ */ de({
         O(s, !1), g.value = s;
       }
     };
-    return ae(() => {
+    return oe(() => {
       n.value.componentInstance = X, window.onresize = () => {
         document.body.click();
       };
@@ -1839,23 +1839,23 @@ const Ft = /* @__PURE__ */ de({
       Y.value = s;
     }), () => {
       var s, f;
-      return m(ee, null, [m("div", re(t.attrs, {
+      return m(ee, null, [m("div", ae(t.attrs, {
         ref: n,
         class: F.value,
         id: e.id ? e.id : void 0,
-        style: V.value
+        style: D.value
       }), [m("div", {
         id: e.id ? `${e.id}-input-group` : void 0,
         class: T.value,
         style: h.value,
         onMouseenter: k,
         onMouseleave: S
-      }, [(f = (s = t.slots).precontent) == null ? void 0 : f.call(s), t.slots.content ? t.slots.content() : H(), t.slots.content ? null : b.value && A()])]), Y.value && _()]);
+      }, [(f = (s = t.slots).precontent) == null ? void 0 : f.call(s), t.slots.content ? t.slots.content() : H(), t.slots.content ? null : b.value && N()])]), Y.value && _()]);
     };
   }
-}), $t = rt(Ft);
+}), _t = ct(Lt);
 export {
-  Ft as FButtonEdit,
-  vt as buttonEditProps,
-  $t as default
+  Lt as FButtonEdit,
+  ht as buttonEditProps,
+  _t as default
 };