vft 0.0.89 → 0.0.91

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

@@ -1,129 +1,4 @@
-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]]);
+import f from "./dropdown.vue2.js";
 export {
-  H as default
+  f as default
 };

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

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

package/es/components/dropdown/index.js

@@ -1,28 +1,21 @@
-import { withInstall as p, withNoopInstall as o } from "../../utils/vue/install.js";
+import { withInstall as m, withNoopInstall as o } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
 import "lodash";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import m from "./dropdown.vue.js";
+import p from "./dropdown.vue2.js";
 import t from "./dropdown-item.vue.js";
 import r from "./dropdown-menu.vue.js";
-import { default as x } from "./dropdown-item-impl.vue.js";
-import { DROPDOWN_INJECTION_KEY as h } from "./tokens.js";
-import { VftCollection as N, VftCollectionItem as y } from "./types.js";
-import { OnlyChild as M } from "../slot/only-child.js";
-const I = p(m, {
+import { DROPDOWN_INJECTION_KEY as u } from "./tokens.js";
+const a = m(p, {
   DropdownItem: t,
   DropdownMenu: r
-}), a = o(t), V = o(r);
+}), l = o(t), c = o(r);
 export {
-  h as DROPDOWN_INJECTION_KEY,
-  I as VftDropdown,
-  N as VftDropdownCollection,
-  y as VftDropdownCollectionItem,
-  a as VftDropdownItem,
-  x as VftDropdownItemImpl,
-  V as VftDropdownMenu,
-  M as VftOnlyChild,
-  I as default
+  u as DROPDOWN_INJECTION_KEY,
+  a as VftDropdown,
+  l as VftDropdownItem,
+  c as VftDropdownMenu,
+  a as default
 };

package/es/components/dropdown/style/css.js

@@ -1,2 +1,7 @@
 import "vft/theme-style/base.css";
+import "vft/theme-style/vft-icon.css";
+import "vft/theme-style/vft-button.css";
+import "vft/theme-style/vft-button-group.css";
+import "vft/theme-style/vft-popper.css";
+import "vft/theme-style/vft-scrollbar.css";
 import "vft/theme-style/vft-dropdown.css";

package/es/components/dropdown/style/index.js

@@ -1,2 +1,7 @@
 import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/icon.scss";
+import "vft/theme-style/src/button.scss";
+import "vft/theme-style/src/button-group.scss";
+import "vft/theme-style/src/scrollbar.scss";
+import "vft/theme-style/src/popper.scss";
 import "vft/theme-style/src/dropdown.scss";

package/es/components/dropdown/tokens.js

@@ -1,4 +1,4 @@
-const o = Symbol("vftDropdown");
+const o = Symbol("VftDropdown");
 export {
   o as DROPDOWN_INJECTION_KEY
 };