x-next 1.1.0 → 1.3.0

package/dist/es/components/dialog/Dialog.js

@@ -1,196 +1,227 @@
-import { defineComponent as ne, computed as a, ref as b, reactive as le, onBeforeUnmount as oe, watch as L, createVNode as l, Teleport as ae, withDirectives as se, mergeProps as ie, Transition as P, vShow as ce, nextTick as re } from "vue";
-import { useLocale as de } from "../../locale/index.js";
-import { getComponentPrefix as ue, getClassNameMixin as V } from "../../_utils/config.js";
+import { defineComponent as ie, computed as r, ref as h, reactive as se, onBeforeUnmount as ce, watch as V, createVNode as c, Teleport as re, withDirectives as de, mergeProps as ue, Transition as p, vShow as fe, nextTick as me } from "vue";
+import { useLocale as be } from "../../locale/index.js";
+import { getComponentPrefix as ve, getClassNameMixin as I } from "../../_utils/config.js";
 import { addUnit as R } from "../../_utils/helpers.js";
-import { isFunction as fe, isPromise as me } from "../../_utils/is.js";
-import ve from "../../_hooks/use-popup-manager.js";
-import { useOverflow as be } from "../../_hooks/use-overflow.js";
+import { isFunction as ye, isPromise as he } from "../../_utils/is.js";
+import ge from "../../_hooks/use-popup-manager.js";
+import { useOverflow as Ce } from "../../_hooks/use-overflow.js";
 import { KEYBOARD_KEY as j } from "../../_utils/keyboard.js";
