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

package/components/tabs/index.esm.js

@@ -1,14 +1,14 @@
-import { ref as I, computed as T, watch as A, nextTick as L, reactive as ve, createVNode as v, withDirectives as Z, resolveDirective as be, onMounted as _, vModelText as pe, Fragment as he, defineComponent as ee, shallowRef as N, provide as me, inject as ge, onUnmounted as ye, isVNode as Te } from "vue";
-import { FNotifyService as we } from "../notify/index.esm.js";
-import { getCustomClass as Ce, isMobilePhone as Se, EVENT_PROPERTY_TAB_IDS as Be } from "../common/index.esm.js";
-import Ie from "../capsule/index.esm.js";
-import { LocaleService as $ } from "../locale/index.esm.js";
-import xe from "../response-toolbar/index.esm.js";
+import { ref as x, computed as T, watch as k, nextTick as F, reactive as pe, createVNode as v, mergeProps as W, withDirectives as te, resolveDirective as he, onMounted as U, vModelText as me, Fragment as ge, defineComponent as ne, shallowRef as q, provide as ye, inject as Te, onUnmounted as we, isVNode as Ce } from "vue";
+import { FNotifyService as Se } from "../notify/index.esm.js";
+import { getCustomClass as Be, extractDataAttrs as Ie, isMobilePhone as xe, EVENT_PROPERTY_TAB_IDS as Oe } from "../common/index.esm.js";
+import Pe from "../capsule/index.esm.js";
+import { LocaleService as _ } from "../locale/index.esm.js";
+import He from "../response-toolbar/index.esm.js";
 import "bignumber.js";
 import "lodash-es";
