vft 0.0.429 → 0.0.430

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

@@ -1,11 +1,11 @@
-import { defineComponent as u, useAttrs as E, getCurrentInstance as g, ref as x, computed as m, unref as t, inject as D, createBlock as V, openBlock as y, withCtx as a, createVNode as s, mergeProps as A, renderSlot as B } from "vue";
+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 l, whenMouse as c } from "../../utils/event.js";
+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";
@@ -13,10 +13,10 @@ 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 = u({
+const M = f({
   name: "VftDropdownItem",
   inheritAttrs: !1
-}), Z = /* @__PURE__ */ u({
+}), Z = /* @__PURE__ */ f({
   ...M,
   props: {
     command: { default: () => ({}) },
@@ -26,50 +26,50 @@ const M = u({
     icon: { default: "" }
   },
   emits: ["pointermove", "pointerleave", "click"],
-  setup(f, { emit: p }) {
-    const o = f, r = p, v = E(), { elDropdown: i } = L(), _ = g(), P = x(null), C = m(() => t(P)?.textContent ?? ""), { onItemEnter: b, onItemLeave: d } = D($, void 0), k = l(
-      (e) => (r("pointermove", e), e.defaultPrevented),
-      c((e) => {
+  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) {
-          d(e);
+          m(e);
           return;
         }
-        const n = e.currentTarget;
-        n === document.activeElement || n.contains(document.activeElement) || (b(e), e.defaultPrevented || n?.focus());
+        const r = e.currentTarget;
+        r === document.activeElement || r.contains(document.activeElement) || (b(e), e.defaultPrevented || r?.focus());
       })
-    ), h = l(
-      (e) => (r("pointerleave", e), e.defaultPrevented),
-      c((e) => {
-        d(e);
+    ), h = d(
+      (e) => (i("pointerleave", e), e.defaultPrevented),
+      u((e) => {
+        m(e);
       })
-    ), I = l(
+    ), x = d(
       (e) => {
         if (!o.disabled)
-          return r("click", e), e.type !== "keydown" && e.defaultPrevented;
+          return i("click", e), e.type !== "keydown" && e.defaultPrevented;
       },
       (e) => {
         if (o.disabled) {
           e.stopImmediatePropagation();
           return;
         }
-        i?.hideOnClick?.value && i.handleClick?.(), i.commandHandler?.(o.command, _, e);
+        a?.hideOnClick?.value && a.handleClick?.(), a.commandHandler?.(o.command, P, e);
       }
-    ), w = m(() => ({ ...o, ...v }));
-    return (e, n) => (y(), V(t(H), {
-      disabled: e.disabled,
-      "text-value": e.textValue ?? C.value
+    ), I = c(() => ({ ...o, ...v }));
+    return (e, r) => (y(), V(t(H), {
+      disabled: n.disabled,
+      "text-value": n.textValue ?? _.value
     }, {
-      default: a(() => [
+      default: l(() => [
         s(t(N), {
-          focusable: !e.disabled
+          focusable: !n.disabled
         }, {
-          default: a(() => [
-            s(O, A(w.value, {
+          default: l(() => [
+            s(O, A(I.value, {
               onPointerleave: t(h),
               onPointermove: t(k),
-              onClickimpl: t(I)
+              onClickimpl: t(x)
             }), {
-              default: a(() => [
+              default: l(() => [
                 B(e.$slots, "default")
               ]),
               _: 3

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

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