-import { getElement as ge, on as ye, off as he } from "../../_utils/dom.js";
-import { dialogProps as xe } from "./props.js";
-const Ce = ["width", "minWidth", "height", "minHeight"];
-let we = 0;
-const ke = ["a[href]", "button:not([disabled])", "textarea:not([disabled])", "input:not([disabled])", "select:not([disabled])", '[tabindex]:not([tabindex="-1"])'].join(","), I = (t) => Array.from(t.querySelectorAll(ke)).filter((c) => !c.hasAttribute("disabled") && c.getAttribute("aria-hidden") !== "true"), Ve = /* @__PURE__ */ ne({
-  name: ue("Dialog"),
+import { getElement as xe, on as we, off as Ee } from "../../_utils/dom.js";
+import { dialogProps as ke } from "./props.js";
+const De = ["width", "minWidth", "height", "minHeight"];
+let Se = 0;
+const Be = ["a[href]", "button:not([disabled])", "textarea:not([disabled])", 'input:not([disabled]):not([type="hidden"])', "select:not([disabled])", "[tabindex]"].join(","), G = (t) => Array.from(t.querySelectorAll(Be)).filter((o) => {
+  if (
+    // Native control selectors also match negative tabindex; those are programmatic targets only.
+    o.tabIndex < 0 || o.matches(':disabled, input[type="hidden"]') || o.closest('[hidden], [inert], [aria-hidden="true"]')
+  )
+    return !1;
+  for (let s = o; s; s = s.parentElement) {
+    if (s.matches("fieldset[disabled]") && o.matches("button, input, select, textarea")) {
+      const i = Array.from(s.children).find((g) => g.tagName === "LEGEND");
+      if (!(i != null && i.contains(o))) return !1;
+    }
+    const a = window.getComputedStyle(s);
+    if (a.display === "none" || a.visibility === "hidden" || a.visibility === "collapse")
+      return !1;
+  }
+  return !0;
+}), Ie = /* @__PURE__ */ ie({
+  name: ve("Dialog"),
   inheritAttrs: !1,
-  props: xe,
+  props: ke,
   slots: Object,
   emits: ["closed", "close", "open", "opened", "update:modelValue"],
   setup(t, {
-    attrs: c,
-    emit: u,
-    slots: i
+    attrs: o,
+    emit: s,
+    slots: a
   }) {
-    const s = V("dialog"), {
-      t: M
-    } = de(), N = s.block, f = V("message-box"), g = `x-dialog-title-${++we}`, _ = a(() => [N, t.messageBox && "is-message-box", t.messageBox && f.block, t.popupClass && t.popupClass, c.class]), z = a(() => {
+    const i = I("dialog"), {
+      t: g
+    } = be(), M = i.block, f = I("message-box"), C = `x-dialog-title-${++Se}`, z = r(() => [M, t.messageBox && "is-message-box", t.messageBox && f.block, t.popupClass && t.popupClass, o.class]), F = r(() => {
       const {
         class: e,
         style: n,
-        id: o,
-        ...d
-      } = c;
-      return d;
-    }), y = a(() => {
+        id: l,
+        "aria-label": d,
+        "aria-labelledby": v,
+        "aria-describedby": y,
+        ...ae
+      } = o;
+      return ae;
+    }), x = r(() => {
       if (!(typeof document > "u"))
-        return ge(t.renderTo) || document.body;
-    }), E = b(), h = b(), F = a(() => t.disabled || !y.value), G = a(() => [{
-      zIndex: q.value
-    }, c.style]), H = a(() => {
+        return xe(t.renderTo) || document.body;
+    }), w = h(), E = h(), H = r(() => t.disabled || !x.value), U = r(() => [{
+      zIndex: $.value
+    }, o.style]), Y = r(() => {
       const e = {};
-      return t.fullscreen || (!t.center && t.top && (e.top = R(t.top)), Ce.forEach((n) => {
+      return t.fullscreen || (!t.center && t.top && (e.top = R(t.top)), De.forEach((n) => {
         t[n] && (e[n] = R(t[n]));
       })), e;
-    }), x = b(!1), r = a(() => t.modelValue), D = a(() => r.value || x.value), U = a(() => !t.destroyOnClosed || D.value), Y = a(() => D.value), {
-      zIndex: q,
-      isLastDialog: W
-    } = ve("dialog", {
-      visible: r
+    }), k = h(!1), u = r(() => t.modelValue), A = r(() => u.value || k.value), q = r(() => !t.destroyOnClosed || A.value), W = r(() => A.value), {
+      zIndex: $,
+      isLastDialog: D,
+      close: J
+    } = ge("dialog", {
+      visible: u
     }), {
-      setOverflowHidden: $,
-      resetOverflow: B
-    } = be(y, E), S = (e, n) => {
-      u("update:modelValue", !1), u("close", e, n);
-    }, C = b(null), J = () => {
-      typeof document > "u" || re(() => {
-        const e = h.value;
-        if (!e || !r.value) return;
-        (I(e)[0] || e).focus({
+      setOverflowHidden: Q,
+      resetOverflow: L
+    } = Ce(x, w), O = (e, n) => {
+      s("update:modelValue", !1), s("close", e, n);
+    }, S = h(null);
+    let B = !1;
+    const P = () => {
+      var l, d;
+      const e = S.value;
+      if (S.value = null, !(e != null && e.isConnected) || typeof document > "u" || u.value && !D()) return;
+      const n = document.activeElement;
+      n != null && n.isConnected && n !== document.body && n !== document.documentElement && n !== e && !((l = w.value) != null && l.contains(n)) || (d = e.focus) == null || d.call(e, {
+        preventScroll: !0
+      });
+    }, X = () => {
+      typeof document > "u" || me(() => {
+        const e = E.value;
+        if (!e || !u.value || B || !D()) return;
+        (G(e)[0] || e).focus({
           preventScroll: !0
         });
       });
-    }, Q = () => {
-      var e, n;
-      x.value = !1, B(), u("closed"), (n = (e = C.value) == null ? void 0 : e.focus) == null || n.call(e, {
-        preventScroll: !0
-      }), C.value = null;
-    }, X = () => {
-      u("opened"), J();
-    }, m = le({
+    }, Z = () => {
+      B || (k.value = !1, L(), P(), s("closed"));
+    }, ee = () => {
+      s("opened"), X();
+    }, m = se({
       ok: !1,
       cancel: !1
-    }), v = (e, n) => {
-      let o = !0;
-      if (m[e] = !0, fe(t.onBeforeCancel))
+    }), b = (e, n) => {
+      let l = !0;
+      if (m[e] = !0, ye(t.onBeforeCancel))
         try {
-          o = t.onBeforeCancel(e) ?? !1;
+          l = t.onBeforeCancel(e) ?? !1;
         } catch {
-          o = !1;
+          l = !1;
         }
-      if (me(o)) {
-        o.then((d) => {
-          d && S(e, n);
+      if (he(l)) {
+        l.then((d) => {
+          d && O(e, n);
         }).catch(() => !1).finally(() => {
           m[e] = !1;
         });
         return;
       }
-      m[e] = !1, o && S(e, n);
-    }, Z = () => {
-      t.maskToClose && t.mask && v("cancel");
-    }, p = (e) => {
-      v("cancel", e);
-    }, ee = (e) => {
-      v("ok", e);
+      m[e] = !1, l && O(e, n);
+    }, te = () => {
+      t.maskToClose && t.mask && b("cancel");
+    }, ne = (e) => {
+      b("cancel", e);
+    }, le = (e) => {
+      b("ok", e);
     };
-    let w = !1;
-    const T = (e) => {
-      t.escToClose && e.key === j.ESC && W() && v("cancel", e);
-    }, A = () => {
-      typeof document > "u" || t.escToClose && !w && (w = !0, ye(document.documentElement, "keydown", T));
-    }, k = () => {
-      typeof document > "u" || (w = !1, he(document.documentElement, "keydown", T));
-    }, te = (e) => {
+    let T = !1;
+    const _ = (e) => {
+      t.escToClose && e.key === j.ESC && D() && b("cancel", e);
+    }, N = () => {
+      typeof document > "u" || t.escToClose && !T && (T = !0, we(document.documentElement, "keydown", _));
+    }, K = () => {
+      typeof document > "u" || (T = !1, Ee(document.documentElement, "keydown", _));
+    }, oe = (e) => {
       if (e.key !== j.TAB) return;
-      const n = h.value;
+      const n = E.value;
       if (!n) return;
-      const o = I(n);
-      if (!o.length) {
+      const l = G(n);
+      if (!l.length) {
         e.preventDefault(), n.focus({
           preventScroll: !0
         });
         return;
       }
-      const d = o[0], K = o[o.length - 1], O = document.activeElement;
-      e.shiftKey && O === d ? (e.preventDefault(), K.focus({
+      const d = l[0], v = l[l.length - 1], y = document.activeElement;
+      l.includes(y) ? e.shiftKey && y === d ? (e.preventDefault(), v.focus({
+        preventScroll: !0
+      })) : !e.shiftKey && y === v && (e.preventDefault(), d.focus({
         preventScroll: !0
-      })) : !e.shiftKey && O === K && (e.preventDefault(), d.focus({
+      })) : (e.preventDefault(), (e.shiftKey ? v : d).focus({
         preventScroll: !0
       }));
     };
-    return oe(() => {
-      B(), k();
-    }), L(() => r.value, (e) => {
-      e ? (C.value = typeof document > "u" ? null : document.activeElement, u("open"), $(), x.value = !0, A()) : k();
+    return ce(() => {
+      B = !0, P(), J(), L(), K();
+    }), V(() => u.value, (e) => {
+      e ? (S.value = typeof document > "u" ? null : document.activeElement, s("open"), Q(), k.value = !0, N()) : K();
     }, {
       immediate: !0
-    }), L(() => t.escToClose, (e) => {
-      r.value && (e ? A() : k());
-    }), () => l(ae, {
-      to: y.value,
-      disabled: F.value
+    }), V(() => t.escToClose, (e) => {
+      u.value && (e ? N() : K());
+    }), () => c(re, {
+      to: x.value,
+      disabled: H.value
     }, {
-      default: () => [U.value && se(l("div", ie({
-        ref: E,
-        class: _.value,
-        style: G.value,
-        id: c.id
-      }, z.value), [l(P, {
+      default: () => [q.value && de(c("div", ue({
+        ref: w,
+        class: z.value,
+        style: U.value,
+        id: o.id
+      }, F.value), [c(p, {
         name: "x-fade-in-standard",
         appear: !0
       }, {
-        default: () => [t.mask && r.value && l("div", {
-          class: s.element("mask")
+        default: () => [t.mask && u.value && c("div", {
+          class: i.element("mask")
         }, null)]
-      }), l("div", {
-        class: [s.element("wrapper"), {
+      }), c("div", {
+        class: [i.element("wrapper"), {
           "is-center": t.center
         }],
-        onClick: (e) => e.target === e.currentTarget && Z()
-      }, [l(P, {
+        onClick: (e) => e.target === e.currentTarget && te()
+      }, [c(p, {
         name: "x-zoom-in",
         appear: !0,
-        onAfterEnter: X,
-        onAfterLeave: Q
+        onAfterEnter: ee,
+        onAfterLeave: Z
       }, {
-        default: () => [r.value && l("div", {
-          ref: h,
-          class: [s.element("container"), {
+        default: () => [u.value && c("div", {
+          ref: E,
+          class: [i.element("container"), {
             "is-fullscreen": t.fullscreen
           }],
-          style: H.value,
+          style: Y.value,
           role: "dialog",
           "aria-modal": t.mask ? "true" : void 0,
-          "aria-labelledby": t.title || i.title ? g : void 0,
+          "aria-label": t.title || a.title ? void 0 : o["aria-label"],
+          "aria-labelledby": t.title || a.title ? C : o["aria-labelledby"],
+          "aria-describedby": o["aria-describedby"],
           tabindex: -1,
-          onKeydown: te
-        }, [l("div", {
-          class: [t.messageBox ? f.element("header") : s.element("header"), t.showHeaderBottomLine && "is-bottom-line"],
-          id: i.title ? g : void 0
-        }, [i.title ? i.title() : l("div", {
-          id: t.title ? g : void 0,
-          class: [s.element("header-title")]
-        }, [t.title])]), l("div", {
-          class: [t.messageBox ? f.element("body") : s.element("body")]
-        }, [i.default && i.default()]), !t.hideFooter && i.footer && l("div", {
-          class: [t.messageBox ? f.element("footer") : s.element("footer")]
-        }, [i.footer({
-          cancel: p,
-          ok: ee,
+          onKeydown: oe
+        }, [c("div", {
+          class: [t.messageBox ? f.element("header") : i.element("header"), t.showHeaderBottomLine && "is-bottom-line"],
+          id: a.title ? C : void 0
+        }, [a.title ? a.title() : c("div", {
+          id: t.title ? C : void 0,
+          class: [i.element("header-title")]
+        }, [t.title])]), c("div", {
+          class: [t.messageBox ? f.element("body") : i.element("body")]
+        }, [a.default && a.default()]), !t.hideFooter && a.footer && c("div", {
+          class: [t.messageBox ? f.element("footer") : i.element("footer")]
+        }, [a.footer({
+          cancel: ne,
+          ok: le,
           loadingObj: m,
           "loading-obj": m
-        })]), t.showClose && l("button", {
+        })]), t.showClose && c("button", {
           type: "button",
-          class: [s.element("close-icon"), t.messageBox && f.element("close-icon")],
-          "aria-label": M("common.closeTarget", {
+          class: [i.element("close-icon"), t.messageBox && f.element("close-icon")],
+          "aria-label": g("common.closeTarget", {
             target: "对话框"
           }),
-          onClick: (e) => v("cancel", e)
+          onClick: (e) => b("cancel", e)
         }, null)])]
-      })])]), [[ce, Y.value]])]
+      })])]), [[fe, W.value]])]
     });
   }
 });
 export {
-  Ve as default
+  Ie as default
 };

package/dist/es/components/dropdown/Dropdown.vue.js

@@ -1,9 +1,9 @@
-import r from "./Dropdown.vue2.js";
-import { resolveComponent as t, openBlock as s, createBlock as a, withCtx as e, renderSlot as n, createVNode as l, createSlots as m } from "vue";
+import l from "./Dropdown.vue2.js";
+import { resolveComponent as n, openBlock as a, createBlock as d, withCtx as e, createVNode as i, createSlots as m, renderSlot as t } from "vue";
 import f from "../../_virtual/_plugin-vue_export-helper.js";
-function d(o, g, u, c, h, $) {
-  const i = t("DropdownPanel"), p = t("Trigger");
-  return s(), a(p, {
+function g(o, u, c, h, b, y) {
+  const p = n("RenderFunction"), r = n("DropdownPanel"), s = n("Trigger");
+  return a(), d(s, {
     "popup-visible": o.computedPopupVisible,
     "animation-name": "x-slide-dynamic-origin",
     "auto-fit-transform-origin": "",
@@ -13,10 +13,13 @@ function d(o, g, u, c, h, $) {
     "popup-offset": 4,
     "popup-container": o.popupContainer,
     "opened-class": o.className.modifier("open"),
-    onPopupVisibleChange: o.handlePopupVisibleChange
+    onPopupVisibleChange: o.handlePopupVisibleChange,
+    onShow: o.handleShow
   }, {
     content: e(() => [
-      l(i, {
+      i(r, {
+        ref: "panelRef",
+        onClose: o.handleClose,
         loading: o.loading,
         "is-empty": o.isEmpty,
         "bottom-offset": o.bottomOffset,
@@ -24,33 +27,33 @@ function d(o, g, u, c, h, $) {
         onReachBottom: o.handleReachBottom
       }, m({
         default: e(() => [
-          n(o.$slots, "content")
+          t(o.$slots, "content")
         ]),
         _: 2
       }, [
         o.$slots.empty ? {
           name: "empty",
           fn: e(() => [
-            n(o.$slots, "empty")
+            t(o.$slots, "empty")
           ]),
           key: "0"
         } : void 0,
         o.$slots.footer ? {
           name: "footer",
           fn: e(() => [
-            n(o.$slots, "footer")
+            t(o.$slots, "footer")
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["loading", "is-empty", "bottom-offset", "onScroll", "onReachBottom"])
+      ]), 1032, ["onClose", "loading", "is-empty", "bottom-offset", "onScroll", "onReachBottom"])
     ]),
     default: e(() => [
-      n(o.$slots, "default")
+      i(p, { "render-func": o.renderTrigger }, null, 8, ["render-func"])
     ]),
     _: 3
-  }, 8, ["popup-visible", "trigger", "position", "align-point", "popup-container", "opened-class", "onPopupVisibleChange"]);
+  }, 8, ["popup-visible", "trigger", "position", "align-point", "popup-container", "opened-class", "onPopupVisibleChange", "onShow"]);
 }
-const C = /* @__PURE__ */ f(r, [["render", d]]);
+const w = /* @__PURE__ */ f(l, [["render", g]]);
 export {
-  C as default
+  w as default
 };

package/dist/es/components/dropdown/Dropdown.vue2.js

@@ -1,14 +1,19 @@
-import { defineComponent as c, toRefs as m, provide as g, reactive as b } from "vue";
-import { Trigger as y } from "../trigger/index.js";
-import h from "./dropdown-panel.vue.js";
-import { useTrigger as B } from "../../_hooks/use-trigger.js";
-import { dropdownInjectionKey as v } from "./context.js";
-import { getClassNameMixin as V } from "../../_utils/config.js";
-const N = c({
+import { defineComponent as v, toRefs as B, provide as C, reactive as w } from "vue";
+import { Trigger as V } from "../trigger/index.js";
+import F from "./dropdown-panel.vue.js";
+import { useTrigger as S } from "../../_hooks/use-trigger.js";
+import { dropdownInjectionKey as O } from "./context.js";
+import { getClassNameMixin as P } from "../../_utils/config.js";
+import T from "../../_container/render-function.js";
+import { useFirstElement as k } from "../../_hooks/use-first-element.js";
+import { mergeFirstChild as K } from "../../_utils/vue-eco.js";
+import { useDropdownKeyboard as x } from "./use-keyboard.js";
+const q = v({
   name: "Dropdown",
   components: {
-    Trigger: y,
-    DropdownPanel: h
+    Trigger: V,
+    DropdownPanel: F,
+    RenderFunction: T
   },
   props: {
     /**
@@ -113,7 +118,7 @@ const N = c({
      * @param {string | number | Record<string, any> | undefined } value
      * @param {Event} ev
      */
-    select: (e, o) => !0,
+    select: (e, t) => !0,
     /**
      * @zh 下拉菜单滚动时触发
      * @en Triggered when the dropdown scrolls
@@ -143,33 +148,49 @@ const N = c({
    * @en Empty content
    * @slot empty
    */
-  setup(e, { emit: o }) {
-    const { defaultPopupVisible: l, popupVisible: i, popupMaxHeight: a } = m(e), n = V("dropdown"), { computedPopupVisible: r, handlePopupVisibleChange: p } = B({
-      defaultPopupVisible: l,
-      popupVisible: i,
-      emit: o
-    }), s = (t, f) => {
-      o("select", t, f), e.hideOnSelect && p(!1);
-    }, u = (t) => {
-      o("scroll", t);
-    }, d = (t) => {
-      o("reachBottom", t);
+  setup(e, { emit: t, slots: n }) {
+    const { defaultPopupVisible: d, popupVisible: s, popupMaxHeight: c } = B(e), f = P("dropdown"), { computedPopupVisible: a, handlePopupVisibleChange: p } = S({
+      defaultPopupVisible: d,
+      popupVisible: s,
+      emit: t
+    }), { children: l, firstElement: m } = k(), r = x(
+      a,
+      p,
+      m
+    ), g = (o) => {
+      var i;
+      return l.value = ((i = n.default) == null ? void 0 : i.call(n)) ?? [], K(l.value, {
+        ...o,
+        onKeydown: (u) => {
+          u.key !== "ArrowRight" && r.handleTriggerKeydown(u);
+        },
+        onFocusinCapture: r.handleTriggerFocus,
+        onFocusoutCapture: r.handleTriggerFocus
+      }), l.value;
+    }, h = (o, i) => {
+      t("select", o, i), e.hideOnSelect && (r.handleKeyboardSelect(i), p(!1));
+    }, y = (o) => {
+      t("scroll", o);
+    }, b = (o) => {
+      t("reachBottom", o);
     };
-    return g(
-      v,
-      b({
-        popupMaxHeight: a,
-        onOptionClick: s
+    return C(
+      O,
+      w({
+        popupMaxHeight: c,
+        onOptionClick: h
       })
     ), {
-      className: n,
-      computedPopupVisible: r,
+      ...r,
+      renderTrigger: g,
+      className: f,
+      computedPopupVisible: a,
       handlePopupVisibleChange: p,
-      handleScroll: u,
-      handleReachBottom: d
+      handleScroll: y,
+      handleReachBottom: b
     };
   }
 });
 export {
-  N as default
+  q as default
 };

package/dist/es/components/dropdown/DropdownOption.vue.js

@@ -1,37 +1,38 @@
-import d from "./DropdownOption.vue2.js";
-import { openBlock as n, createElementBlock as a, normalizeClass as o, renderSlot as i, createCommentVNode as r, createElementVNode as t } from "vue";
-import f from "../../_virtual/_plugin-vue_export-helper.js";
-const m = ["aria-disabled", "tabindex"];
-function p(e, s, u, $, k, b) {
-  return n(), a("li", {
+import r from "./DropdownOption.vue2.js";
+import { openBlock as l, createElementBlock as a, normalizeClass as n, renderSlot as i, createCommentVNode as d, createElementVNode as f } from "vue";
+import m from "../../_virtual/_plugin-vue_export-helper.js";
+const t = ["aria-disabled", "tabindex"];
+function u(e, s, p, $, k, b) {
+  return l(), a("li", {
     ref: "liRef",
-    class: o([e.cls, { [e.className.modifier("has-suffix")]: !!e.$slots.suffix }]),
+    class: n([e.cls, { [e.className.modifier("has-suffix")]: !!e.$slots.suffix }]),
     role: "menuitem",
     "aria-disabled": e.disabled,
-    tabindex: e.disabled ? -1 : 0,
-    onClick: s[0] || (s[0] = (...l) => e.handleClick && e.handleClick(...l)),
-    onKeydown: s[1] || (s[1] = (...l) => e.handleKeydown && e.handleKeydown(...l))
+    tabindex: e.tabIndex,
+    onFocus: s[0] || (s[0] = (...o) => e.handleFocus && e.handleFocus(...o)),
+    onClick: s[1] || (s[1] = (...o) => e.handleClick && e.handleClick(...o)),
+    onKeydown: s[2] || (s[2] = (...o) => e.handleKeydown && e.handleKeydown(...o))
   }, [
-    e.$slots.icon ? (n(), a("span", {
+    e.$slots.icon ? (l(), a("span", {
       key: 0,
-      class: o(e.className.element("icon"))
+      class: n(e.className.element("icon"))
     }, [
       i(e.$slots, "icon")
-    ], 2)) : r("", !0),
-    t("span", {
-      class: o(e.className.element("content"))
+    ], 2)) : d("", !0),
+    f("span", {
+      class: n(e.className.element("content"))
     }, [
       i(e.$slots, "default")
     ], 2),
-    e.$slots.suffix ? (n(), a("span", {
+    e.$slots.suffix ? (l(), a("span", {
       key: 1,
-      class: o(e.className.element("suffix"))
+      class: n(e.className.element("suffix"))
     }, [
       i(e.$slots, "suffix")
-    ], 2)) : r("", !0)
-  ], 42, m);
+    ], 2)) : d("", !0)
+  ], 42, t);
 }
-const C = /* @__PURE__ */ f(d, [["render", p]]);
+const w = /* @__PURE__ */ m(r, [["render", u]]);
 export {
-  C as default
+  w as default
 };