vft 0.0.428 → 0.0.430

package/es/components/drawer/drawer.vue2.js

@@ -0,0 +1,216 @@
+import { defineComponent as F, getCurrentInstance as q, ref as m, computed as x, createBlock as A, openBlock as a, unref as e, withCtx as n, createVNode as y, Transition as H, withDirectives as j, createElementVNode as b, mergeProps as R, withModifiers as U, createElementBlock as d, createCommentVNode as r, normalizeClass as s, renderSlot as i, toDisplayString as G, normalizeStyle as J, vShow as K } from "vue";
+import "../dialog/index.js";
+import Q from "../focus-trap/focus-trap.vue.js";
+import "../focus-trap/utils.js";
+import { VftIcon as W } from "../icon/index.js";
+import { VftOverlay as X } from "../overlay/index.js";
+import { VftTeleport as Y } from "../teleport/index.js";
+import { UPDATE_MODEL_EVENT as Z } from "../../constants/event.js";
+import "@vueuse/core";
+import { isBoolean as _, singleAttrToObj as ee } from "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import "../form/index.js";
+import { useNamespace as oe } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { useResizable as te } from "./composables/useResizable.js";
+import { useDialog as le } from "../dialog/use-dialog.js";
+const ae = ["aria-label", "aria-labelledby", "aria-describedby"], se = ["id"], re = ["id"], ne = F({
+  name: "vft-drawer",
+  inheritAttrs: !1
+}), Fe = /* @__PURE__ */ F({
+  ...ne,
+  props: {
+    direction: { default: "rtl" },
+    size: { default: "30%" },
+    withHeader: { type: Boolean, default: !0 },
+    modalFade: { type: Boolean, default: !0 },
+    resizable: { type: Boolean, default: !1 },
+    appendToBody: { type: Boolean, default: !1 },
+    appendTo: { default: "body" },
+    beforeClose: {},
+    destroyOnClose: { type: Boolean, default: !1 },
+    closeOnClickModal: { type: Boolean, default: !0 },
+    closeOnPressEscape: { type: Boolean, default: !0 },
+    lockScroll: { type: Boolean, default: !0 },
+    modal: { type: Boolean, default: !0 },
+    openDelay: { default: 0 },
+    closeDelay: { default: 0 },
+    top: {},
+    modalPenetrable: { type: Boolean },
+    modelValue: { type: Boolean, default: !1 },
+    modalClass: {},
+    width: {},
+    zIndex: {},
+    trapFocus: { type: Boolean, default: !1 },
+    overflow: { type: Boolean },
+    transition: {},
+    center: { type: Boolean, default: !1 },
+    alignCenter: { type: Boolean, default: !1 },
+    closeIcon: {},
+    customClass: { default: "" },
+    draggable: { type: Boolean, default: !1 },
+    fullscreen: { type: Boolean, default: !1 },
+    showClose: { type: Boolean, default: !0 },
+    title: { default: "" },
+    headerClass: {},
+    bodyClass: {},
+    footerClass: {}
+  },
+  emits: {
+    [Z]: (o) => _(o),
+    open: () => !0,
+    opened: () => !0,
+    close: () => !0,
+    closed: () => !0,
+    openAutoFocus: () => !0,
+    closeAutoFocus: () => !0
+  },
+  setup(o, { expose: T }) {
+    const C = q(), f = m(), v = m(), B = m(), t = oe("drawer"), {
+      afterEnter: k,
+      afterLeave: h,
+      beforeLeave: I,
+      visible: u,
+      rendered: E,
+      titleId: c,
+      bodyId: g,
+      zIndex: w,
+      onModalClick: V,
+      onOpenAutoFocus: D,
+      onCloseAutoFocus: L,
+      onFocusoutPrevented: O,
+      onCloseRequested: P,
+      handleClose: p
+    } = le(C.props, f), {
+      isHorizontal: S,
+      size: $,
+      isResizing: N
+    } = te(C.props, B), M = x(() => ee(o.closeIcon, "icon", {
+      icon: "icon-close",
+      pointer: !0
+    }));
+    return T({
+      close: p,
+      afterEnter: k,
+      afterLeave: h
+    }), (l, z) => (a(), A(e(Y), {
+      to: o.appendTo,
+      disabled: o.appendTo !== "body" ? !1 : !o.appendToBody
+    }, {
+      default: n(() => [
+        y(H, {
+          name: e(t).b("fade"),
+          onAfterEnter: e(k),
+          onAfterLeave: e(h),
+          onBeforeLeave: e(I)
+        }, {
+          default: n(() => [
+            j(y(e(X), {
+              mask: o.modal,
+              "overlay-class": [e(t).is("drawer"), o.modalClass ?? ""],
+              "z-index": e(w),
+              onClick: e(V)
+            }, {
+              default: n(() => [
+                y(e(Q), {
+                  loop: "",
+                  trapped: e(u),
+                  "focus-trap-el": f.value,
+                  "focus-start-el": v.value,
+                  onFocusAfterTrapped: e(D),
+                  onFocusAfterReleased: e(L),
+                  onFocusoutPrevented: e(O),
+                  onReleaseRequested: e(P)
+                }, {
+                  default: n(() => [
+                    b("div", R({
+                      ref_key: "drawerRef",
+                      ref: f,
+                      "aria-modal": "true",
+                      "aria-label": o.title || void 0,
+                      "aria-labelledby": o.title ? void 0 : e(c),
+                      "aria-describedby": e(g)
+                    }, l.$attrs, {
+                      class: [
+                        e(t).b(),
+                        o.direction,
+                        e(u) && "open",
+                        e(t).is("dragging", e(N))
+                      ],
+                      style: { [e(S) ? "width" : "height"]: e($) },
+                      role: "dialog",
+                      onClick: z[0] || (z[0] = U(() => {
+                      }, ["stop"]))
+                    }), [
+                      b("span", {
+                        ref_key: "focusStartRef",
+                        ref: v,
+                        class: s(e(t).e("sr-focus")),
+                        tabindex: "-1"
+                      }, null, 2),
+                      o.withHeader ? (a(), d("header", {
+                        key: 0,
+                        class: s([e(t).e("header"), o.headerClass])
+                      }, [
+                        l.$slots.title ? i(l.$slots, "title", { key: 1 }) : i(l.$slots, "header", {
+                          key: 0,
+                          close: e(p),
+                          titleId: e(c),
+                          titleClass: e(t).e("title")
+                        }, () => [
+                          b("span", {
+                            id: e(c),
+                            role: "heading",
+                            class: s(e(t).e("title"))
+                          }, G(o.title), 11, se)
+                        ]),
+                        o.showClose ? (a(), A(e(W), R({
+                          key: 2,
+                          onClick: e(p)
+                        }, M.value, {
+                          class: e(t).e("close")
+                        }), null, 16, ["onClick", "class"])) : r("", !0)
+                      ], 2)) : r("", !0),
+                      e(E) ? (a(), d("div", {
+                        key: 1,
+                        id: e(g),
+                        class: s([e(t).e("body"), o.bodyClass])
+                      }, [
+                        i(l.$slots, "default")
+                      ], 10, re)) : r("", !0),
+                      l.$slots.footer ? (a(), d("div", {
+                        key: 2,
+                        class: s([e(t).e("footer"), o.footerClass])
+                      }, [
+                        i(l.$slots, "footer")
+                      ], 2)) : r("", !0),
+                      o.resizable ? (a(), d("div", {
+                        key: 3,
+                        ref_key: "draggerRef",
+                        ref: B,
+                        style: J({ zIndex: e(w) }),
+                        class: s(e(t).e("dragger"))
+                      }, null, 6)) : r("", !0)
+                    ], 16, ae)
+                  ]),
+                  _: 3
+                }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
+              ]),
+              _: 3
+            }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
+              [K, e(u)]
+            ])
+          ]),
+          _: 3
+        }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
+      ]),
+      _: 3
+    }, 8, ["to", "disabled"]));
+  }
+});
+export {
+  Fe as default
+};

package/es/components/dropdown/dropdown-item-impl.vue2.js

@@ -0,0 +1,91 @@
+import { defineComponent as O, computed as l, inject as r, createElementBlock as I, openBlock as d, Fragment as y, createCommentVNode as c, createElementVNode as P, mergeProps as s, unref as o, withModifiers as g, createBlock as D, renderSlot as F, normalizeProps as V } from "vue";
+import { COLLECTION_ITEM_SIGN as $ } from "../collection/collection.js";
+import { VftIcon as J } from "../icon/index.js";
+import "../roving-focus-group/roving-focus-group.vue2.js";
+import "../roving-focus-group/roving-focus-group-impl.vue2.js";
+import "../roving-focus-group/roving-focus-item.vue2.js";
+import { ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY as Y } from "../roving-focus-group/types.js";
+import { ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY as B } from "../roving-focus-group/tokens.js";
+import { EVENT_CODE as E } from "../../constants/aria.js";
+import "@vueuse/core";
+import { singleAttrToObj as G } from "@vft/utils";
+import { composeEventHandlers as S } from "../../utils/event.js";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import { composeRefs as U } from "../../utils/vue/refs.js";
+import "../form/index.js";
+import { useNamespace as j } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { DROPDOWN_INJECTION_KEY as W } from "./tokens.js";
+import { DROPDOWN_COLLECTION_ITEM_INJECTION_KEY as z } from "./types.js";
+const A = ["aria-disabled", "tabindex", "role"], H = O({
+  name: "DropdownItemImpl"
+}), Ee = /* @__PURE__ */ O({
+  ...H,
+  props: {
+    command: { default: () => ({}) },
+    disabled: { type: Boolean, default: !1 },
+    divided: { type: Boolean, default: !1 },
+    textValue: { default: "" },
+    icon: { default: "" }
+  },
+  emits: ["pointermove", "pointerleave", "click", "clickimpl"],
+  setup(i, { emit: N }) {
+    const C = i, v = N, m = j("dropdown"), T = l(() => G(C.icon, "icon")), { role: a } = r(W, void 0), { collectionItemRef: b } = r(
+      z,
+      void 0
+    ), { collectionItemRef: R } = r(
+      Y,
+      void 0
+    ), {
+      rovingFocusGroupItemRef: k,
+      tabIndex: w,
+      handleFocus: p,
+      handleKeydown: K,
+      handleMousedown: u
+    } = r(B, void 0), L = U(
+      b,
+      R,
+      k
+    ), _ = l(() => a.value === "menu" ? "menuitem" : a.value === "navigation" ? "link" : "button"), f = S((t) => {
+      const { code: e } = t;
+      if (e === E.enter || e === E.space)
+        return t.preventDefault(), t.stopImmediatePropagation(), v("clickimpl", t), !0;
+    }, K), M = l(() => ({
+      [$]: ""
+    }));
+    return (t, e) => (d(), I(y, null, [
+      i.divided ? (d(), I("li", s({
+        key: 0,
+        role: "separator",
+        class: o(m).bem("menu", "item", "divided")
+      }, t.$attrs), null, 16)) : c("", !0),
+      P("li", s({ ref: o(L) }, { ...M.value, ...t.$attrs }, {
+        "aria-disabled": i.disabled,
+        class: [o(m).be("menu", "item"), o(m).is("disabled", i.disabled)],
+        tabindex: o(w),
+        role: _.value,
+        onClick: e[0] || (e[0] = (n) => t.$emit("clickimpl", n)),
+        onFocus: e[1] || (e[1] = //@ts-ignore
+        (...n) => o(p) && o(p)(...n)),
+        onKeydown: e[2] || (e[2] = g(
+          //@ts-ignore
+          (...n) => o(f) && o(f)(...n),
+          ["self"]
+        )),
+        onMousedown: e[3] || (e[3] = //@ts-ignore
+        (...n) => o(u) && o(u)(...n)),
+        onPointermove: e[4] || (e[4] = (n) => t.$emit("pointermove", n)),
+        onPointerleave: e[5] || (e[5] = (n) => t.$emit("pointerleave", n))
+      }), [
+        i.icon ? (d(), D(o(J), V(s({ key: 0 }, T.value)), null, 16)) : c("", !0),
+        F(t.$slots, "default")
+      ], 16, A)
+    ], 64));
+  }
+});
+export {
+  Ee as default
+};

package/es/components/dropdown/dropdown-item.vue2.js

@@ -0,0 +1,87 @@
+import { defineComponent as f, useAttrs as w, getCurrentInstance as E, ref as g, computed as c, unref as t, inject as D, createBlock as V, openBlock as y, withCtx as l, createVNode as s, mergeProps as A, renderSlot as B } from "vue";
+import "../roving-focus-group/roving-focus-group.vue2.js";
+import "../roving-focus-group/roving-focus-group-impl.vue2.js";
+import N from "../roving-focus-group/roving-focus-item.vue2.js";
+import "../roving-focus-group/types.js";
+import "@vueuse/core";
+import "@vft/utils";
+import { composeEventHandlers as d, whenMouse as u } from "../../utils/event.js";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import "../form/index.js";
+import O from "./dropdown-item-impl.vue2.js";
+import { DROPDOWN_INJECTION_KEY as $ } from "./tokens.js";
+import { VftCollectionItem as H } from "./types.js";
+import { useDropdown as L } from "./useDropdown.js";
+const M = f({
+  name: "VftDropdownItem",
+  inheritAttrs: !1
+}), Z = /* @__PURE__ */ f({
+  ...M,
+  props: {
+    command: { default: () => ({}) },
+    disabled: { type: Boolean, default: !1 },
+    divided: { type: Boolean, default: !1 },
+    textValue: { default: "" },
+    icon: { default: "" }
+  },
+  emits: ["pointermove", "pointerleave", "click"],
+  setup(n, { emit: p }) {
+    const o = n, i = p, v = w(), { elDropdown: a } = L(), P = E(), C = g(null), _ = c(() => t(C)?.textContent ?? ""), { onItemEnter: b, onItemLeave: m } = D($, void 0), k = d(
+      (e) => (i("pointermove", e), e.defaultPrevented),
+      u((e) => {
+        if (o.disabled) {
+          m(e);
+          return;
+        }
+        const r = e.currentTarget;
+        r === document.activeElement || r.contains(document.activeElement) || (b(e), e.defaultPrevented || r?.focus());
+      })
+    ), h = d(
+      (e) => (i("pointerleave", e), e.defaultPrevented),
+      u((e) => {
+        m(e);
+      })
+    ), x = d(
+      (e) => {
+        if (!o.disabled)
+          return i("click", e), e.type !== "keydown" && e.defaultPrevented;
+      },
+      (e) => {
+        if (o.disabled) {
+          e.stopImmediatePropagation();
+          return;
+        }
+        a?.hideOnClick?.value && a.handleClick?.(), a.commandHandler?.(o.command, P, e);
+      }
+    ), I = c(() => ({ ...o, ...v }));
+    return (e, r) => (y(), V(t(H), {
+      disabled: n.disabled,
+      "text-value": n.textValue ?? _.value
+    }, {
+      default: l(() => [
+        s(t(N), {
+          focusable: !n.disabled
+        }, {
+          default: l(() => [
+            s(O, A(I.value, {
+              onPointerleave: t(h),
+              onPointermove: t(k),
+              onClickimpl: t(x)
+            }), {
+              default: l(() => [
+                B(e.$slots, "default")
+              ]),
+              _: 3
+            }, 16, ["onPointerleave", "onPointermove", "onClickimpl"])
+          ]),
+          _: 3
+        }, 8, ["focusable"])
+      ]),
+      _: 3
+    }, 8, ["disabled", "text-value"]));
+  }
+});
+export {
+  Z as default
+};

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

@@ -0,0 +1,269 @@
+import { defineComponent as S, getCurrentInstance as X, ref as a, computed as b, watch as Z, toRef as h, onBeforeUnmount as _, provide as T, createElementBlock as ee, openBlock as $, normalizeClass as x, unref as o, createVNode as r, createBlock as te, createCommentVNode as oe, createSlots as ne, withCtx as n, renderSlot as y, mergeProps as I } from "vue";
+import { VftButtonGroup as re, VftButton as O } from "../button/index.js";
+import "../form/index.js";
+import { VftIcon as le } from "../icon/index.js";
+import ie from "../roving-focus-group/roving-focus-group.vue2.js";
+import "../roving-focus-group/roving-focus-group-impl.vue2.js";
+import "../roving-focus-group/roving-focus-item.vue2.js";
+import "../roving-focus-group/types.js";
+import { EVENT_CODE as w } from "../../constants/aria.js";
+import { VftScrollbar as ae } from "../scrollbar/index.js";
+import { OnlyChild as de } from "../slot/only-child.js";
+import { VftTooltip as fe } from "../tooltip/index.js";
+import "@vueuse/core";
+import { isArray as ue } from "@vft/utils";
+import { addUnit as se } from "../../utils/helper.js";
+import "lodash-es";
+import { useId as ce } from "../../hooks/use-id/index.js";
+import { useNamespace as me } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { DROPDOWN_INJECTION_KEY as pe } from "./tokens.js";
+import { VftCollection as ve } from "./types.js";
+import { useFormSize as ge } from "../form/hooks/use-form-common-props.js";
+const be = S({
+  name: "vft-dropdown"
+}), Ue = /* @__PURE__ */ S({
+  ...be,
+  props: {
+    trigger: { default: "hover" },
+    effect: { default: "light" },
+    type: {},
+    placement: { default: "bottom" },
+    popperOptions: {},
+    id: {},
+    size: {},
+    splitButton: { type: Boolean },
+    hideOnClick: { type: Boolean, default: !0 },
+    loop: { type: Boolean, default: !0 },
+    showTimeout: { default: 150 },
+    hideTimeout: { default: 150 },
+    tabindex: { default: 0 },
+    maxHeight: { default: "" },
+    popperClass: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    role: { default: "menu" },
+    buttonProps: {},
+    teleported: { type: Boolean, default: !0 }
+  },
+  emits: ["visible-change", "command", "click"],
+  setup(e, { expose: z, emit: R }) {
+    const l = me("dropdown"), d = e, u = R, L = X(), i = a(), C = a(), m = a(null), f = a(null), V = a(null), p = a(null), k = a(!1), N = [w.enter, w.space, w.down], D = b(() => ({
+      maxHeight: se(d.maxHeight)
+    })), H = ce().value, v = b(() => d.id || H);
+    Z(
+      [i, h(d, "trigger")],
+      ([t, c], [B]) => {
+        const Q = ue(c) ? c : [c];
+        B?.$el?.removeEventListener && B.$el.removeEventListener(
+          "pointerenter",
+          s
+        ), t?.$el?.removeEventListener && t.$el.removeEventListener(
+          "pointerenter",
+          s
+        ), t?.$el?.addEventListener && Q.includes("hover") && t.$el.addEventListener(
+          "pointerenter",
+          s
+        );
+      },
+      { immediate: !0 }
+    ), _(() => {
+      i.value?.$el?.removeEventListener && i.value.$el.removeEventListener(
+        "pointerenter",
+        s
+      );
+    });
+    function P() {
+      E();
+    }
+    function E() {
+      m.value?.onClose();
+    }
+    function A() {
+      m.value?.onOpen();
+    }
+    const g = ge();
+    function F(...t) {
+      u("command", ...t);
+    }
+    function s() {
+      i.value?.$el?.focus();
+    }
+    function K() {
+    }
+    function U() {
+      o(f)?.focus(), p.value = null;
+    }
+    function G(t) {
+      p.value = t;
+    }
+    function J(t) {
+      k.value || (t.preventDefault(), t.stopImmediatePropagation());
+    }
+    function M() {
+      u("visible-change", !0);
+    }
+    function W(t) {
+      t?.type === "keydown" && f.value?.focus();
+    }
+    function Y() {
+      u("visible-change", !1);
+    }
+    T(pe, {
+      contentRef: f,
+      role: b(() => d.role),
+      triggerId: v,
+      isUsingKeyboard: k,
+      onItemEnter: K,
+      onItemLeave: U
+    }), T("elDropdown", {
+      instance: L,
+      dropdownSize: g,
+      handleClick: P,
+      commandHandler: F,
+      trigger: h(d, "trigger"),
+      hideOnClick: h(d, "hideOnClick")
+    });
+    const j = (t) => {
+      t.preventDefault(), f.value?.focus?.({
+        preventScroll: !0
+      });
+    }, q = (t) => {
+      u("click", t);
+    };
+    return z({
+      handleClose: E,
+      handleOpen: A,
+      // Todo
+      onFocusAfterTrapped: j
+    }), (t, c) => ($(), ee("div", {
+      class: x([o(l).b(), o(l).is("disabled", e.disabled)])
+    }, [
+      r(o(fe), {
+        ref_key: "popperRef",
+        ref: m,
+        role: e.role,
+        effect: e.effect,
+        "fallback-placements": ["bottom", "top"],
+        "popper-options": e.popperOptions,
+        "gpu-acceleration": !1,
+        "hide-after": e.trigger === "hover" ? e.hideTimeout : 0,
+        "manual-mode": !0,
+        placement: e.placement,
+        "popper-class": [o(l).e("popper"), e.popperClass],
+        "reference-element": C.value?.$el,
+        trigger: e.trigger,
+        "trigger-keys": N,
+        "trigger-target-el": f.value,
+        "show-after": e.trigger === "hover" ? e.showTimeout : 0,
+        "stop-popper-mouse-event": !1,
+        "virtual-ref": i.value,
+        "virtual-triggering": e.splitButton,
+        disabled: e.disabled,
+        transition: `${o(l).namespace.value}-zoom-in-top`,
+        teleported: e.teleported,
+        pure: "",
+        persistent: "",
+        onBeforeShow: M,
+        onShow: W,
+        onBeforeHide: Y
+      }, ne({
+        content: n(() => [
+          r(o(ae), {
+            ref_key: "scrollbar",
+            ref: V,
+            "wrap-style": D.value,
+            tag: "div",
+            "view-class": [o(l).e("list"), "test"]
+          }, {
+            default: n(() => [
+              r(o(ie), {
+                loop: e.loop,
+                "current-tab-id": p.value,
+                orientation: "horizontal",
+                onCurrentTabIdChange: G,
+                onEntryFocus: J
+              }, {
+                default: n(() => [
+                  r(o(ve), null, {
+                    default: n(() => [
+                      y(t.$slots, "dropdown")
+                    ]),
+                    _: 3
+                  })
+                ]),
+                _: 3
+              }, 8, ["loop", "current-tab-id"])
+            ]),
+            _: 3
+          }, 8, ["wrap-style", "view-class"])
+        ]),
+        _: 2
+      }, [
+        e.splitButton ? void 0 : {
+          name: "default",
+          fn: n(() => [
+            r(o(de), {
+              id: v.value,
+              ref_key: "triggeringElementRef",
+              ref: i,
+              role: "button",
+              tabindex: e.tabindex
+            }, {
+              default: n(() => [
+                y(t.$slots, "default")
+              ]),
+              _: 3
+            }, 8, ["id", "tabindex"])
+          ]),
+          key: "0"
+        }
+      ]), 1032, ["role", "effect", "popper-options", "hide-after", "placement", "popper-class", "reference-element", "trigger", "trigger-target-el", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "teleported"]),
+      e.splitButton ? ($(), te(o(re), { key: 0 }, {
+        default: n(() => [
+          r(o(O), I({
+            ref_key: "referenceElementRef",
+            ref: C
+          }, e.buttonProps, {
+            size: o(g),
+            type: e.type,
+            disabled: e.disabled,
+            tabindex: e.tabindex,
+            onClick: q
+          }), {
+            default: n(() => [
+              y(t.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["size", "type", "disabled", "tabindex"]),
+          r(o(O), I({
+            id: v.value,
+            ref_key: "triggeringElementRef",
+            ref: i
+          }, e.buttonProps, {
+            role: "button",
+            size: o(g),
+            type: e.type,
+            class: o(l).e("caret-button"),
+            disabled: e.disabled,
+            tabindex: e.tabindex,
+            "aria-label": "切换下拉菜单"
+          }), {
+            default: n(() => [
+              r(o(le), {
+                class: x(o(l).e("icon")),
+                icon: "icon-arrow-down"
+              }, null, 8, ["class"])
+            ]),
+            _: 1
+          }, 16, ["id", "size", "type", "class", "disabled", "tabindex"])
+        ]),
+        _: 3
+      })) : oe("", !0)
+    ], 2));
+  }
+});
+export {
+  Ue as default
+};

package/es/components/focus-trap/focus-trap.vue.js

@@ -0,0 +1,10 @@
+import r from "./focus-trap.vue2.js";
+import { renderSlot as e } from "vue";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+function n(o, s, f, p, a, d) {
+  return e(o.$slots, "default", { handleKeydown: o.onKeydown });
+}
+const u = /* @__PURE__ */ t(r, [["render", n]]);
+export {
+  u as default
+};