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

package/components/response-toolbar/index.esm.js

@@ -1,10 +1,10 @@
-var be = Object.defineProperty;
-var ge = (r, s, i) => s in r ? be(r, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[s] = i;
-var f = (r, s, i) => ge(r, typeof s != "symbol" ? s + "" : s, i);
-import { getCustomClass as P, useGuid as we, withInstall as xe } from "../common/index.esm.js";
-import { computed as X, createVNode as a, Teleport as ve, getCurrentInstance as Ce, reactive as te, withDirectives as oe, resolveDirective as se, ref as A, defineComponent as ye, watch as ce, onMounted as ke, onUnmounted as De, nextTick as ae } from "vue";
-import { LocaleService as Te } from "../locale/index.esm.js";
-const Se = {
+var we = Object.defineProperty;
+var xe = (r, s, i) => s in r ? we(r, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[s] = i;
+var h = (r, s, i) => xe(r, typeof s != "symbol" ? s + "" : s, i);
+import { getCustomClass as H, isMobilePhone as ve, useGuid as Ce, withInstall as ye } from "../common/index.esm.js";
+import { computed as K, createVNode as u, Teleport as ke, getCurrentInstance as De, reactive as te, withDirectives as oe, resolveDirective as se, ref as $, defineComponent as Te, watch as ae, onMounted as Se, onUnmounted as Re, nextTick as ue } from "vue";
+import { LocaleService as Oe } from "../locale/index.esm.js";
+const Ee = {
   id: { type: String, default: "" },
   /**  组件自定义样式 */
   customClass: { type: String, default: "" },
@@ -16,39 +16,39 @@ const Se = {
   /** 控制是否可见 */
   visible: { type: Boolean, default: !0 }
 };
-class pe {
+class fe {
   constructor(s) {
     /** 工具栏项标识 */
-    f(this, "id", "");
+    h(this, "id", "");
     /** 工具栏项自定义样式 */
-    f(this, "class", "btn-secondary");
+    h(this, "class", "btn-secondary");
     /** 图标 */
-    f(this, "icon", "");
+    h(this, "icon", "");
     /** 所属分组 */
-    f(this, "groupId", "");
+    h(this, "groupId", "");
     /** 收藏顺序 */
-    f(this, "order", -1);
+    h(this, "order", -1);
     /** 是否作为下拉菜单的顶层按钮 */
-    f(this, "asDropDownTop", !1);
+    h(this, "asDropDownTop", !1);
     /** 文本 */
-    f(this, "text", "");
+    h(this, "text", "");
     /** 是否可见原值 */
-    f(this, "visible", !0);
+    h(this, "visible", !0);
     /** 控制界面是否显示 */
-    f(this, "shown", !0);
-    f(this, "responsed", !1);
+    h(this, "shown", !0);
+    h(this, "responsed", !1);
     /** 是否启用提示消息 */
-    f(this, "tipsEnable", !1);
+    h(this, "tipsEnable", !1);
     /** 提示消息内容 */
-    f(this, "tipsText", "");
+    h(this, "tipsText", "");
     /** 记录宽度 */
-    f(this, "width", 0);
+    h(this, "width", 0);
     /** 下拉时的样式名 */
-    f(this, "dropdownClass", "");
-    f(this, "onClick", () => {
+    h(this, "dropdownClass", "");
+    h(this, "onClick", () => {
     });
-    f(this, "options");
-    var g, u;
+    h(this, "options");
+    var g, p;
     this.options = s;
     const i = [
       "id",
@@ -69,11 +69,11 @@ class pe {
     ];
     Object.keys(s).filter((w) => i.indexOf(w) > -1).forEach((w) => {
       w === "visible" ? this[w] = s[w] === void 0 ? !0 : s[w] : this[w] = s[w];
-    }), this.shown = this.visible, (g = s.appearance) != null && g.class && (this.class = (u = s.appearance) == null ? void 0 : u.class);
+    }), this.shown = this.visible, (g = s.appearance) != null && g.class && (this.class = (p = s.appearance) == null ? void 0 : p.class);
   }
   /** 是否可用 */
   get enable() {
-    return Object.keys(this.options).indexOf("disabled") > -1 ? !this.options.disabled : X(() => !0);
+    return Object.keys(this.options).indexOf("disabled") > -1 ? !this.options.disabled : K(() => !0);
   }
   /** 设置宽度 */
   setWidth(s) {
@@ -84,49 +84,49 @@ class pe {
     return this.visible ? this.width : !1;
   }
 }
-class Re extends pe {
+class Me extends fe {
   constructor(s) {
     super(s);
   }
 }
-function fe() {
+function he() {
   function r(s) {
     const i = [];
-    return s.reduce((g, u) => (u.children && u.children.length > 0 ? g.push(new ne(u)) : g.push(new Re(u)), g), i), i;
+    return s.reduce((g, p) => (p.children && p.children.length > 0 ? g.push(new ne(p)) : g.push(new Me(p)), g), i), i;
   }
   return { buildResponseToolbarItems: r };
 }
-const { buildResponseToolbarItems: Oe } = fe();
-class ne extends pe {
+const { buildResponseToolbarItems: je } = he();
+class ne extends fe {
   constructor(i) {
     super(i);
-    f(this, "placement", "");
+    h(this, "placement", "");
     // 下拉位置
     /** 是否可见 */
-    f(this, "visible", !0);
+    h(this, "visible", !0);
     /** 下拉class */
-    f(this, "dropdownClass", "");
+    h(this, "dropdownClass", "");
     /** 下拉菜单class */
-    f(this, "menuClass", "");
+    h(this, "menuClass", "");
     /** 是否用分开的下拉按钮 */
-    f(this, "split", !1);
-    f(this, "children", []);
-    f(this, "expanded", !1);
-    f(this, "shown", !0);
+    h(this, "split", !1);
+    h(this, "children", []);
+    h(this, "expanded", !1);
+    h(this, "shown", !0);
     const g = ["visible", "icon", "isDP", "class", "dropdownClass", "menuClass", "placement", "split", "expanded"];
-    Object.keys(i).filter((u) => g.indexOf(u) > -1).forEach((u) => {
-      u === "visible" ? this[u] = i[u] === void 0 ? !0 : i[u] : this[u] = i[u];
-    }), this.shown = this.visible, i.children && i.children.length && (this.children = Oe(i.children));
+    Object.keys(i).filter((p) => g.indexOf(p) > -1).forEach((p) => {
+      p === "visible" ? this[p] = i[p] === void 0 ? !0 : i[p] : this[p] = i[p];
+    }), this.shown = this.visible, i.children && i.children.length && (this.children = je(i.children));
   }
 }
-function Ee() {
+function Be() {
   function r(i) {
     const g = {
       "f-icon": !0
     };
     if (i.icon) {
-      const u = i.icon.trim().split(" ");
-      u && u.length && u.reduce((w, B) => (w[B] = !0, w), g);
+      const p = i.icon.trim().split(" ");
+      p && p.length && p.reduce((w, R) => (w[R] = !0, w), g);
     }
     return g;
   }
@@ -135,9 +135,9 @@ function Ee() {
   }
   return { iconClass: r, shouldShowIcon: s };
 }
-function je(r, s) {
+function Pe(r, s) {
   function i(t) {
-    return P({
+    return H({
       "dropdown-menu": !0
     }, t.menuClass);
   }
@@ -148,16 +148,16 @@ function je(r, s) {
       "f-rt-dropdown": !0,
       "text-truncate": !0
     };
-    return P(e, t.dropdownClass);
+    return H(e, t.dropdownClass);
   }
-  function u(t) {
+  function p(t) {
     const e = {
       disabled: !t.enable,
       "dropdown-item": !0,
       "f-rt-btn": !0,
       "text-truncate": !0
     };
-    return P(e, t.dropdownClass);
+    return H(e, t.dropdownClass);
   }
   function w(t) {
     const e = {
@@ -167,136 +167,137 @@ function je(r, s) {
       "text-truncate": !0,
       "f-rt-toggle": !t.split,
       "btn-icontext": !!(t.icon && t.icon.trim()),
-      "dropdown-toggle": !t.split
+      "dropdown-toggle": !t.split,
+      "btn-secondary": !0
     };
-    return P(e, t.dropdownClass);
+    return H(e, t.dropdownClass);
   }
-  function B(t) {
+  function R(t) {
     const e = {
       "f-rt-btn": !0,
       "text-truncate": !0,
       "btn-icontext": !!(t.icon && t.icon.trim()),
       "d-block": !0
     };
-    return P(e, t.dropdownClass);
+    return H(e, t.dropdownClass);
   }
-  let k;
-  const C = /* @__PURE__ */ new Map();
-  let D = "";
-  function H(t) {
-    D = "#" + t;
+  let E;
+  const x = /* @__PURE__ */ new Map();
+  let _ = "";
+  function k(t) {
+    _ = "#" + t;
   }
-  function W(t, e, c) {
+  function M(t, e, a) {
     t.stopPropagation();
-    const l = c ? c.id : "__top_item__";
+    const l = a ? a.id : "__top_item__";
     if (e.children && e.children.length && (e.expanded = !e.expanded, e.expanded)) {
-      if (C.has(l) && C.get(l) !== e) {
-        const h = C.get(l);
-        h && (h.expanded = !1, C.delete(l));
+      if (x.has(l) && x.get(l) !== e) {
+        const b = x.get(l);
+        b && (b.expanded = !1, x.delete(l));
       }
-      C.set(l, e);
+      x.set(l, e);
     }
   }
-  function L(t, e) {
+  function z(t, e) {
     document.body.click(), e.enable && (t.stopPropagation(), typeof e.onClick == "function" && e.onClick(t, e.id), r.emit("click", t, e.id));
   }
-  function $(t, e) {
-    const c = t.target;
-    c.className.indexOf("dropdown-item") < 0 || (c.title = c.scrollWidth > c.clientWidth ? e : "");
+  function V(t, e) {
+    const a = t.target;
+    a.className.indexOf("dropdown-item") < 0 || (a.title = a.scrollWidth > a.clientWidth ? e : "");
   }
-  function q(t, e, c) {
+  function U(t, e, a) {
     if (e.tipsEnable && e.tipsText) {
       const l = te({
         content: e.tipsText,
         enable: e.tipsEnable
       });
-      return oe(a("li", {
-        class: u(e),
+      return oe(u("li", {
+        class: p(e),
         id: e.id,
-        key: e.id + "_" + c,
-        onClick: (h) => L(h, e)
-      }, [a("span", {
-        class: B(e)
-      }, [s.shouldShowIcon(e) && a("i", {
+        key: e.id + "_" + a,
+        onClick: (b) => z(b, e)
+      }, [u("span", {
+        class: R(e)
+      }, [s.shouldShowIcon(e) && u("i", {
         class: s.iconClass(e)
       }, null), e.text])]), [[se("tooltip"), l]]);
     }
-    return a("li", {
-      class: u(e),
+    return u("li", {
+      class: p(e),
       id: e.id,
-      onClick: (l) => L(l, e)
-    }, [a("span", {
-      class: B(e),
-      onMouseenter: (l) => $(l, e.text)
-    }, [s.shouldShowIcon(e) && a("i", {
+      onClick: (l) => z(l, e)
+    }, [u("span", {
+      class: R(e),
+      onMouseenter: (l) => V(l, e.text)
+    }, [s.shouldShowIcon(e) && u("i", {
       class: s.iconClass(e)
     }, null), e.text])]);
   }
-  function o(t, e, c) {
-    e.enable && (typeof e.onClick == "function" && c.onClick(t, e.id), r.emit("click", t, e.id), c.split || W(t, e, c));
+  function o(t, e, a) {
+    e.enable && (typeof e.onClick == "function" && a.onClick(t, e.id), r.emit("click", t, e.id), a.split || M(t, e, a));
   }
-  function b(t, e, c) {
-    t && t.stopPropagation(), W(t, e, c);
+  function f(t, e, a) {
+    t && t.stopPropagation(), M(t, e, a);
   }
-  function T(t, e) {
+  function D(t, e) {
     t.stopPropagation();
-    const c = e.id;
-    if (e.children && e.children.length && e.expanded && C.has(c)) {
-      const l = C.get(c);
-      l && (l.expanded = !1, C.delete(c));
+    const a = e.id;
+    if (e.children && e.children.length && e.expanded && x.has(a)) {
+      const l = x.get(a);
+      l && (l.expanded = !1, x.delete(a));
     }
   }
-  function z(t, e, c) {
+  function W(t, e, a) {
     if (e.tipsEnable && e.tipsText) {
       const l = te({
         content: e.tipsText,
         enable: e.tipsEnable
       });
-      return a("li", {
+      return u("li", {
         class: g(e),
         id: e.id,
-        key: e.id + "_" + c,
-        onClick: (h) => o(h, e, t)
-      }, [oe(a("span", {
+        key: e.id + "_" + a,
+        onClick: (b) => o(b, e, t)
+      }, [oe(u("span", {
         class: w(e)
-      }, [s.shouldShowIcon(e) && a("i", {
+      }, [s.shouldShowIcon(e) && u("i", {
         class: s.iconClass(e)
-      }, null), e.text]), [[se("tooltip"), l]]), e.split && a("span", {
+      }, null), e.text]), [[se("tooltip"), l]]), e.split && u("span", {
         class: "dropdown-toggle dropdown-toggle-split f-rt-toggle",
-        onClick: (h) => b(h, e, t)
-      }, null), k(e, e)]);
+        onClick: (b) => f(b, e, t)
+      }, null), E(e, e)]);
     }
-    return a("li", {
+    return u("li", {
       class: g(e),
       id: e.id,
       onClick: (l) => o(l, e, t),
-      onMouseenter: (l) => $(l, e.text)
-    }, [a("span", {
+      onMouseenter: (l) => V(l, e.text)
+    }, [u("span", {
       class: w(e)
-    }, [s.shouldShowIcon(e) && a("i", {
+    }, [s.shouldShowIcon(e) && u("i", {
       class: s.iconClass(e)
-    }, null), e.text]), e.split && a("span", {
+    }, null), e.text]), e.split && u("span", {
       class: "dropdown-toggle dropdown-toggle-split f-rt-toggle",
-      onClick: (l) => b(l, e, t)
-    }, null), k(e, e)]);
+      onClick: (l) => f(l, e, t)
+    }, null), E(e, e)]);
   }
   function le(t) {
-    return t.children.filter((e) => e.visible).map((e, c) => e.children && e.children.length ? z(t, e, c) : q(t, e, c));
+    return t.children.filter((e) => e.visible).map((e, a) => e.children && e.children.length ? W(t, e, a) : U(t, e, a));
   }
   function re(t, e) {
     if (!t)
       return 1080;
-    let c = -1;
+    let a = -1;
     const l = t.children.length;
-    for (let h = 0; h < l; h++)
-      if (t.children[h].id === e) {
-        c = h;
+    for (let b = 0; b < l; b++)
+      if (t.children[b].id === e) {
+        a = b;
         break;
       }
-    return 1080 + l - c;
+    return 1080 + l - a;
   }
-  function ie(t, e, c) {
-    var Y, m;
+  function ie(t, e, a) {
+    var q, Y;
     const l = {
       display: t.expanded ? "block" : "none",
       position: "fixed",
@@ -306,98 +307,101 @@ function je(r, s) {
       // 先用固定zIndex,后期会统一调用动态的zIndex
       overflowY: "auto",
       maxHeight: "none"
-    }, h = document.querySelector(D);
-    if (!h)
+    }, b = document.querySelector(_);
+    if (!b)
       return l;
-    const F = Ce();
-    let O = (m = (Y = F == null ? void 0 : F.exposed) == null ? void 0 : Y.elementRef.value) == null ? void 0 : m.querySelector("#" + e);
-    if (O || (O = h == null ? void 0 : h.querySelector("#" + e)), !O)
+    const N = De();
+    let T = (Y = (q = N == null ? void 0 : N.exposed) == null ? void 0 : q.elementRef.value) == null ? void 0 : Y.querySelector("#" + e);
+    if (T || (T = b == null ? void 0 : b.querySelector("#" + e)), !T)
       return l;
-    const V = window.innerWidth, x = window.innerHeight, _ = O == null ? void 0 : O.getClientRects();
-    if (O && _ && _.length) {
+    const ce = window.innerWidth, A = window.innerHeight, y = T == null ? void 0 : T.getClientRects();
+    if (T && y && y.length) {
       const {
         top: j,
-        width: I,
-        left: N,
-        right: ee,
-        height: Z
-      } = _[0], G = Math.ceil(Z + j);
-      l.top = `${G}px`, l.left = `${N}px`;
-      const U = t.id + "_menu", n = (O == null ? void 0 : O.querySelector("#" + U)) || (h == null ? void 0 : h.querySelector("#" + U)) || null;
-      if (n) {
-        n.style.visibility = "hidden", n.style.display = "block";
-        const d = n.offsetHeight;
-        l.zIndex = t.expanded ? re(h, U) : 1080, l.display === "block" && (n.style.display = "block");
-        const p = n.getBoundingClientRect();
-        if (c) {
+        width: Z,
+        left: F,
+        right: m,
+        height: L
+      } = y[0], I = Math.ceil(L + j);
+      l.top = `${I}px`, l.left = `${F}px`;
+      const J = t.id + "_menu", P = (T == null ? void 0 : T.querySelector("#" + J)) || (b == null ? void 0 : b.querySelector("#" + J)) || null;
+      if (P) {
+        P.style.visibility = "hidden", P.style.display = "block";
+        const G = P.offsetHeight;
+        l.zIndex = t.expanded ? re(b, J) : 1080, l.display === "block" && (P.style.display = "block");
+        const n = P.getBoundingClientRect();
+        if (a) {
           l.top = `${j - 6}px`;
-          const S = Math.ceil(I + N);
-          l.left = `${S}px`;
+          const d = Math.ceil(Z + F);
+          l.left = `${d}px`;
         }
-        V - N - I < p.width && (l.left = `${(c ? N : ee) - p.width}px`), x - j - Z < d ? j > d ? (l.top = `${j - d - 6}px`, l.maxHeight = `${j - 16}px`) : (l.maxHeight = `${x - G}px`, j > x - j - Z && (l.top = "10px", l.maxHeight = `${j - 16}px`)) : l.maxHeight = `${x - G}px`, n.style.visibility = "visible";
+        ce - F - Z < n.width && (l.left = `${(a ? F : m) - n.width}px`), A - j - L < G ? j > G ? (l.top = `${j - G - 6}px`, l.maxHeight = `${j - 16}px`) : (l.maxHeight = `${A - I}px`, j > A - j - L && (l.top = "10px", l.maxHeight = `${j - 16}px`)) : l.maxHeight = `${A - I}px`, P.style.visibility = "visible";
       }
     }
     return l;
   }
-  k = function(t, e) {
-    const c = e ? e.id : t.id;
-    return a(ve, {
-      to: D,
+  E = function(t, e) {
+    const a = e ? e.id : t.id;
+    return u(ke, {
+      to: _,
       disabled: !t.expanded
     }, {
-      default: () => [a("ul", {
+      default: () => [u("ul", {
         class: i(t),
-        style: ie(t, c, e),
+        style: ie(t, a, e),
         id: t.id + "_menu",
-        onWheel: (l) => T(l, t)
+        onWheel: (l) => D(l, t)
       }, [le(t)])]
     });
   };
-  function K() {
-    C.forEach((t) => {
+  function de() {
+    x.forEach((t) => {
       t.expanded = !1;
-    }), C.clear();
+    }), x.clear();
   }
   return {
-    renderDropdownMenu: k,
-    clearAllDropDownMenu: K,
-    updateContainerId: H
+    renderDropdownMenu: E,
+    clearAllDropDownMenu: de,
+    updateContainerId: k
   };
 }
-function Me(r, s, i) {
-  const g = A(r.alignment), {
-    renderDropdownMenu: u,
+function He(r, s, i) {
+  const g = $(r.alignment), {
+    renderDropdownMenu: p,
     clearAllDropDownMenu: w,
-    updateContainerId: B
-  } = je(s, i);
-  function k(o) {
-    const b = {
+    updateContainerId: R
+  } = Pe(s, i);
+  function E(o) {
+    const f = {
       "btn-group": !0,
       "f-rt-dropdown": !0,
       "f-btn-ml": g.value === "right" || g.value === "center",
       "f-btn-mr": g.value === "left"
     };
-    return P(b, o.dropdownClass);
+    return H(f, o.dropdownClass);
   }
-  function C(o) {
-    const b = {
+  function x(o) {
+    const f = {
       btn: !0,
       disabled: !o.enable,
       "f-rt-btn": !0,
-      "btn-icontext": !!(o.icon && o.icon.trim()),
+      "btn-icontext": !!(o.icon && o.icon.trim()) && o.text,
+      // 图标+文本
       "f-rt-toggle": !o.split,
-      "dropdown-toggle": !o.split
+      "dropdown-toggle": !o.split,
+      "f-btn-icon": o.icon && !o.text
+      // 只有图标
     };
-    return P(b, o.class);
+    return H(f, o.class);
   }
-  function D(o) {
-    return P({
+  function _(o) {
+    return H({
       btn: !0,
       "dropdown-toggle": !0,
       "dropdown-toggle-split": !0
     }, o.class);
   }
-  function H(o) {
+  function k(o) {
     return o.split ? {
       display: "flex"
     } : {
@@ -405,97 +409,97 @@ function Me(r, s, i) {
       "border-radius": "6px"
     };
   }
-  function W(o, b) {
+  function M(o, f) {
     o.stopPropagation();
-    const T = b.expanded;
-    document.body.click(), typeof b.onClick == "function" && b.onClick(o, b.id), s.emit("click", o, b.id), b.split || (b.expanded = !T);
+    const D = f.expanded;
+    document.body.click(), typeof f.onClick == "function" && f.onClick(o, f.id), s.emit("click", o, f.id), f.split || (f.expanded = !D);
   }
-  function L(o, b) {
+  function z(o, f) {
     o.stopPropagation();
-    const T = b.expanded;
-    document.body.click(), b.expanded = !T;
+    const D = f.expanded;
+    document.body.click(), f.expanded = !D;
   }
-  function $(o, b = !0) {
+  function V(o, f = !0) {
     if (o.tipsEnable && o.tipsText) {
-      const T = te({
+      const D = te({
         content: o.tipsText,
         enable: o.tipsEnable
       });
-      return a("div", {
+      return u("div", {
         id: o.id,
-        class: k(o)
-      }, [oe(a("div", {
-        class: C(o),
-        style: H(o),
-        onClick: (z) => o.enable && W(z, o)
-      }, [i.shouldShowIcon(o) && a("i", {
+        class: E(o)
+      }, [oe(u("div", {
+        class: x(o),
+        style: k(o),
+        onClick: (W) => o.enable && M(W, o)
+      }, [i.shouldShowIcon(o) && u("i", {
         class: i.iconClass(o)
-      }, null), a("span", null, [o.text])]), [[se("tooltip"), T]]), o.split && a("button", {
-        class: D(o),
+      }, null), o.text && u("span", null, [o.text])]), [[se("tooltip"), D]]), o.split && u("button", {
+        class: _(o),
         style: "border-radius:0 6px 6px 0;",
-        onClick: (z) => L(z, o)
-      }, null), b && u(o)]);
+        onClick: (W) => z(W, o)
+      }, null), f && p(o)]);
     }
-    return a("div", {
+    return u("div", {
       id: o.id,
-      class: k(o)
-    }, [a("div", {
-      class: C(o),
-      style: H(o),
-      onClick: (T) => o.enable && W(T, o)
-    }, [i.shouldShowIcon(o) && a("i", {
+      class: E(o)
+    }, [u("div", {
+      class: x(o),
+      style: k(o),
+      onClick: (D) => o.enable && M(D, o)
+    }, [i.shouldShowIcon(o) && u("i", {
       class: i.iconClass(o)
-    }, null), a("span", null, [o.text])]), o.split && a("button", {
-      class: D(o),
+    }, null), o.text && u("span", null, [o.text])]), o.split && u("button", {
+      class: _(o),
       style: "border-radius:0 6px 6px 0;",
-      onClick: (T) => L(T, o)
-    }, null), b && u(o)]);
+      onClick: (D) => z(D, o)
+    }, null), f && p(o)]);
   }
-  function q() {
+  function U() {
     w();
   }
   return {
-    renderToolbarDropdown: $,
-    clearAllDropDown: q,
-    updateContainerId: B
+    renderToolbarDropdown: V,
+    clearAllDropDown: U,
+    updateContainerId: R
   };
 }
 const {
-  buildResponseToolbarItems: ue
-} = fe(), Be = /* @__PURE__ */ ye({
+  buildResponseToolbarItems: pe
+} = he(), _e = /* @__PURE__ */ Te({
   name: "FResponseToolbar",
-  props: Se,
+  props: Ee,
   emits: ["click"],
   setup(r, s) {
-    const i = A(ue(r.items)), g = A(), u = A(), w = A(), B = {
+    const i = $(pe(r.items)), g = $(), p = $(), w = $(), R = ve(), E = {
       id: "__more_buttons__",
-      text: Te.getLocaleValue("responseToolbar.more")
-    }, k = A(new ne(B)), C = {
-      id: B.id + "width",
-      text: B.text
-    }, D = A(-1), H = Ee();
-    let W = !1;
+      text: R ? "" : Oe.getLocaleValue("responseToolbar.more"),
+      icon: R ? "f-icon-more-horizontal" : ""
+    }, x = $(new ne(E)), _ = Object.assign({}, E, {
+      id: E.id + "width"
+    }), k = $(-1), M = Be();
+    let z = !1;
     const {
-      guid: L,
-      uuid: $
-    } = we(), q = r.id ? r.id : "toolbar-" + L(), o = A(), b = "dropdown-container-" + q + "-" + $(4), {
-      renderToolbarDropdown: T,
-      clearAllDropDown: z,
-      updateContainerId: le
-    } = Me(r, s, H);
-    le(b);
-    const re = X(() => k.value.children.length > 0), ie = X(() => r.visible ? k.value.children.length > 0 ? !0 : i.value.findIndex((n) => n.shown && n.children && n.children.length > 0) > -1 : !1);
-    function K() {
-      r.visible && !o.value && document && (o.value = document.createElement("div"), o.value.id = b, document.body.appendChild(o.value));
-    }
-    K();
+      guid: V,
+      uuid: U
+    } = Ce(), o = r.id ? r.id : "toolbar-" + V(), f = $(), D = "dropdown-container-" + o + "-" + U(4), {
+      renderToolbarDropdown: W,
+      clearAllDropDown: le,
+      updateContainerId: re
+    } = He(r, s, M);
+    re(D);
+    const ie = K(() => x.value.children.length > 0), de = K(() => r.visible ? x.value.children.length > 0 ? !0 : i.value.findIndex((n) => n.shown && n.children && n.children.length > 0) > -1 : !1);
     function t() {
-      o.value && document.body.contains(o.value) && (document.body.removeChild(o.value), o.value = null);
+      r.visible && !f.value && document && (f.value = document.createElement("div"), f.value.id = D, document.body.appendChild(f.value));
     }
-    ce(ie, (n, d) => {
-      n ? K() : t();
+    t();
+    function e() {
+      f.value && document.body.contains(f.value) && (document.body.removeChild(f.value), f.value = null);
+    }
+    ae(de, (n, d) => {
+      n ? t() : e();
     });
-    const e = X(() => {
+    const a = K(() => {
       const n = {
         "f-toolbar": !0,
         "f-response-toolbar": !0,
@@ -504,8 +508,8 @@ const {
         "f-response-toolbar-lg": r.buttonSize === "lg",
         "d-none": !r.visible
       };
-      return P(n, r.customClass);
-    }), c = X(() => ({
+      return H(n, r.customClass);
+    }), l = K(() => ({
       "w-100": !0,
       "d-flex": !0,
       "flex-nowrap": !0,
@@ -513,201 +517,216 @@ const {
       "justify-content-start": r.alignment === "left",
       "justify-content-center": r.alignment === "center"
     }));
-    function l(n) {
+    function b(n) {
       n && n.target.closest("ul.dropdown-menu") && n.type === "wheel" || (i.value.filter((d) => d.children && d.children.length > 0).forEach((d) => {
         d.expanded = !1;
-      }), k.value.expanded = !1, z());
+      }), x.value.expanded = !1, le());
     }
-    function h(n, d) {
-      var E;
-      const p = {
+    function N(n, d) {
+      var v;
+      const c = {
         btn: !0,
         "f-rt-btn": !0,
         "f-btn-ml": r.alignment === "right" || d > 0 && r.alignment === "center",
         "f-btn-mr": r.alignment === "left",
         "btn-icontext": !!(n.icon && n.icon.trim())
-      }, S = ((E = n == null ? void 0 : n.appearance) == null ? void 0 : E.class) || n.class || "btn-secondary";
-      return P(p, S);
+      }, C = ((v = n == null ? void 0 : n.appearance) == null ? void 0 : v.class) || n.class || "btn-secondary";
+      return H(c, C);
     }
-    function F(n, d) {
+    function T(n, d) {
       document.body.click(), typeof d.onClick == "function" && d.onClick(n, d.id), s.emit("click", n, d.id);
     }
-    function O(n, d) {
+    function ce(n, d) {
       if (n.tipsEnable && n.tipsText) {
-        const p = te({
+        const c = te({
           content: n.tipsText,
           enable: n.tipsEnable
         });
-        return oe(a("button", {
+        return oe(u("button", {
           type: "button",
-          class: h(n, d),
+          class: N(n, d),
           id: n.id,
           disabled: !n.enable,
-          onClick: (S) => F(S, n)
-        }, [H.shouldShowIcon(n) && a("i", {
-          class: H.iconClass(n)
-        }, null), n.text]), [[se("tooltip"), p]]);
+          onClick: (C) => T(C, n)
+        }, [M.shouldShowIcon(n) && u("i", {
+          class: M.iconClass(n)
+        }, null), n.text]), [[se("tooltip"), c]]);
       }
-      return a("button", {
+      return u("button", {
         type: "button",
-        class: h(n, d),
+        class: N(n, d),
         id: n.id,
         disabled: !n.enable,
-        onClick: (p) => F(p, n)
-      }, [H.shouldShowIcon(n) && a("i", {
-        class: H.iconClass(n)
+        onClick: (c) => T(c, n)
+      }, [M.shouldShowIcon(n) && u("i", {
+        class: M.iconClass(n)
       }, null), n.text]);
     }
-    let V = /* @__PURE__ */ new Map(), x = [];
-    function _(n) {
-      const d = Math.ceil(parseFloat(getComputedStyle(n).getPropertyValue("margin-left"))), p = Math.ceil(parseFloat(getComputedStyle(n).getPropertyValue("margin-right")));
-      return (d || 0) + n.getBoundingClientRect().width + (p || 0);
+    let A = /* @__PURE__ */ new Map(), y = [];
+    function q(n) {
+      const d = Math.ceil(parseFloat(getComputedStyle(n).getPropertyValue("margin-left"))), c = Math.ceil(parseFloat(getComputedStyle(n).getPropertyValue("margin-right")));
+      return (d || 0) + n.getBoundingClientRect().width + (c || 0);
     }
-    function Y(n, d, p) {
-      if (d < D.value) {
-        let S = p - 1;
-        for (; S >= 0; S--) {
-          const E = n[S], R = _(E);
-          if (d += R, d >= D.value)
+    function Y(n, d, c) {
+      if (d < k.value) {
+        let C = c - 1;
+        for (; C >= 0; C--) {
+          const v = n[C], S = q(v);
+          if (d += S, d >= k.value)
             break;
         }
-        p = S;
+        c = C;
       }
-      return d -= D.value, p = p < 0 ? 0 : p, {
-        start: p,
+      return d -= k.value, c = c < 0 ? 0 : c, {
+        start: c,
         space: d
       };
     }
-    function m(n) {
+    function j(n) {
       const d = w.value;
-      let p = n;
-      const E = Array.from(d.children).filter((M) => M.id !== "__more_buttons__"), R = E.length;
-      let y = !1, v = 0;
-      for (; v < R; v++) {
-        const M = E[v], J = _(M);
-        if (J <= p)
-          p -= J;
+      let c = n;
+      const v = Array.from(d.children).filter((B) => B.id !== "__more_buttons__"), S = v.length;
+      let ee = !1, O = 0;
+      for (; O < S; O++) {
+        const B = v[O], Q = q(B);
+        if (Q <= c)
+          c -= Q;
         else {
-          const Q = Y(E, p, v);
-          v = Q.start, p = Q.space, y = !0;
+          const X = Y(v, c, O);
+          O = X.start, c = X.space, ee = !0;
           break;
         }
       }
-      if (!y && x.length > 0) {
-        const M = Y(E, p, v);
-        v = M.start, p = M.space;
+      if (!ee && y.length > 0) {
+        const B = Y(v, c, O);
+        O = B.start, c = B.space;
       }
-      const de = x.length > 0;
-      for (; v < R; v++) {
-        const M = E[v], J = _(M);
-        V.set(M.id, !0);
-        const Q = x.find((he) => he.id === M.id);
-        Q ? Q.width = J : x[de ? "unshift" : "push"]({
-          id: M.id,
-          width: J
+      const be = y.length > 0;
+      for (; O < S; O++) {
+        const B = v[O], Q = q(B);
+        A.set(B.id, !0);
+        const X = y.find((ge) => ge.id === B.id);
+        X ? X.width = Q : y[be ? "unshift" : "push"]({
+          id: B.id,
+          width: Q
         });
       }
-      return p;
+      return c;
     }
-    function j(n) {
-      let d = m(n);
-      if (x.length) {
-        let R = 0;
-        for (; R < x.length; R++) {
-          const y = r.items.find((v) => v.id === x[R].id);
-          if (y && y.visible !== !1) {
-            const v = x[R].width;
-            if (d >= v || R === x.length - 1 && d + D.value >= v)
+    function Z() {
+      A = /* @__PURE__ */ new Map(), y = [];
+    }
+    function F(n = !1) {
+      const d = Object.assign({}, x.value);
+      d.children = [];
+      const c = new ne(d), C = i.value.reduce((v, S) => {
+        const ee = r.items.find((O) => O.id === S.id);
+        return n ? (c.children.push(S), S.shown = !1, v) : (A.has(S.id) ? (c.children.push(S), S.shown = !1) : S.shown = ee.visible !== !1, v.push(S), v);
+      }, []);
+      x.value = c, i.value = C;
+    }
+    function m(n) {
+      if (R) {
+        Z(), F(!0);
+        return;
+      }
+      let d = j(n);
+      if (y.length) {
+        let c = 0;
+        for (; c < y.length; c++) {
+          const C = r.items.find((v) => v.id === y[c].id);
+          if (C && C.visible !== !1) {
+            const v = y[c].width;
+            if (d >= v || c === y.length - 1 && d + k.value >= v)
               d -= v;
             else
               break;
           }
         }
-        for (let y = 0; y < R; y++)
-          V.delete(x[y].id);
-        x.splice(0, R - 1);
+        for (let C = 0; C < c; C++)
+          A.delete(y[C].id);
+        y.splice(0, c - 1);
+      }
+      F();
+    }
+    function L() {
+      if (g.value && k.value < 0) {
+        const n = g.value.querySelector("#" + _.id);
+        if (!n)
+          return;
+        n.getBoundingClientRect().width === 0 ? k.value = -1 : k.value = q(n);
       }
-      const p = Object.assign({}, k.value);
-      p.children = [];
-      const S = new ne(p), E = i.value.reduce((R, y) => {
-        const v = r.items.find((de) => de.id === y.id);
-        return V.has(y.id) ? (S.children.push(y), y.shown = !1) : y.shown = v.visible !== !1, R.push(y), R;
-      }, []);
-      k.value = S, i.value = E;
     }
     function I(n = -1) {
-      if (n === 0 || !w.value || !u.value)
+      if (n === 0 || !w.value || !p.value)
         return;
-      n < 0 && (n = u.value.getBoundingClientRect().width);
+      n < 0 && (n = p.value.getBoundingClientRect().width);
       const d = w.value.getBoundingClientRect().width;
-      (n >= 0 && n < d || x.length) && (j(n), l());
+      if (R) {
+        m(n), b();
+        return;
+      }
+      (n >= 0 && n < d || y.length) && (L(), m(n), b());
     }
-    function N() {
-      return D.value < 0 && a("div", {
-        style: "position:absolute;top:-30px;visibility:hidden;"
-      }, [T(new ne(C))]);
+    function J() {
+      return k.value < 0 && u("div", {
+        style: "position:fixed;top:-40px;visibility:hidden;"
+      }, [W(new ne(_))]);
     }
-    const ee = new ResizeObserver((n) => {
+    const P = new ResizeObserver((n) => {
       if (n.length) {
-        const p = n[0].contentRect.width;
-        I(p);
+        if (R)
+          return;
+        const c = n[0].contentRect.width;
+        I(c);
       }
     });
-    function Z() {
-      V = /* @__PURE__ */ new Map(), x = [];
-    }
     function G() {
-      u.value && !W && (ee.observe(u.value), W = !0);
-    }
-    function U() {
-      if (g.value && D.value < 0) {
-        const n = g.value.querySelector("#" + C.id);
-        n && (D.value = _(n));
-      }
+      p.value && !z && (P.observe(p.value), z = !0);
     }
-    return ke(() => {
-      U(), I(), G(), document.body.addEventListener("click", l), document.body.addEventListener("wheel", l);
-    }), De(() => {
-      ee.disconnect(), t(), document.body.removeEventListener("click", l), document.body.removeEventListener("wheel", l);
-    }), ce(() => r.items, () => {
-      i.value = ue(r.items), k.value.children = [], ae(() => {
-        Z(), I();
+    return Se(() => {
+      L(), I(), G(), document.body.addEventListener("click", b), document.body.addEventListener("wheel", b);
+    }), Re(() => {
+      P.disconnect(), e(), document.body.removeEventListener("click", b), document.body.removeEventListener("wheel", b);
+    }), ae(() => r.items, () => {
+      i.value = pe(r.items), x.value.children = [], ue(() => {
+        L(), Z(), I();
       });
     }, {
       deep: !0
-    }), ce(() => r.visible, (n) => {
-      n && ae(() => {
-        U(), I(), G();
+    }), ae(() => r.visible, (n) => {
+      n && ue(() => {
+        L(), I(), G();
       });
     }), s.expose({
       elementRef: g
-    }), () => a("div", {
-      class: e.value,
-      id: q,
+    }), () => u("div", {
+      class: a.value,
+      id: o,
       ref: g,
       style: {
-        "overflow-y": D.value < 0 ? "hidden" : "initial"
+        "overflow-y": k.value < 0 ? "hidden" : "initial"
       }
-    }, [r.visible && N(), r.visible && a("div", {
-      ref: u,
-      class: c.value
-    }, [a("div", {
+    }, [r.visible && J(), r.visible && u("div", {
+      ref: p,
+      class: l.value
+    }, [u("div", {
       ref: w,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
-    }, [i.value.filter((n) => n.shown).map((n, d) => n.children && n.children.length > 0 ? T(n) : O(n, d)), re.value && T(k.value)])])]);
+    }, [i.value.filter((n) => n.shown).map((n, d) => n.children && n.children.length > 0 ? W(n) : ce(n, d)), ie.value && W(x.value)])])]);
   }
 });
-class Ae {
+class Ie {
   constructor(s, i) {
-    f(this, "id");
-    f(this, "name");
+    h(this, "id");
+    h(this, "name");
     /** 记录元素的Id */
-    f(this, "presetId", []);
+    h(this, "presetId", []);
     /** 记录转变为下拉时元素的位置 */
-    f(this, "responsedIndex", []);
+    h(this, "responsedIndex", []);
     /** 记录宽度 */
-    f(this, "width");
+    h(this, "width");
     this.id = s, this.name = i, this.width = 0;
   }
   // 设置宽度
@@ -743,12 +762,12 @@ class Ae {
     return this.presetId.length === this.responsedIndex.length;
   }
 }
-const Le = xe(Be);
+const $e = ye(_e);
 export {
-  Be as FResponseToolbar,
+  _e as FResponseToolbar,
   ne as ResponseToolbarDropDownItem,
-  Ae as ResponseToolbarGroup,
-  Re as ResponseToolbarItem,
-  Le as default,
-  Se as responseToolbarProps
+  Ie as ResponseToolbarGroup,
+  Me as ResponseToolbarItem,
+  $e as default,
+  Ee as responseToolbarProps
 };