vft 0.0.48 → 0.0.51

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

@@ -0,0 +1,129 @@
+import h from "./dropdown.vue2.js";
+import { resolveComponent as r, openBlock as a, createElementBlock as v, normalizeClass as s, createVNode as n, createSlots as w, withCtx as o, renderSlot as t, createBlock as y, mergeProps as p, createCommentVNode as C } from "vue";
+import B from "../../_virtual/_plugin-vue_export-helper.js";
+function k(e, S, E, z, T, $) {
+  var i;
+  const d = r("dropdown-collection"), f = r("roving-focus-group"), u = r("vft-scrollbar"), g = r("vft-only-child"), b = r("vft-tooltip"), l = r("vft-button"), m = r("vft-icon"), c = r("vft-button-group");
+  return a(), v("div", {
+    class: s([e.ns.b(), e.ns.is("disabled", e.disabled)])
+  }, [
+    n(b, {
+      ref: "popperRef",
+      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": [e.ns.e("popper"), e.popperClass],
+      "reference-element": (i = e.referenceElementRef) == null ? void 0 : i.$el,
+      trigger: e.trigger,
+      "trigger-keys": e.triggerKeys,
+      "trigger-target-el": e.contentRef,
+      "show-after": e.trigger === "hover" ? e.showTimeout : 0,
+      "stop-popper-mouse-event": !1,
+      "virtual-ref": e.triggeringElementRef,
+      "virtual-triggering": e.splitButton,
+      disabled: e.disabled,
+      transition: `${e.ns.namespace.value}-zoom-in-top`,
+      teleported: e.teleported,
+      pure: "",
+      persistent: "",
+      onBeforeShow: e.handleBeforeShowTooltip,
+      onShow: e.handleShowTooltip,
+      onBeforeHide: e.handleBeforeHideTooltip
+    }, w({
+      content: o(() => [
+        n(u, {
+          ref: "scrollbar",
+          "wrap-style": e.wrapStyle,
+          tag: "div",
+          "view-class": e.ns.e("list")
+        }, {
+          default: o(() => [
+            n(f, {
+              loop: e.loop,
+              "current-tab-id": e.currentTabId,
+              orientation: "horizontal",
+              onCurrentTabIdChange: e.handleCurrentTabIdChange,
+              onEntryFocus: e.handleEntryFocus
+            }, {
+              default: o(() => [
+                n(d, null, {
+                  default: o(() => [
+                    t(e.$slots, "dropdown")
+                  ]),
+                  _: 3
+                })
+              ]),
+              _: 3
+            }, 8, ["loop", "current-tab-id", "onCurrentTabIdChange", "onEntryFocus"])
+          ]),
+          _: 3
+        }, 8, ["wrap-style", "view-class"])
+      ]),
+      _: 2
+    }, [
+      e.splitButton ? void 0 : {
+        name: "default",
+        fn: o(() => [
+          n(g, {
+            id: e.triggerId,
+            ref: "triggeringElementRef",
+            role: "button",
+            tabindex: e.tabindex
+          }, {
+            default: o(() => [
+              t(e.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["id", "tabindex"])
+        ]),
+        key: "0"
+      }
+    ]), 1032, ["role", "effect", "popper-options", "hide-after", "placement", "popper-class", "reference-element", "trigger", "trigger-keys", "trigger-target-el", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "teleported", "onBeforeShow", "onShow", "onBeforeHide"]),
+    e.splitButton ? (a(), y(c, { key: 0 }, {
+      default: o(() => [
+        n(l, p({ ref: "referenceElementRef" }, e.buttonProps, {
+          size: e.dropdownSize,
+          type: e.type,
+          disabled: e.disabled,
+          tabindex: e.tabindex,
+          onClick: e.handlerMainButtonClick
+        }), {
+          default: o(() => [
+            t(e.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["size", "type", "disabled", "tabindex", "onClick"]),
+        n(l, p({
+          id: e.triggerId,
+          ref: "triggeringElementRef"
+        }, e.buttonProps, {
+          role: "button",
+          size: e.dropdownSize,
+          type: e.type,
+          class: e.ns.e("caret-button"),
+          disabled: e.disabled,
+          tabindex: e.tabindex,
+          "aria-label": "切换下拉菜单"
+        }), {
+          default: o(() => [
+            n(m, {
+              class: s(e.ns.e("icon")),
+              icon: "ico-ep:arrow-down"
+            }, null, 8, ["class"])
+          ]),
+          _: 1
+        }, 16, ["id", "size", "type", "class", "disabled", "tabindex"])
+      ]),
+      _: 3
+    })) : C("", !0)
+  ], 2);
+}
+const H = /* @__PURE__ */ B(h, [["render", k]]);
+export {
+  H as default
+};

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

@@ -0,0 +1,220 @@
+import { defineComponent as P, getCurrentInstance as U, ref as n, computed as f, watch as M, toRef as s, onBeforeUnmount as E, provide as w, unref as J } from "vue";
+import { VftButton as B } from "../button/index.js";
+import { VftTooltip as W } from "../tooltip/index.js";
+import { VftScrollbar as Y } from "../scrollbar/index.js";
+import { VftIcon as q } from "../icon/index.js";
+import Q from "../roving-focus-group/roving-focus-group.vue.js";
+import "../roving-focus-group/roving-focus-item.vue2.js";
+import "../roving-focus-group/roving-focus-group-impl.vue2.js";
+import "../roving-focus-group/types.js";
+import { EVENT_CODE as m } from "../../constants/aria.js";
+import { OnlyChild as X } from "../slot/only-child.js";
+import "../form/index.js";
+import { addUnit as Z, isArray as g } from "@vft/utils";
+import { useNamespace as ee } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import { useId as oe } from "../../hooks/use-id/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { DROPDOWN_INJECTION_KEY as te } from "./tokens.js";
+import { VftCollection as ne } from "./types.js";
+import { useFormSize as re } from "../form/hooks/use-form-common-props.js";
+const { ButtonGroup: ie } = B, Fe = P({
+  name: "VftDropdown",
+  components: {
+    VftButton: B,
+    VftButtonGroup: ie,
+    VftScrollbar: Y,
+    DropdownCollection: ne,
+    VftTooltip: W,
+    RovingFocusGroup: Q,
+    VftOnlyChild: X,
+    VftIcon: q
+  },
+  props: {
+    trigger: Object,
+    effect: {
+      type: String,
+      default: "light"
+    },
+    type: {
+      type: String
+    },
+    placement: {
+      type: String,
+      default: "bottom"
+    },
+    popperOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    id: String,
+    size: {
+      type: String,
+      default: ""
+    },
+    splitButton: Boolean,
+    hideOnClick: {
+      type: Boolean,
+      default: !0
+    },
+    loop: {
+      type: Boolean,
+      default: !0
+    },
+    showTimeout: {
+      type: Number,
+      default: 150
+    },
+    hideTimeout: {
+      type: Number,
+      default: 150
+    },
+    tabindex: {
+      type: [Number, String],
+      default: 0
+    },
+    maxHeight: {
+      type: [Number, String],
+      default: ""
+    },
+    popperClass: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    role: {
+      type: String,
+      default: "menu"
+    },
+    buttonProps: {
+      type: Object
+    },
+    teleported: String
+  },
+  emits: ["visible-change", "click", "command"],
+  setup(r, { emit: u }) {
+    const I = U(), h = ee("dropdown"), i = n(), T = n(), c = n(null), l = n(null), V = n(null), p = n(null), v = n(!1), k = [m.enter, m.space, m.down], L = f(() => ({
+      maxHeight: Z(r.maxHeight)
+    })), N = f(() => [h.m(d.value)]), $ = oe().value, y = f(() => r.id || $);
+    M(
+      [i, s(r, "trigger")],
+      ([e, o], [t]) => {
+        var C, S, O;
+        const z = g(o) ? o : [o];
+        (C = t == null ? void 0 : t.$el) != null && C.removeEventListener && t.$el.removeEventListener(
+          "pointerenter",
+          a
+        ), (S = e == null ? void 0 : e.$el) != null && S.removeEventListener && e.$el.removeEventListener(
+          "pointerenter",
+          a
+        ), (O = e == null ? void 0 : e.$el) != null && O.addEventListener && z.includes("hover") && e.$el.addEventListener(
+          "pointerenter",
+          a
+        );
+      },
+      { immediate: !0 }
+    ), E(() => {
+      var e, o;
+      (o = (e = i.value) == null ? void 0 : e.$el) != null && o.removeEventListener && i.value.$el.removeEventListener(
+        "pointerenter",
+        a
+      );
+    });
+    function D() {
+      b();
+    }
+    function b() {
+      var e;
+      (e = c.value) == null || e.onClose();
+    }
+    function R() {
+      var e;
+      (e = c.value) == null || e.onOpen();
+    }
+    const d = re();
+    function F(...e) {
+      u("command", ...e);
+    }
+    function a() {
+      var e, o;
+      (o = (e = i.value) == null ? void 0 : e.$el) == null || o.focus();
+    }
+    function _() {
+    }
+    function x() {
+      const e = J(l);
+      e == null || e.focus(), p.value = null;
+    }
+    function A(e) {
+      p.value = e;
+    }
+    function H(e) {
+      v.value || (e.preventDefault(), e.stopImmediatePropagation());
+    }
+    function G() {
+      u("visible-change", !0);
+    }
+    function K(e) {
+      var o;
+      (e == null ? void 0 : e.type) === "keydown" && ((o = l.value) == null || o.focus());
+    }
+    function j() {
+      u("visible-change", !1);
+    }
+    return w(te, {
+      contentRef: l,
+      role: f(() => r.role),
+      triggerId: y,
+      isUsingKeyboard: v,
+      onItemEnter: _,
+      onItemLeave: x
+    }), w("elDropdown", {
+      instance: I,
+      dropdownSize: d,
+      handleClick: D,
+      commandHandler: F,
+      trigger: s(r, "trigger"),
+      hideOnClick: s(r, "hideOnClick")
+    }), {
+      ns: h,
+      scrollbar: V,
+      wrapStyle: L,
+      dropdownTriggerKls: N,
+      dropdownSize: d,
+      triggerId: y,
+      triggerKeys: k,
+      currentTabId: p,
+      handleCurrentTabIdChange: A,
+      handlerMainButtonClick: (e) => {
+        u("click", e);
+      },
+      handleEntryFocus: H,
+      handleClose: b,
+      handleOpen: R,
+      handleBeforeShowTooltip: G,
+      handleShowTooltip: K,
+      handleBeforeHideTooltip: j,
+      onFocusAfterTrapped: (e) => {
+        var o, t;
+        e.preventDefault(), (t = (o = l.value) == null ? void 0 : o.focus) == null || t.call(o, {
+          preventScroll: !0
+        });
+      },
+      popperRef: c,
+      contentRef: l,
+      triggeringElementRef: i,
+      referenceElementRef: T
+    };
+  }
+});
+export {
+  Fe as default
+};