-import Y from "../section/index.esm.js";
-import { BaseControlProperty as Oe } from "../property-panel/index.esm.js";
-const Pe = {
+import J from "../section/index.esm.js";
+import { BaseControlProperty as je } from "../property-panel/index.esm.js";
+const Me = {
   /**
    * 标签页显示样式
    * @default 'default'
@@ -86,161 +86,161 @@ const Pe = {
    */
   beforeTabSelect: { type: Function, default: null }
 };
-function Ze() {
-  function e(t, l, c) {
-    const i = {};
-    return i.beforeTabSelect = (o) => l.call("beforeTabSelect", t, [o, t], c), i;
+function nt() {
+  function e(t, n, c) {
+    const a = {};
+    return a.beforeTabSelect = (o) => n.call("beforeTabSelect", t, [o, t], c), a;
   }
   return {
     resolve: e
   };
 }
-function He(e, t, l) {
-  const c = new we(), i = I([]), o = I(e.activeId || "");
+function Ae(e, t, n) {
+  const c = new Se(), a = x([]), o = x(e.activeId || "");
   let f = "";
-  const m = I(!0), d = I([]), h = I(!0), b = I(0), w = T(() => {
-    const n = i.value.find((r) => r.props.id === o.value);
-    return (n == null ? void 0 : n.props.toolbarPosition) === "inHead";
+  const h = x(!0), d = x([]), p = x(!0), b = x(0), w = T(() => {
+    const l = a.value.find((r) => r.props.id === o.value);
+    return (l == null ? void 0 : l.props.toolbarPosition) === "inHead";
   });
-  let C;
-  function P(n) {
-    C = n;
+  let S;
+  function H(l) {
+    S = l;
   }
-  function x(n, u = !0) {
-    const r = n.findIndex((g) => g.props.show !== !1 && !g.props.disabled);
+  function O(l, u = !0) {
+    const r = l.findIndex((m) => m.props.show !== !1 && !m.props.disabled);
     if (r !== -1) {
-      if (o.value = n[r].props.id, !u)
+      if (o.value = l[r].props.id, !u)
         return;
       d.value = [];
-      const g = n[r];
-      g && g.props.toolbar && g.props.toolbar.buttons && g.props.toolbar.buttons.length && (d.value = [...g.props.toolbar.buttons], h.value = g.props.toolbarVisible);
+      const m = l[r];
+      m && m.props.toolbar && m.props.toolbar.buttons && m.props.toolbar.buttons.length && (d.value = [...m.props.toolbar.buttons], p.value = m.props.toolbarVisible);
     }
   }
-  function s(n) {
-    o.value = n;
-    const u = i.value.find((r) => r.props.id === n);
-    d.value = [], u && u.props.toolbar && u.props.toolbar.buttons && u.props.toolbar.buttons.length && (d.value = [...u.props.toolbar.buttons], h.value = u.props.toolbarVisible), t.emit("update:activeId", n), t.emit("tabChange", {
+  function i(l) {
+    o.value = l;
+    const u = a.value.find((r) => r.props.id === l);
+    d.value = [], u && u.props.toolbar && u.props.toolbar.buttons && u.props.toolbar.buttons.length && (d.value = [...u.props.toolbar.buttons], p.value = u.props.toolbarVisible), t.emit("update:activeId", l), t.emit("tabChange", {
       prevId: f,
       nextId: o.value
     });
   }
-  async function y(n, u, r, g) {
-    var D;
-    const O = await ((D = e.beforeTabSelect) == null ? void 0 : D.call(e, {
-      prevId: n,
+  async function g(l, u, r, m) {
+    var L;
+    const P = await ((L = e.beforeTabSelect) == null ? void 0 : L.call(e, {
+      prevId: l,
       nextId: u
     }));
-    (typeof O == "boolean" ? O : (O == null ? void 0 : O.canSelect) ?? !0) ? r && r() : (g && g(), typeof O != "boolean" && O.message && (c == null || c.warning({ message: O.message, position: "top-center" })));
+    (typeof P == "boolean" ? P : (P == null ? void 0 : P.canSelect) ?? !0) ? r && r() : (m && m(), typeof P != "boolean" && P.message && (c == null || c.warning({ message: P.message, position: "top-center" })));
   }
-  function B(n) {
+  function B(l) {
     let u = -1;
     if (!o.value) {
-      if (u = n.findIndex((r) => o.value === r.props.id && r.props.show !== !1 && !r.props.disabled), u > -1)
+      if (u = l.findIndex((r) => o.value === r.props.id && r.props.show !== !1 && !r.props.disabled), u > -1)
         return;
       f = o.value;
     }
-    x(n, !1), y(f, o.value, () => {
-      s(o.value), C && C();
+    O(l, !1), g(f, o.value, () => {
+      i(o.value), S && S();
     }, () => {
       o.value = f;
     });
   }
-  function p(n) {
+  function y(l) {
     let u = !1;
-    if (n) {
-      const r = i.value.find((g) => g.props.id === n);
+    if (l) {
+      const r = a.value.find((m) => m.props.id === l);
       u = !r || r.props.show === !1 || r.props.disabled === !0;
     }
     if (u)
-      B(i.value);
-    else if (o.value !== n) {
+      B(a.value);
+    else if (o.value !== l) {
       const r = o.value;
-      y(r, n, () => {
-        f = r, o.value = n, s(o.value), C && C();
+      g(r, l, () => {
+        f = r, o.value = l, i(o.value), S && S();
       }, () => {
         o.value = r, t.emit("update:activeId", r);
       });
     } else
-      s(o.value);
+      i(o.value);
   }
-  A(() => e.activeId, (n, u) => {
-    n !== u && e.activeId !== o.value && p(n);
+  k(() => e.activeId, (l, u) => {
+    l !== u && e.activeId !== o.value && y(l);
   });
-  function H(n) {
+  function C(l) {
     var r;
     if (e.autoTitleWidth)
       return;
-    const u = (r = n.value) == null ? void 0 : r.querySelectorAll(".st-tab-text");
+    const u = (r = l.value) == null ? void 0 : r.querySelectorAll(".st-tab-text");
     if (!(!u || e.tabType === "pill"))
-      for (let g = 0; g < u.length; g++) {
-        const O = u[g].parentNode;
-        u[g].scrollWidth > O.offsetWidth ? u[g].classList.contains("farris-title-text-custom") || u[g].classList.add("farris-title-text-custom") : u[g].classList.remove("farris-title-text-custom");
+      for (let m = 0; m < u.length; m++) {
+        const P = u[m].parentNode;
+        u[m].scrollWidth > P.offsetWidth ? u[m].classList.contains("farris-title-text-custom") || u[m].classList.add("farris-title-text-custom") : u[m].classList.remove("farris-title-text-custom");
       }
   }
-  const M = (n) => {
-    n.preventDefault(), n.stopPropagation();
+  const j = (l) => {
+    l.preventDefault(), l.stopPropagation();
   };
-  function k(n, u, r = !1) {
-    const g = i.value.findIndex((O) => O.props.id === u);
-    i.value = i.value.filter((O) => O.props.id !== u), o.value === u && (f = u, o.value = "", x(i.value)), M(n), L(() => {
-      b.value++, H(l), r && (m.value = !0), t.emit("tabRemove", {
-        removeIndex: g,
+  function A(l, u, r = !1) {
+    const m = a.value.findIndex((P) => P.props.id === u);
+    a.value = a.value.filter((P) => P.props.id !== u), o.value === u && (f = u, o.value = "", O(a.value)), j(l), F(() => {
+      b.value++, C(n), r && (h.value = !0), t.emit("tabRemove", {
+        removeIndex: m,
         removeId: u,
         activeId: o.value
       });
     });
   }
-  function V(n, u = !0) {
-    const r = i.value.find((g) => g.props.id === n);
-    r && (r.props.show === !1 && o.value === n ? (o.value = "", f = n, p("")) : r.props.show === !0 && !o.value && B(i.value), L(() => {
-      b.value++, u && (m.value = !0);
+  function D(l, u = !0) {
+    const r = a.value.find((m) => m.props.id === l);
+    r && (r.props.show === !1 && o.value === l ? (o.value = "", f = l, y("")) : r.props.show === !0 && !o.value && B(a.value), F(() => {
+      b.value++, u && (h.value = !0);
     }));
   }
-  function R(n) {
-    o.value !== n && y(f, n, () => {
-      f = o.value, s(n), C && C();
+  function R(l) {
+    o.value !== l && g(f, l, () => {
+      f = o.value, i(l), S && S();
     }, null);
   }
-  function F(n) {
-    i.value.findIndex((r) => r.props.id === n.props.id) === -1 && i.value.push(n), b.value++;
+  function V(l) {
+    a.value.findIndex((r) => r.props.id === l.props.id) === -1 && a.value.push(l), b.value++;
   }
-  function a(n) {
-    i.value.findIndex((r) => r.props.id === n.props.id) !== -1 && (i.value.forEach((r) => {
-      r.props.id === n.props.id && (r = n);
-    }), n.props.id === o.value && w.value, L(() => {
-      b.value++, H(l);
+  function s(l) {
+    a.value.findIndex((r) => r.props.id === l.props.id) !== -1 && (a.value.forEach((r) => {
+      r.props.id === l.props.id && (r = l);
+    }), l.props.id === o.value && w.value, F(() => {
+      b.value++, C(n);
     }));
   }
   return {
     activeId: o,
-    addTab: F,
-    changeTitleStyle: H,
-    removeTab: k,
+    addTab: V,
+    changeTitleStyle: C,
+    removeTab: A,
     selectTab: R,
-    tabPages: i,
-    updateTab: a,
+    tabPages: a,
+    updateTab: s,
     toolbarItems: d,
     needUpdateNavigationLayout: b,
-    checkActiveIdAndSelect: p,
-    toggleShowTab: V,
+    checkActiveIdAndSelect: y,
+    toggleShowTab: D,
     hasInHeadClass: w,
-    setScrollToSelectedTabFunction: P,
-    toolbarVisible: h
+    setScrollToSelectedTabFunction: H,
+    toolbarVisible: p
   };
 }
-function Me(e, t, l, c, i) {
+function Re(e, t, n, c, a) {
   const {
     activeId: o,
     removeTab: f,
-    selectTab: m
-  } = i, d = T(() => {
-    const p = {
+    selectTab: h
+  } = a, d = T(() => {
+    const C = {
       "st-tab-text": !0,
       "text-truncate": e.tabType === "pill" && !e.autoTitleWidth,
       "farris-title-auto": e.autoTitleWidth
     };
-    return Ce(p, t.customTitleClass);
-  }), h = T(() => ({
+    return Be(C, t.customTitleClass);
+  }), p = T(() => ({
     "nav-item": !0,
     "d-none": t.show !== void 0 ? !t.show : !1,
     "f-state-active": t.id === o.value,
@@ -252,65 +252,66 @@ function Me(e, t, l, c, i) {
     "tabs-text-truncate": !0,
     active: t.id === o.value,
     disabled: t.disabled
-  })), C = ve({
+  })), S = pe({
     content: t.title,
     overflowShown: !0
   });
-  function P() {
-    return e.tabType !== "pill" && !e.autoTitleWidth ? Z(v("span", {
+  function H() {
+    return e.tabType !== "pill" && !e.autoTitleWidth ? te(v("span", {
       class: d.value,
       "data-tabid": t.id
-    }, [t.title]), [[be("tooltip"), C]]) : v("span", {
+    }, [t.title]), [[he("tooltip"), S]]) : v("span", {
       class: d.value,
       "data-tabid": t.id,
       title: t.title
     }, [t.title]);
   }
-  const x = I(t.removeable);
-  function s() {
-    return x.value ? v("span", {
+  const O = x(t.removeable);
+  function i() {
+    return O.value ? v("span", {
       class: "st-drop-close",
-      onClick: (p) => f(p, t.id)
+      onClick: (C) => f(C, t.id)
     }, [v("i", {
       class: "f-icon f-icon-close"
     }, null)]) : "";
   }
-  function y(p) {
-    m(t.id), e.tabType === "one-page" && c.scrollToByPaggId(t.id);
+  function g(C) {
+    h(t.id), e.tabType === "one-page" && c.scrollToByPaggId(t.id);
   }
-  function B() {
-    return l.slots.title ? v("a", {
+  const B = Ie(n.attrs);
+  function y() {
+    return n.slots.title ? v("a", W(B, {
       class: w.value,
-      onClick: y,
+      onClick: g,
       id: `${t.id}-tab-title`
-    }, [l.slots.title(l), s()]) : t.titleRenderFunction ? v("a", {
+    }), [n.slots.title(n), i()]) : t.titleRenderFunction ? v("a", W(B, {
       class: w.value,
-      onClick: y,
+      onClick: g,
       id: `${t.id}-tab-title`
-    }, [t.titleRenderFunction(), s()]) : v("a", {
+    }), [t.titleRenderFunction(), i()]) : v("a", W(B, {
       class: w.value,
-      onClick: y,
+      onClick: g,
       id: `${t.id}-tab-title`
-    }, [P(), s()]);
+    }), [H(), i()]);
   }
   return v("li", {
-    class: h.value,
+    class: p.value,
     style: b.value
-  }, [B()]);
+  }, [y()]);
 }
-function je(e, t, l, c, i) {
+function ke(e, t, n, c, a) {
   const {
     shouldShowNavigationButtons: o
-  } = l, {
+  } = n, {
     tabPages: f
-  } = i, m = T(() => ({
+  } = a, h = T(() => ({
     spacer: !0,
     "f-utils-fill": !0,
     "spacer-sides-dropdown": o.value
   })), d = T(() => ({
     width: "100%",
     "justify-content": e.justifyContent
-  })), h = T(() => ({
+  })), p = T(() => ({
     nav: !0,
     "farris-nav-tabs": !0,
     "flex-nowrap": !0,
@@ -320,180 +321,180 @@ function je(e, t, l, c, i) {
     "flex-column": e.position === "left" || e.position === "right"
   }));
   return () => v("div", {
-    class: m.value,
+    class: h.value,
     style: d.value
   }, [v("ul", {
-    class: h.value,
+    class: p.value,
     ref: t
-  }, [f.value.map((b) => Me(e, b.props, b, c, i))])]);
+  }, [f.value.map((b) => Re(e, b.props, b, c, a))])]);
 }
-function ke(e, t, l, c, i) {
-  const o = I(), {
+function De(e, t, n, c, a) {
+  const o = x(), {
     shouldShowNavigationButtons: f
-  } = l, {
-    activeId: m,
+  } = n, {
+    activeId: h,
     tabPages: d,
-    selectTab: h
-  } = i, b = I(m.value), w = T(() => d.value.map((s) => ({
-    name: s.props.title,
-    value: s.props.id,
-    show: s.props.show,
-    disabled: s.props.disabled
-  }))), C = T(() => ({
+    selectTab: p
+  } = a, b = x(h.value), w = T(() => d.value.map((i) => ({
+    name: i.props.title,
+    value: i.props.id,
+    show: i.props.show,
+    disabled: i.props.disabled
+  }))), S = T(() => ({
     spacer: !0,
     "f-utils-fill": !0,
     "spacer-sides-dropdown": f.value
-  })), P = T(() => ({
+  })), H = T(() => ({
     width: "100%",
     display: "flex",
     "justify-content": e.justifyContent
   }));
-  _(() => {
+  U(() => {
     o.value && (t.value = o.value.$el);
   });
-  function x(s) {
-    h(s);
+  function O(i) {
+    p(i);
   }
-  return A(() => m.value, (s) => {
-    s !== b.value && (b.value = s);
+  return k(() => h.value, (i) => {
+    i !== b.value && (b.value = i);
   }, {
     immediate: !0
   }), () => v("div", {
-    class: C.value,
-    style: P.value
-  }, [v(Ie, {
+    class: S.value,
+    style: H.value
+  }, [v(Pe, {
     items: w.value,
     modelValue: b.value,
-    "onUpdate:modelValue": (s) => b.value = s,
-    onChange: x,
+    "onUpdate:modelValue": (i) => b.value = i,
+    onChange: O,
     ref: o
   }, null)]);
 }
-function Re(e, t, l, c) {
-  const i = I(), {
+function Ve(e, t, n, c) {
+  const a = x(), {
     activeId: o,
     removeTab: f,
-    tabPages: m,
+    tabPages: h,
     selectTab: d
   } = c, {
-    hideDropDown: h,
+    hideDropDown: p,
     searchTabText: b
   } = t, w = 600;
-  let C = null;
-  const P = T(() => {
-    var n, u;
-    let a = [];
-    return e.searchBoxVisible ? a = (n = m.value) == null ? void 0 : n.filter((r) => r.props.title.includes(b.value)) : a = (u = m.value) == null ? void 0 : u.slice(), a;
-  }), x = T(() => ({
+  let S = null;
+  const H = T(() => {
+    var l, u;
+    let s = [];
+    return e.searchBoxVisible ? s = (l = h.value) == null ? void 0 : l.filter((r) => r.props.title.includes(b.value)) : s = (u = h.value) == null ? void 0 : u.slice(), s;
+  }), O = T(() => ({
     "dropdown-menu": !0,
     "tabs-pt28": e.searchBoxVisible,
     // 未看到样式定义
-    show: !h.value,
-    "d-none": h.value
+    show: !p.value,
+    "d-none": p.value
   }));
-  let s;
-  function y(a) {
-    s = a;
-  }
-  A(h, (a) => {
-    if (s.value)
-      if (a)
-        i.value.style.width = null;
+  let i;
+  function g(s) {
+    i = s;
+  }
+  k(p, (s) => {
+    if (i.value)
+      if (s)
+        a.value.style.width = null;
       else {
-        const n = s.value.querySelector(".farris-tabs-header"), u = s.value.clientHeight - n.clientHeight - 20, g = n.querySelector(".farris-tabs-title").clientWidth - 20;
-        i.value.style.maxWidth = g + "px", i.value.style.maxHeight = u + "px", L(() => {
+        const l = i.value.querySelector(".farris-tabs-header"), u = i.value.clientHeight - l.clientHeight - 20, m = l.querySelector(".farris-tabs-title").clientWidth - 20;
+        a.value.style.maxWidth = m + "px", a.value.style.maxHeight = u + "px", F(() => {
           const {
-            width: O
-          } = i.value.getClientRects()[0];
-          i.value.style.width = O ? O + "px" : null;
+            width: P
+          } = a.value.getClientRects()[0];
+          a.value.style.width = P ? P + "px" : null;
         });
       }
   });
-  function B(a) {
+  function B(s) {
     return {
       "dropdown-item": !0,
       "text-truncate": !0,
       "px-2": !0,
-      disabled: a.props.disabled,
-      active: a.props.id === o.value,
-      "d-none": a.props.show !== !0
+      disabled: s.props.disabled,
+      active: s.props.id === o.value,
+      "d-none": s.props.show !== !0
     };
   }
-  function p(a) {
-    a.preventDefault(), a.stopPropagation();
+  function y(s) {
+    s.preventDefault(), s.stopPropagation();
   }
-  function H() {
-    C && clearTimeout(C);
+  function C() {
+    S && clearTimeout(S);
   }
-  function M() {
-    h.value || (C = setTimeout(() => {
-      h.value = !0;
+  function j() {
+    p.value || (S = setTimeout(() => {
+      p.value = !0;
     }, w));
   }
-  function k(a, n) {
-    a.stopPropagation(), n.disabled || d(n.id), h.value = !0;
+  function A(s, l) {
+    s.stopPropagation(), l.disabled || d(l.id), p.value = !0;
   }
-  function V(a, n) {
-    a.stopPropagation(), f(a, n, !0);
+  function D(s, l) {
+    s.stopPropagation(), f(s, l, !0);
   }
-  function R(a) {
-    return a.slots.title ? v("a", {
+  function R(s) {
+    return s.slots.title ? v("a", {
       class: "dropdown-title",
-      id: `${a.props.id}-dropdown-item`
-    }, [a.slots.title(a)]) : a.props.titleRenderFunction ? v("a", {
+      id: `${s.props.id}-dropdown-item`
+    }, [s.slots.title(s)]) : s.props.titleRenderFunction ? v("a", {
       class: "dropdown-title",
-      id: `${a.props.id}-dropdown-item`
-    }, [a.props.titleRenderFunction()]) : v("a", {
+      id: `${s.props.id}-dropdown-item`
+    }, [s.props.titleRenderFunction()]) : v("a", {
       class: "dropdown-title",
-      id: `${a.props.id}-dropdown-item`
-    }, [a.props.title]);
+      id: `${s.props.id}-dropdown-item`
+    }, [s.props.title]);
   }
-  function F() {
+  function V() {
     return v("div", {
-      ref: i,
-      class: x.value,
-      onMouseenter: () => H(),
-      onMouseleave: () => M()
+      ref: a,
+      class: O.value,
+      onMouseenter: () => C(),
+      onMouseleave: () => j()
     }, [e.searchBoxVisible && v("div", {
-      onClick: (a) => p(a),
+      onClick: (s) => y(s),
       class: "pb-1 tabs-li-absolute"
-    }, [Z(v("input", {
+    }, [te(v("input", {
       type: "text",
       class: "form-control",
-      "onUpdate:modelValue": (a) => b.value = a
-    }, null), [[pe, b.value]]), v("span", {
+      "onUpdate:modelValue": (s) => b.value = s
+    }, null), [[me, b.value]]), v("span", {
       class: "f-icon f-icon-page-title-query tabs-icon-search"
-    }, null)]), P.value.length ? v("ul", {
+    }, null)]), H.value.length ? v("ul", {
       class: "tab-dropdown-menu--items flex-fill"
-    }, [P.value.map((a) => v("li", {
-      class: B(a),
-      onClick: (n) => k(n, a.props)
-    }, [a.props.removeable && a.props.disabled !== !0 && v("span", {
+    }, [H.value.map((s) => v("li", {
+      class: B(s),
+      onClick: (l) => A(l, s.props)
+    }, [s.props.removeable && s.props.disabled !== !0 && v("span", {
       class: "float-right st-drop-close",
-      onClick: (n) => V(n, a.props.id)
+      onClick: (l) => D(l, s.props.id)
     }, [v("i", {
       class: "f-icon f-icon-close"
-    }, null)]), R(a)]))]) : v("div", {
+    }, null)]), R(s)]))]) : v("div", {
       class: "dropdown-no-data"
-    }, [$.getLocaleValue("tabs.noData")])]);
+    }, [_.getLocaleValue("tabs.noData")])]);
   }
   return {
-    renderDropdownMenu: F,
-    setTabsRef: y
+    renderDropdownMenu: V,
+    setTabsRef: g
   };
 }
-function Ae(e, t, l, c) {
+function Fe(e, t, n, c) {
   const {
-    hideDropDown: i
+    hideDropDown: a
   } = t, {
     renderDropdownMenu: o,
     setTabsRef: f
-  } = Re(e, t, l, c), m = I(e.showDropdown);
+  } = Ve(e, t, n, c), h = x(e.showDropdown);
   function d() {
-    return m.value && v(he, null, [v("button", {
+    return h.value && v(ge, null, [v("button", {
       class: "btn dropdown-toggle-split dropdown-toggle",
       onClick: () => {
-        i.value = !1;
+        a.value = !1;
       }
     }, null), o()]);
   }
@@ -502,135 +503,135 @@ function Ae(e, t, l, c) {
     setTabsRef: f
   };
 }
-function Ve(e, t, l, c) {
-  const i = I(!1), { selectTab: o, tabPages: f, needUpdateNavigationLayout: m, activeId: d } = c, h = 4, b = T(() => ({
+function Le(e, t, n, c) {
+  const a = x(!1), { selectTab: o, tabPages: f, needUpdateNavigationLayout: h, activeId: d } = c, p = 4, b = T(() => ({
     btn: !0,
     "sc-nav-btn": !0,
     "px-1": !0,
     "sc-nav-lr": !0,
-    "d-none": !i.value
+    "d-none": !a.value
   })), w = T(() => ({
     "btn-group": !0,
     "sc-nav-btn": !0,
     dropdown: !0,
-    "d-none": !i.value
-  })), C = T(() => ({
+    "d-none": !a.value
+  })), S = T(() => ({
     btn: !0,
     "sc-nav-rg": !0,
-    "d-none": !i.value
+    "d-none": !a.value
   }));
-  function P(p, H) {
+  function H(y, C) {
     if (!t.value)
       return;
-    const M = t.value.scrollLeft, k = t.value.scrollWidth - t.value.offsetWidth;
-    if (H > 0) {
-      if (t.value.scrollLeft >= k)
+    const j = t.value.scrollLeft, A = t.value.scrollWidth - t.value.offsetWidth;
+    if (C > 0) {
+      if (t.value.scrollLeft >= A)
         return;
-      t.value.scrollLeft = M + e.scrollStep + p;
-    } else if (H < 0) {
+      t.value.scrollLeft = j + e.scrollStep + y;
+    } else if (C < 0) {
       if (t.value.scrollLeft <= 0)
         return;
-      t.value.scrollLeft = M - e.scrollStep - p;
+      t.value.scrollLeft = j - e.scrollStep - y;
     }
   }
-  function x(p = -1) {
-    if (!i.value || !t.value)
+  function O(y = -1) {
+    if (!a.value || !t.value)
       return;
-    p < 0 && (p = f.value.findIndex((R) => R.props.id === d.value));
-    const H = e.tabType === "pills" ? ".f-capsule-item" : ".nav-item", M = t.value.querySelectorAll(H), { parentElement: k } = t.value, V = M[p];
-    if (V && k) {
-      const R = k.getBoundingClientRect().left, F = k.getBoundingClientRect().right, a = V.getBoundingClientRect().left, n = V.getBoundingClientRect().right;
-      a < R ? P(R - a, -1) : F < n && P(n - F, 1), e.tabType === "one-page" && l.scrollTo(p);
+    y < 0 && (y = f.value.findIndex((R) => R.props.id === d.value));
+    const C = e.tabType === "pills" ? ".f-capsule-item" : ".nav-item", j = t.value.querySelectorAll(C), { parentElement: A } = t.value, D = j[y];
+    if (D && A) {
+      const R = A.getBoundingClientRect().left, V = A.getBoundingClientRect().right, s = D.getBoundingClientRect().left, l = D.getBoundingClientRect().right;
+      s < R ? H(R - s, -1) : V < l && H(l - V, 1), e.tabType === "one-page" && n.scrollTo(y);
     }
   }
-  function s() {
-    var M;
+  function i() {
+    var j;
     if (!t.value)
       return;
-    const p = t.value, H = (M = t.value) == null ? void 0 : M.parentElement;
-    i.value = H && p && H.offsetWidth < p.scrollWidth - h, i.value && L(() => {
-      x();
+    const y = t.value, C = (j = t.value) == null ? void 0 : j.parentElement;
+    a.value = C && y && C.offsetWidth < y.scrollWidth - p, a.value && F(() => {
+      O();
     });
   }
-  function y(p) {
-    p.disabled || o(p.id);
+  function g(y) {
+    y.disabled || o(y.id);
   }
   function B() {
-    ["default", "one-page"].indexOf(e.tabType) > -1 && L(() => {
-      x();
+    ["default", "one-page"].indexOf(e.tabType) > -1 && F(() => {
+      O();
     });
   }
-  return A(m, () => {
-    s();
+  return k(h, () => {
+    i();
   }), {
     previousButtonClass: b,
     nextButtonGroupClass: w,
-    nextButtonClass: C,
-    scrollTab: P,
-    selectAndScrollToTab: y,
-    shouldShowNavigationButtons: i,
-    updateNavigationLayout: s,
+    nextButtonClass: S,
+    scrollTab: H,
+    selectAndScrollToTab: g,
+    shouldShowNavigationButtons: a,
+    updateNavigationLayout: i,
     scrollToSelectedTab: B
   };
 }
-function Fe(e, t) {
-  const { tabPages: l } = t, c = I(""), i = I(!0), o = T(() => e.searchBoxVisible), f = T(() => o.value ? l.value.filter((d) => d.props.title.includes(c.value)) : l.value.slice());
-  return A(i, (m) => {
-    m || (c.value = "");
+function We(e, t) {
+  const { tabPages: n } = t, c = x(""), a = x(!0), o = T(() => e.searchBoxVisible), f = T(() => o.value ? n.value.filter((d) => d.props.title.includes(c.value)) : n.value.slice());
+  return k(a, (h) => {
+    h || (c.value = "");
   }), {
     searchTabText: c,
-    hideDropDown: i,
+    hideDropDown: a,
     shouldShowSearchBox: o,
     tabsInDropdownMenu: f
   };
 }
-function Le(e, t, l) {
-  const c = ".farris-tab-page", { tabPages: i } = l;
+function Ee(e, t, n) {
+  const c = ".farris-tab-page", { tabPages: a } = n;
   let o = -1;
   function f() {
     if (o < 0) {
-      const h = document.querySelector(".farris-tabs-header");
-      h && (o = h.clientHeight);
+      const p = document.querySelector(".farris-tabs-header");
+      p && (o = p.clientHeight);
     }
     return o;
   }
-  function m(h) {
+  function h(p) {
     const b = t.value;
     if (b) {
       const w = t.value.querySelectorAll(c);
       if (w.length > 0) {
-        const C = w[h], { offsetTop: P } = C, x = P - f();
-        b.scrollTop = x > 0 ? x : 0;
+        const S = w[p], { offsetTop: H } = S, O = H - f();
+        b.scrollTop = O > 0 ? O : 0;
       }
     }
   }
-  function d(h) {
-    const b = i.value.findIndex((w) => w.props.id === h);
-    b > -1 && m(b);
+  function d(p) {
+    const b = a.value.findIndex((w) => w.props.id === p);
+    b > -1 && h(b);
   }
-  return { scrollTo: m, scrollToByPaggId: d };
+  return { scrollTo: h, scrollToByPaggId: d };
 }
-const De = ["moz", "ms", "webkit"];
-function We() {
+const Ne = ["moz", "ms", "webkit"];
+function qe() {
   let e = 0;
   return (t) => {
-    const l = (/* @__PURE__ */ new Date()).getTime(), c = Math.max(0, 16 - (l - e)), i = setTimeout(() => {
-      t(l + c);
+    const n = (/* @__PURE__ */ new Date()).getTime(), c = Math.max(0, 16 - (n - e)), a = setTimeout(() => {
+      t(n + c);
     }, c);
-    return e = l + c, i;
+    return e = n + c, a;
   };
 }
-function Ee() {
+function $e() {
   if (typeof window > "u")
     return () => 0;
   if (window.requestAnimationFrame)
     return window.requestAnimationFrame.bind(window);
-  const e = De.filter((t) => `${t}RequestAnimationFrame` in window)[0];
-  return e ? window[`${e}RequestAnimationFrame`] : We();
+  const e = Ne.filter((t) => `${t}RequestAnimationFrame` in window)[0];
+  return e ? window[`${e}RequestAnimationFrame`] : qe();
 }
-Ee();
-I("");
-function te() {
+$e();
+x("");
+function le() {
   if (typeof window > "u" || typeof navigator > "u")
     return !1;
   const e = navigator.userAgent || navigator.vendor || window.opera, t = [
@@ -643,7 +644,7 @@ function te() {
     /IEMobile/i,
     /Opera Mini/i,
     /Harmony/i
-  ], l = [
+  ], n = [
     /iPad/i,
     /Android(?!.*Mobile)/i,
     // Android 平板通常不含 "Mobile"
@@ -652,7 +653,7 @@ function te() {
     /Kindle/i,
     /Silk/i
   ];
-  for (const d of l)
+  for (const d of n)
     if (d.test(e))
       return !1;
   for (const d of t)
@@ -660,177 +661,180 @@ function te() {
       return !0;
   if (typeof screen > "u")
     return !1;
-  const c = "ontouchstart" in window || navigator.maxTouchPoints > 0, i = screen.width, o = screen.height, f = Math.min(i, o);
+  const c = "ontouchstart" in window || navigator.maxTouchPoints > 0, a = screen.width, o = screen.height, f = Math.min(a, o);
   return !!(c && f <= 768);
 }
-function Ne() {
-  const e = te();
+function _e() {
+  const e = le();
   return e && document.body.classList.add("f-mobile"), e;
 }
-typeof document < "u" && Ne();
-const q = /* @__PURE__ */ ee({
+typeof document < "u" && _e();
+function Q(e) {
+  return e ? Object.keys(e).reduce((t, n) => (n.startsWith("data-") && (t[n] = e[n]), t), {}) : {};
+}
+const $ = /* @__PURE__ */ ne({
   name: "FTabs",
-  props: Pe,
+  props: Me,
   emits: ["tabChange", "tabRemove", "update:activeId", "Click"],
   setup(e, t) {
-    const l = I(e.tabType), c = N(), i = te(), o = I(e.customClass), f = N();
-    N();
-    const m = I(), d = He(e, t, f), {
-      activeId: h,
+    const n = x(e.tabType), c = q(), a = le(), o = x(e.customClass), f = q();
+    q();
+    const h = x(), d = Ae(e, t, f), {
+      activeId: p,
       changeTitleStyle: b,
       tabPages: w,
-      addTab: C,
-      updateTab: P,
-      toolbarItems: x,
-      checkActiveIdAndSelect: s,
-      toggleShowTab: y,
+      addTab: S,
+      updateTab: H,
+      toolbarItems: O,
+      checkActiveIdAndSelect: i,
+      toggleShowTab: g,
       hasInHeadClass: B,
-      toolbarVisible: p
-    } = d, H = Le(e, c, d), M = Ve(e, f, H, d), {
-      previousButtonClass: k,
-      nextButtonClass: V,
+      toolbarVisible: y
+    } = d, C = Ee(e, c, d), j = Le(e, f, C, d), {
+      previousButtonClass: A,
+      nextButtonClass: D,
       nextButtonGroupClass: R,
-      scrollTab: F,
-      updateNavigationLayout: a,
-      scrollToSelectedTab: n
-    } = M;
-    d.setScrollToSelectedTabFunction(n);
-    const u = Fe(e, d), r = je(e, f, M, H, d), g = r, O = ke(e, f, M, H, d), E = /* @__PURE__ */ new Map([["default", r], ["one-page", g], ["pills", O]]);
+      scrollTab: V,
+      updateNavigationLayout: s,
+      scrollToSelectedTab: l
+    } = j;
+    d.setScrollToSelectedTabFunction(l);
+    const u = We(e, d), r = ke(e, f, j, C, d), m = r, P = De(e, f, j, C, d), N = /* @__PURE__ */ new Map([["default", r], ["one-page", m], ["pills", P]]);
     T(() => {
-      const S = w.value.find((j) => j.props.id === h.value);
-      return S == null ? void 0 : S.slots;
+      const I = w.value.find((M) => M.props.id === p.value);
+      return I == null ? void 0 : I.slots;
     });
-    const D = T(() => e.fill), U = (S, j) => {
-      t.emit("Click", S, j, h.value);
+    const L = T(() => e.fill), z = (I, M) => {
+      t.emit("Click", I, M, p.value);
     };
-    me("tabs", {
-      activeId: h,
-      addTab: C,
-      updateTab: P,
+    ye("tabs", {
+      activeId: p,
+      addTab: S,
+      updateTab: H,
       tabPages: w,
-      tabType: l,
-      shouldFillParentContaner: D,
-      toggleShowTab: y,
-      toolbarVisible: p,
-      clickToolbarItemHandler: U
+      tabType: n,
+      shouldFillParentContaner: L,
+      toggleShowTab: g,
+      toolbarVisible: y,
+      clickToolbarItemHandler: z
     });
-    let z = !1;
-    const ne = T(() => ({
+    let G = !1;
+    const oe = T(() => ({
       "farris-tabs-header": !0,
       "farris-tabs-inHead": B.value,
       "farris-tabs-inContent": !B.value,
       "farris-tabs-nav-fill": e.tabType === "fill",
       "farris-tabs-nav-pills": e.tabType === "pills",
       "d-none": e.showHeader === !1
-    })), le = T(() => {
-      const S = {
+    })), ae = T(() => {
+      const I = {
         width: B.value && e.titleWidth ? `${e.titleWidth}%` : ""
       };
-      return S.width && (S.flex = "unset"), S;
-    }), oe = T(() => {
-      const S = {
+      return I.width && (I.flex = "unset"), I;
+    }), ie = T(() => {
+      const I = {
         "farris-tabs": !0,
-        "f-tabs-content-fill": D.value,
+        "f-tabs-content-fill": L.value,
         "flex-column": e.position === "top",
         "flex-column-reverse": e.position === "bottom",
         "flex-row": e.position === "left",
         "flex-row-reverse": e.position === "right",
         "one-page": e.tabType === "one-page"
       };
-      return o.value && o.value.split(" ").reduce((j, W) => (j[W] = !0, j), S), S;
-    }), ie = new ResizeObserver((S) => {
-      S.length && a();
+      return o.value && o.value.split(" ").reduce((M, E) => (M[E] = !0, M), I), I;
+    }), se = new ResizeObserver((I) => {
+      I.length && s();
     });
-    function G() {
-      m.value && !z && (ie.observe(m.value), z = !0);
+    function X() {
+      h.value && !G && (se.observe(h.value), G = !0);
     }
-    A(() => e.visible, (S) => {
-      L(() => {
-        w.value.length && s(e.activeId || w.value[0].props.id), a(), b(f), G();
+    k(() => e.visible, (I) => {
+      F(() => {
+        w.value.length && i(e.activeId || w.value[0].props.id), s(), b(f), X();
       });
-    }), A(() => e.autoTitleWidth, (S) => {
-      L(() => {
-        a(), b(f);
+    }), k(() => e.autoTitleWidth, (I) => {
+      F(() => {
+        s(), b(f);
       });
-    }), _(() => {
-      e.visible && (w.value.length && s(e.activeId || w.value[0].props.id), L(() => {
-        a(), b(f);
-      }), G());
+    }), U(() => {
+      e.visible && (w.value.length && i(e.activeId || w.value[0].props.id), F(() => {
+        s(), b(f);
+      }), X());
     });
-    function se() {
+    function re() {
       return v("button", {
-        title: $.getLocaleValue("tabs.leftButton"),
+        title: _.getLocaleValue("tabs.leftButton"),
         type: "button",
-        class: k.value,
+        class: A.value,
         onClick: () => {
-          F(0, -1);
+          V(0, -1);
         }
       }, null);
     }
-    function ae() {
+    function ue() {
       return v("button", {
-        title: $.getLocaleValue("tabs.rightButton"),
+        title: _.getLocaleValue("tabs.rightButton"),
         type: "button",
-        class: V.value,
+        class: D.value,
         onClick: () => {
-          F(0, 1);
+          V(0, 1);
         }
       }, null);
     }
     const {
-      renderMorePagesButtton: re,
-      setTabsRef: ue
-    } = Ae(e, u, M, d);
-    ue(c);
-    function ce() {
-      return x.value.length ? v("div", {
+      renderMorePagesButtton: ce,
+      setTabsRef: de
+    } = Fe(e, u, j, d);
+    de(c);
+    function fe() {
+      return O.value.length ? v("div", {
         class: {
           "farris-tabs-toolbar": !0,
-          "d-none": !p.value
+          "d-none": !y.value
         }
-      }, [v(xe, {
+      }, [v(He, W(Q(t.attrs), {
         class: "f-utils-fill",
         alignment: B.value ? "right" : "left",
-        items: x.value,
-        visible: p.value,
-        onClick: U
-      }, null)]) : null;
+        items: O.value,
+        visible: y.value,
+        onClick: z
+      }), null)]) : null;
     }
-    const X = E.get(e.tabType) || E.get("default");
-    function de() {
-      var S, j, W, K;
+    const K = N.get(e.tabType) || N.get("default");
+    function ve() {
+      var I, M, E, Y;
       return v("div", {
-        class: ne.value
+        class: oe.value
       }, [v("div", {
         class: "farris-tabs-header-pre"
-      }, [(j = (S = t.slots).headerPrefix) == null ? void 0 : j.call(S)]), v("div", {
+      }, [(M = (I = t.slots).headerPrefix) == null ? void 0 : M.call(I)]), v("div", {
         class: "farris-tabs-title scroll-tabs",
-        style: le.value,
-        ref: m
-      }, [!i && se(), X && X(), v("div", {
-        hidden: i,
+        style: ae.value,
+        ref: h
+      }, [!a && re(), K && K(), v("div", {
+        hidden: a,
         class: R.value
-      }, [ae(), re()])]), ce(), v("div", {
+      }, [ue(), ce()])]), fe(), v("div", {
         class: "farris-tabs-header-post"
-      }, [(K = (W = t.slots).headerSuffix) == null ? void 0 : K.call(W)])]);
+      }, [(Y = (E = t.slots).headerSuffix) == null ? void 0 : Y.call(E)])]);
     }
     T(() => ({
       "farris-tabs-content": !0,
-      "f-utils-fill-flex-column": D.value
+      "f-utils-fill-flex-column": L.value
     }));
-    function fe() {
-      var S, j;
+    function be() {
+      var I, M;
       return (
         // <div class={tabsContentClass.value} ref={tabContentElementRef}>
-        (j = (S = t.slots).default) == null ? void 0 : j.call(S)
+        (M = (I = t.slots).default) == null ? void 0 : M.call(I)
       );
     }
-    return () => e.visible ? v("div", {
-      class: oe.value,
+    return () => e.visible ? v("div", W(Q(t.attrs), {
+      class: ie.value,
       ref: c
-    }, [de(), fe()]) : null;
+    }), [ve(), be()]) : null;
   }
-}), qe = {
+}), Ue = {
   tabWidth: { type: Number },
   id: { type: String, default: "" },
   customTitleClass: { type: String, default: "" },
@@ -853,109 +857,111 @@ const q = /* @__PURE__ */ ee({
   /** 标题 */
   titleRenderFunction: { type: Function }
 };
-function J(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Te(e);
+function Z(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Ce(e);
 }
-const Q = /* @__PURE__ */ ee({
+const ee = /* @__PURE__ */ ne({
   name: "FTabPage",
-  props: qe,
+  props: Ue,
   emits: [],
   setup(e, t) {
-    const l = ge("tabs");
-    Se();
-    const c = I(e.show), i = {
+    const n = Te("tabs");
+    xe();
+    const c = x(e.show), a = {
       slots: t.slots,
-      props: e
-    }, o = I((l == null ? void 0 : l.tabType.value) || "default");
-    _(() => {
-      const s = l == null ? void 0 : l.tabPages.value.findIndex((y) => y.props.id === e.id);
-      (!s || s === -1) && (l == null || l.addTab(i));
-    }), ye(() => {
+      props: e,
+      attrs: t.attrs
+    }, o = x((n == null ? void 0 : n.tabType.value) || "default");
+    U(() => {
+      const i = n == null ? void 0 : n.tabPages.value.findIndex((g) => g.props.id === e.id);
+      (!i || i === -1) && (n == null || n.addTab(a));
+    }), we(() => {
     });
-    const f = T(() => (e == null ? void 0 : e.id) === (l == null ? void 0 : l.activeId.value)), m = T(() => ({
+    const f = T(() => (e == null ? void 0 : e.id) === (n == null ? void 0 : n.activeId.value)), h = T(() => ({
       display: f.value ? "" : "none"
     }));
-    A(() => e, (s) => {
-      l == null || l.updateTab({
-        props: s,
-        slots: t.slots
+    k(() => e, (i) => {
+      n == null || n.updateTab({
+        props: i,
+        slots: t.slots,
+        attrs: t.attrs
       });
     }, {
       immediate: !0,
       deep: !0
-    }), A(() => e.show, (s) => {
-      c.value = s, l == null || l.toggleShowTab(e.id);
-    }), A(() => e.toolbarVisible, (s) => {
-      f.value && l && (l.toolbarVisible.value = s);
+    }), k(() => e.show, (i) => {
+      c.value = i, n == null || n.toggleShowTab(e.id);
+    }), k(() => e.toolbarVisible, (i) => {
+      f.value && n && (n.toolbarVisible.value = i);
     });
     function d() {
-      var y, B;
-      const s = (B = (y = t.slots).default) == null ? void 0 : B.call(y);
-      return v(Y, {
+      var g, B;
+      const i = (B = (g = t.slots).default) == null ? void 0 : B.call(g);
+      return v(J, {
         "main-title": e.title,
         class: ["farris-tab-page", c.value ? "" : "f-tab-d-none"]
-      }, J(s) ? s : {
-        default: () => [s]
+      }, Z(i) ? i : {
+        default: () => [i]
       });
     }
-    function h(s, y) {
-      l && (l.activeId.value = e.id, l.clickToolbarItemHandler && l.clickToolbarItemHandler(s, y));
+    function p(i, g) {
+      n && (n.activeId.value = e.id, n.clickToolbarItemHandler && n.clickToolbarItemHandler(i, g));
     }
     function b() {
-      var y, B;
-      const s = (B = (y = t.slots).default) == null ? void 0 : B.call(y);
-      return v(Y, {
+      var g, B;
+      const i = (B = (g = t.slots).default) == null ? void 0 : B.call(g);
+      return v(J, {
         customClass: "section-in-tab is-mobile",
-        onClick: h,
+        onClick: p,
         visible: e.show,
         "main-title": e.title,
         buttons: e.toolbar.buttons,
         "button-position": e.toolbar.position || e.toolbarPosition,
         "buttons-visible": e.toolbarVisible
-      }, J(s) ? s : {
-        default: () => [s]
+      }, Z(i) ? i : {
+        default: () => [i]
       });
     }
     const w = T(() => {
-      var y;
+      var g;
       return {
         "farris-tab-page": !0,
         "f-tab-d-none": !c.value,
-        "f-tab-active": f.value && l && ((y = l.shouldFillParentContaner) == null ? void 0 : y.value)
+        "f-tab-active": f.value && n && ((g = n.shouldFillParentContaner) == null ? void 0 : g.value)
       };
     });
-    function C() {
-      var y, B;
-      const s = (B = (y = t.slots).default) == null ? void 0 : B.call(y);
+    function S() {
+      var g, B;
+      const i = (B = (g = t.slots).default) == null ? void 0 : B.call(g);
       return v("div", {
         class: w.value,
-        style: m.value
-      }, [s]);
+        style: h.value
+      }, [i]);
     }
-    const x = (/* @__PURE__ */ new Map([["default", C], ["one-page", d], ["mobile", b]])).get(o.value) || C;
-    return () => x();
+    const O = (/* @__PURE__ */ new Map([["default", S], ["one-page", d], ["mobile", b]])).get(o.value) || S;
+    return () => O();
   }
 });
-class et extends Oe {
-  constructor(t, l) {
-    super(t, l);
+class lt extends je {
+  constructor(t, n) {
+    super(t, n);
   }
-  getPropertyConfig(t, l = !1) {
+  getPropertyConfig(t, n = !1) {
     return this.propertyConfig.categories.basic = this.getBasicPropConfig(t), this.propertyConfig.categories.basic.properties.text = {
       title: "文本",
       type: "string",
       description: "",
       refreshPanelAfterChanged: !0
-    }, this.getAppearanceProperties(t, l), this.getbBehaviorConfig(t), this.getEventPropConfig(t), this.propertyConfig;
+    }, this.getAppearanceProperties(t, n), this.getbBehaviorConfig(t), this.getEventPropConfig(t), this.propertyConfig;
   }
-  getAppearanceProperties(t, l = !1) {
+  getAppearanceProperties(t, n = !1) {
     this.propertyConfig.categories.appearance = {
       title: "外观",
       properties: {
         class: {
           description: "组件的CSS样式",
           title: "class样式",
-          visible: !l
+          visible: !n
         },
         icon: {
           title: "图标",
@@ -972,48 +978,48 @@ class et extends Oe {
     };
   }
   getbBehaviorConfig(t) {
-    const l = this.getPropertyEditorParams(t, ["Const", "Variable", "StateMachine", "Custom", "Expression"], "disabled");
+    const n = this.getPropertyEditorParams(t, ["Const", "Variable", "StateMachine", "Custom", "Expression"], "disabled");
     this.propertyConfig.categories.behavior = this.getBehaviorConfig(t, "", {
       disabled: {
         title: "禁用",
         type: "boolean",
         description: "按钮禁用状态",
         refreshPanelAfterChanged: !0,
-        editor: l
+        editor: n
       }
     });
   }
   getEventPropConfig(t) {
-    const l = [
+    const n = [
       {
         label: "onClick",
         name: "点击事件"
       }
-    ], c = this, i = c.eventsEditorUtils.formProperties(t, c.viewModelId, l), o = c.createBaseEventProperty(i);
+    ], c = this, a = c.eventsEditorUtils.formProperties(t, c.viewModelId, n), o = c.createBaseEventProperty(a);
     this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
       properties: o,
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
-      tabId: Be,
+      tabId: Oe,
       tabName: "交互",
-      setPropertyRelates(f, m) {
+      setPropertyRelates(f, h) {
         const d = f.propertyValue;
         delete t[c.viewModelId], d && (d.setPropertyRelates = this.setPropertyRelates, c.eventsEditorUtils.saveRelatedParameters(t, c.viewModelId, d.events, d));
       }
     };
   }
 }
-q.install = (e) => {
-  e.component(q.name, q), e.component(Q.name, Q);
+$.install = (e) => {
+  e.component($.name, $), e.component(ee.name, ee);
 };
 export {
-  Q as FTabPage,
-  q as FTabs,
-  et as TabToolbarItemProperty,
-  Ze as createTabsCallbackResolver,
-  q as default,
-  qe as tabPageProps,
-  Pe as tabsProps
+  ee as FTabPage,
+  $ as FTabs,
+  lt as TabToolbarItemProperty,
+  nt as createTabsCallbackResolver,
+  $ as default,
+  Ue as tabPageProps,
+  Me as tabsProps
 };