vft 0.0.375 → 0.0.376

package/lib/components/dropdown/dropdown.vue2.cjs

@@ -1,310 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const index$4 = require("../button/index.cjs");
-require("../form/index.cjs");
-const index$5 = require("../icon/index.cjs");
-const rovingFocusGroup_vue_vue_type_script_setup_true_lang = require("../roving-focus-group/roving-focus-group.vue2.cjs");
-require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");
-require("../roving-focus-group/roving-focus-item.vue2.cjs");
-require("../roving-focus-group/types.cjs");
-const aria = require("../../constants/aria.cjs");
-const index$3 = require("../scrollbar/index.cjs");
-const onlyChild = require("../slot/only-child.cjs");
-const index$2 = require("../tooltip/index.cjs");
-require("@vueuse/core");
-const utils = require("@vft/utils");
-const helper = require("../../utils/helper.cjs");
-require("lodash-es");
-const index$1 = require("../../hooks/use-id/index.cjs");
-const index = require("../../hooks/use-namespace/index.cjs");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-const tokens = require("./tokens.cjs");
-const types = require("./types.cjs");
-const useFormCommonProps = require("../form/hooks/use-form-common-props.cjs");
-const __default__ = vue.defineComponent({
-  name: "vft-dropdown"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    trigger: { default: "hover" },
-    effect: { default: "light" },
-    type: {},
-    placement: { default: "bottom" },
-    popperOptions: {},
-    id: {},
-    size: {},
-    splitButton: { type: Boolean },
-    hideOnClick: { type: Boolean, default: true },
-    loop: { type: Boolean, default: true },
-    showTimeout: { default: 150 },
-    hideTimeout: { default: 150 },
-    tabindex: { default: 0 },
-    maxHeight: { default: "" },
-    popperClass: { default: "" },
-    disabled: { type: Boolean, default: false },
-    role: { default: "menu" },
-    buttonProps: {},
-    teleported: { type: Boolean, default: true }
-  },
-  emits: ["visible-change", "command", "click"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const ns = index.useNamespace("dropdown");
-    const props = __props;
-    const emit = __emit;
-    const _instance = vue.getCurrentInstance();
-    const triggeringElementRef = vue.ref();
-    const referenceElementRef = vue.ref();
-    const popperRef = vue.ref(null);
-    const contentRef = vue.ref(null);
-    const scrollbar = vue.ref(null);
-    const currentTabId = vue.ref(null);
-    const isUsingKeyboard = vue.ref(false);
-    const triggerKeys = [aria.EVENT_CODE.enter, aria.EVENT_CODE.space, aria.EVENT_CODE.down];
-    const wrapStyle = vue.computed(() => ({
-      maxHeight: helper.addUnit(props.maxHeight)
-    }));
-    const defaultTriggerId = index$1.useId().value;
-    const triggerId = vue.computed(() => {
-      return props.id || defaultTriggerId;
-    });
-    vue.watch(
-      [triggeringElementRef, vue.toRef(props, "trigger")],
-      ([triggeringElement, trigger], [prevTriggeringElement]) => {
-        const triggerArray = utils.isArray(trigger) ? trigger : [trigger];
-        if (prevTriggeringElement?.$el?.removeEventListener) {
-          prevTriggeringElement.$el.removeEventListener(
-            "pointerenter",
-            onAutofocusTriggerEnter
-          );
-        }
-        if (triggeringElement?.$el?.removeEventListener) {
-          triggeringElement.$el.removeEventListener(
-            "pointerenter",
-            onAutofocusTriggerEnter
-          );
-        }
-        if (triggeringElement?.$el?.addEventListener && triggerArray.includes("hover")) {
-          triggeringElement.$el.addEventListener(
-            "pointerenter",
-            onAutofocusTriggerEnter
-          );
-        }
-      },
-      { immediate: true }
-    );
-    vue.onBeforeUnmount(() => {
-      if (triggeringElementRef.value?.$el?.removeEventListener) {
-        triggeringElementRef.value.$el.removeEventListener(
-          "pointerenter",
-          onAutofocusTriggerEnter
-        );
-      }
-    });
-    function handleClick() {
-      handleClose();
-    }
-    function handleClose() {
-      popperRef.value?.onClose();
-    }
-    function handleOpen() {
-      popperRef.value?.onOpen();
-    }
-    const dropdownSize = useFormCommonProps.useFormSize();
-    function commandHandler(...args) {
-      emit("command", ...args);
-    }
-    function onAutofocusTriggerEnter() {
-      triggeringElementRef.value?.$el?.focus();
-    }
-    function onItemEnter() {
-    }
-    function onItemLeave() {
-      const contentEl = vue.unref(contentRef);
-      contentEl?.focus();
-      currentTabId.value = null;
-    }
-    function handleCurrentTabIdChange(id) {
-      currentTabId.value = id;
-    }
-    function handleEntryFocus(e) {
-      if (!isUsingKeyboard.value) {
-        e.preventDefault();
-        e.stopImmediatePropagation();
-      }
-    }
-    function handleBeforeShowTooltip() {
-      emit("visible-change", true);
-    }
-    function handleShowTooltip(event) {
-      if (event?.type === "keydown") {
-        contentRef.value?.focus();
-      }
-    }
-    function handleBeforeHideTooltip() {
-      emit("visible-change", false);
-    }
-    vue.provide(tokens.DROPDOWN_INJECTION_KEY, {
-      contentRef,
-      role: vue.computed(() => props.role),
-      triggerId,
-      isUsingKeyboard,
-      onItemEnter,
-      onItemLeave
-    });
-    vue.provide("elDropdown", {
-      instance: _instance,
-      dropdownSize,
-      handleClick,
-      commandHandler,
-      trigger: vue.toRef(props, "trigger"),
-      hideOnClick: vue.toRef(props, "hideOnClick")
-    });
-    const onFocusAfterTrapped = (e) => {
-      e.preventDefault();
-      contentRef.value?.focus?.({
-        preventScroll: true
-      });
-    };
-    const handlerMainButtonClick = (event) => {
-      emit("click", event);
-    };
-    __expose({
-      handleClose,
-      handleOpen,
-      // Todo
-      onFocusAfterTrapped
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is("disabled", _ctx.disabled)])
-      }, [
-        vue.createVNode(vue.unref(index$2.VftTooltip), {
-          ref_key: "popperRef",
-          ref: popperRef,
-          role: _ctx.role,
-          effect: _ctx.effect,
-          "fallback-placements": ["bottom", "top"],
-          "popper-options": _ctx.popperOptions,
-          "gpu-acceleration": false,
-          "hide-after": _ctx.trigger === "hover" ? _ctx.hideTimeout : 0,
-          "manual-mode": true,
-          placement: _ctx.placement,
-          "popper-class": [vue.unref(ns).e("popper"), _ctx.popperClass],
-          "reference-element": referenceElementRef.value?.$el,
-          trigger: _ctx.trigger,
-          "trigger-keys": triggerKeys,
-          "trigger-target-el": contentRef.value,
-          "show-after": _ctx.trigger === "hover" ? _ctx.showTimeout : 0,
-          "stop-popper-mouse-event": false,
-          "virtual-ref": triggeringElementRef.value,
-          "virtual-triggering": _ctx.splitButton,
-          disabled: _ctx.disabled,
-          transition: `${vue.unref(ns).namespace.value}-zoom-in-top`,
-          teleported: _ctx.teleported,
-          pure: "",
-          persistent: "",
-          onBeforeShow: handleBeforeShowTooltip,
-          onShow: handleShowTooltip,
-          onBeforeHide: handleBeforeHideTooltip
-        }, vue.createSlots({
-          content: vue.withCtx(() => [
-            vue.createVNode(vue.unref(index$3.VftScrollbar), {
-              ref_key: "scrollbar",
-              ref: scrollbar,
-              "wrap-style": wrapStyle.value,
-              tag: "div",
-              "view-class": [vue.unref(ns).e("list"), "test"]
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(rovingFocusGroup_vue_vue_type_script_setup_true_lang.default), {
-                  loop: _ctx.loop,
-                  "current-tab-id": currentTabId.value,
-                  orientation: "horizontal",
-                  onCurrentTabIdChange: handleCurrentTabIdChange,
-                  onEntryFocus: handleEntryFocus
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(types.VftCollection), null, {
-                      default: vue.withCtx(() => [
-                        vue.renderSlot(_ctx.$slots, "dropdown")
-                      ]),
-                      _: 3
-                    })
-                  ]),
-                  _: 3
-                }, 8, ["loop", "current-tab-id"])
-              ]),
-              _: 3
-            }, 8, ["wrap-style", "view-class"])
-          ]),
-          _: 2
-        }, [
-          !_ctx.splitButton ? {
-            name: "default",
-            fn: vue.withCtx(() => [
-              vue.createVNode(vue.unref(onlyChild.OnlyChild), {
-                id: triggerId.value,
-                ref_key: "triggeringElementRef",
-                ref: triggeringElementRef,
-                role: "button",
-                tabindex: _ctx.tabindex
-              }, {
-                default: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "default")
-                ]),
-                _: 3
-              }, 8, ["id", "tabindex"])
-            ]),
-            key: "0"
-          } : void 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"]),
-        _ctx.splitButton ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.VftButtonGroup), { key: 0 }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(vue.unref(index$4.VftButton), vue.mergeProps({
-              ref_key: "referenceElementRef",
-              ref: referenceElementRef
-            }, _ctx.buttonProps, {
-              size: vue.unref(dropdownSize),
-              type: _ctx.type,
-              disabled: _ctx.disabled,
-              tabindex: _ctx.tabindex,
-              onClick: handlerMainButtonClick
-            }), {
-              default: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, "default")
-              ]),
-              _: 3
-            }, 16, ["size", "type", "disabled", "tabindex"]),
-            vue.createVNode(vue.unref(index$4.VftButton), vue.mergeProps({
-              id: triggerId.value,
-              ref_key: "triggeringElementRef",
-              ref: triggeringElementRef
-            }, _ctx.buttonProps, {
-              role: "button",
-              size: vue.unref(dropdownSize),
-              type: _ctx.type,
-              class: vue.unref(ns).e("caret-button"),
-              disabled: _ctx.disabled,
-              tabindex: _ctx.tabindex,
-              "aria-label": "切换下拉菜单"
-            }), {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(index$5.VftIcon), {
-                  class: vue.normalizeClass(vue.unref(ns).e("icon")),
-                  icon: "icon-arrow-down"
-                }, null, 8, ["class"])
-              ]),
-              _: 1
-            }, 16, ["id", "size", "type", "class", "disabled", "tabindex"])
-          ]),
-          _: 3
-        })) : vue.createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../button/index.cjs");require("../form/index.cjs");const H=require("../icon/index.cjs"),A=require("../roving-focus-group/roving-focus-group.vue2.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");require("../roving-focus-group/types.cjs");const m=require("../../constants/aria.cjs"),K=require("../scrollbar/index.cjs"),M=require("../slot/only-child.cjs"),U=require("../tooltip/index.cjs");require("@vueuse/core");const G=require("@vft/utils"),j=require("../../utils/helper.cjs");require("lodash-es");const x=require("../../hooks/use-id/index.cjs"),J=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const W=require("./tokens.cjs"),Y=require("./types.cjs"),Q=require("../form/hooks/use-form-common-props.cjs"),X=e.defineComponent({name:"vft-dropdown"}),Z=e.defineComponent({...X,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(C,{expose:y,emit:w}){const r=J.useNamespace("dropdown"),o=C,l=w,E=e.getCurrentInstance(),n=e.ref(),v=e.ref(),s=e.ref(null),i=e.ref(null),q=e.ref(null),d=e.ref(null),g=e.ref(!1),k=[m.EVENT_CODE.enter,m.EVENT_CODE.space,m.EVENT_CODE.down],B=e.computed(()=>({maxHeight:j.addUnit(o.maxHeight)})),V=x.useId().value,f=e.computed(()=>o.id||V);e.watch([n,e.toRef(o,"trigger")],([t,u],[b])=>{const F=G.isArray(u)?u:[u];b?.$el?.removeEventListener&&b.$el.removeEventListener("pointerenter",a),t?.$el?.removeEventListener&&t.$el.removeEventListener("pointerenter",a),t?.$el?.addEventListener&&F.includes("hover")&&t.$el.addEventListener("pointerenter",a)},{immediate:!0}),e.onBeforeUnmount(()=>{n.value?.$el?.removeEventListener&&n.value.$el.removeEventListener("pointerenter",a)});function $(){h()}function h(){s.value?.onClose()}function T(){s.value?.onOpen()}const p=Q.useFormSize();function N(...t){l("command",...t)}function a(){n.value?.$el?.focus()}function O(){}function S(){e.unref(i)?.focus(),d.value=null}function I(t){d.value=t}function R(t){g.value||(t.preventDefault(),t.stopImmediatePropagation())}function z(){l("visible-change",!0)}function L(t){t?.type==="keydown"&&i.value?.focus()}function P(){l("visible-change",!1)}e.provide(W.DROPDOWN_INJECTION_KEY,{contentRef:i,role:e.computed(()=>o.role),triggerId:f,isUsingKeyboard:g,onItemEnter:O,onItemLeave:S}),e.provide("elDropdown",{instance:E,dropdownSize:p,handleClick:$,commandHandler:N,trigger:e.toRef(o,"trigger"),hideOnClick:e.toRef(o,"hideOnClick")});const D=t=>{t.preventDefault(),i.value?.focus?.({preventScroll:!0})},_=t=>{l("click",t)};return y({handleClose:h,handleOpen:T,onFocusAfterTrapped:D}),(t,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("disabled",t.disabled)])},[e.createVNode(e.unref(U.VftTooltip),{ref_key:"popperRef",ref:s,role:t.role,effect:t.effect,"fallback-placements":["bottom","top"],"popper-options":t.popperOptions,"gpu-acceleration":!1,"hide-after":t.trigger==="hover"?t.hideTimeout:0,"manual-mode":!0,placement:t.placement,"popper-class":[e.unref(r).e("popper"),t.popperClass],"reference-element":v.value?.$el,trigger:t.trigger,"trigger-keys":k,"trigger-target-el":i.value,"show-after":t.trigger==="hover"?t.showTimeout:0,"stop-popper-mouse-event":!1,"virtual-ref":n.value,"virtual-triggering":t.splitButton,disabled:t.disabled,transition:`${e.unref(r).namespace.value}-zoom-in-top`,teleported:t.teleported,pure:"",persistent:"",onBeforeShow:z,onShow:L,onBeforeHide:P},e.createSlots({content:e.withCtx(()=>[e.createVNode(e.unref(K.VftScrollbar),{ref_key:"scrollbar",ref:q,"wrap-style":B.value,tag:"div","view-class":[e.unref(r).e("list"),"test"]},{default:e.withCtx(()=>[e.createVNode(e.unref(A.default),{loop:t.loop,"current-tab-id":d.value,orientation:"horizontal",onCurrentTabIdChange:I,onEntryFocus:R},{default:e.withCtx(()=>[e.createVNode(e.unref(Y.VftCollection),null,{default:e.withCtx(()=>[e.renderSlot(t.$slots,"dropdown")]),_:3})]),_:3},8,["loop","current-tab-id"])]),_:3},8,["wrap-style","view-class"])]),_:2},[t.splitButton?void 0:{name:"default",fn:e.withCtx(()=>[e.createVNode(e.unref(M.OnlyChild),{id:f.value,ref_key:"triggeringElementRef",ref:n,role:"button",tabindex:t.tabindex},{default:e.withCtx(()=>[e.renderSlot(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"]),t.splitButton?(e.openBlock(),e.createBlock(e.unref(c.VftButtonGroup),{key:0},{default:e.withCtx(()=>[e.createVNode(e.unref(c.VftButton),e.mergeProps({ref_key:"referenceElementRef",ref:v},t.buttonProps,{size:e.unref(p),type:t.type,disabled:t.disabled,tabindex:t.tabindex,onClick:_}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["size","type","disabled","tabindex"]),e.createVNode(e.unref(c.VftButton),e.mergeProps({id:f.value,ref_key:"triggeringElementRef",ref:n},t.buttonProps,{role:"button",size:e.unref(p),type:t.type,class:e.unref(r).e("caret-button"),disabled:t.disabled,tabindex:t.tabindex,"aria-label":"切换下拉菜单"}),{default:e.withCtx(()=>[e.createVNode(e.unref(H.VftIcon),{class:e.normalizeClass(e.unref(r).e("icon")),icon:"icon-arrow-down"},null,8,["class"])]),_:1},16,["id","size","type","class","disabled","tabindex"])]),_:3})):e.createCommentVNode("",!0)],2))}});exports.default=Z;

package/lib/components/dropdown/index.cjs

@@ -1,23 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-require("@vueuse/core");
-require("@vft/utils");
-require("../config-provider/hooks/use-global-config.cjs");
-require("vue");
-const install = require("../../utils/vue/install.cjs");
-require("lodash-es");
-const dropdown_vue_vue_type_script_setup_true_lang = require("./dropdown.vue2.cjs");
-const dropdownItem_vue_vue_type_script_setup_true_lang = require("./dropdown-item.vue2.cjs");
-const dropdownMenu_vue_vue_type_script_setup_true_lang = require("./dropdown-menu.vue2.cjs");
-const tokens = require("./tokens.cjs");
-const VftDropdown = install.withInstall(dropdown_vue_vue_type_script_setup_true_lang.default, {
-  DropdownItem: dropdownItem_vue_vue_type_script_setup_true_lang.default,
-  DropdownMenu: dropdownMenu_vue_vue_type_script_setup_true_lang.default
-});
-const VftDropdownItem = install.withNoopInstall(dropdownItem_vue_vue_type_script_setup_true_lang.default);
-const VftDropdownMenu = install.withNoopInstall(dropdownMenu_vue_vue_type_script_setup_true_lang.default);
-exports.DROPDOWN_INJECTION_KEY = tokens.DROPDOWN_INJECTION_KEY;
-exports.VftDropdown = VftDropdown;
-exports.VftDropdownItem = VftDropdownItem;
-exports.VftDropdownMenu = VftDropdownMenu;
-exports.default = VftDropdown;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const e=require("../../utils/vue/install.cjs");require("lodash-es");const u=require("./dropdown.vue2.cjs"),t=require("./dropdown-item.vue2.cjs"),r=require("./dropdown-menu.vue2.cjs"),n=require("./tokens.cjs"),o=e.withInstall(u.default,{DropdownItem:t.default,DropdownMenu:r.default}),_=e.withNoopInstall(t.default),d=e.withNoopInstall(r.default);exports.DROPDOWN_INJECTION_KEY=n.DROPDOWN_INJECTION_KEY;exports.VftDropdown=o;exports.VftDropdownItem=_;exports.VftDropdownMenu=d;exports.default=o;

package/lib/components/dropdown/style/css.cjs

@@ -1,8 +1 @@
-"use strict";
-require("vft/theme-style/base.css");
-require("vft/theme-style/vft-icon.css");
-require("vft/theme-style/vft-button.css");
-require("vft/theme-style/vft-button-group.css");
-require("vft/theme-style/vft-popper.css");
-require("vft/theme-style/vft-scrollbar.css");
-require("vft/theme-style/vft-dropdown.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-icon.css");require("vft/theme-style/vft-button.css");require("vft/theme-style/vft-button-group.css");require("vft/theme-style/vft-popper.css");require("vft/theme-style/vft-scrollbar.css");require("vft/theme-style/vft-dropdown.css");

package/lib/components/dropdown/style/index.cjs

@@ -1,8 +1 @@
-"use strict";
-require("vft/theme-style/src/base.scss");
-require("vft/theme-style/src/icon.scss");
-require("vft/theme-style/src/button.scss");
-require("vft/theme-style/src/button-group.scss");
-require("vft/theme-style/src/scrollbar.scss");
-require("vft/theme-style/src/popper.scss");
-require("vft/theme-style/src/dropdown.scss");
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/icon.scss");require("vft/theme-style/src/button.scss");require("vft/theme-style/src/button-group.scss");require("vft/theme-style/src/scrollbar.scss");require("vft/theme-style/src/popper.scss");require("vft/theme-style/src/dropdown.scss");

package/lib/components/dropdown/tokens.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const DROPDOWN_INJECTION_KEY = Symbol("VftDropdown");
-exports.DROPDOWN_INJECTION_KEY = DROPDOWN_INJECTION_KEY;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=Symbol("VftDropdown");exports.DROPDOWN_INJECTION_KEY=o;

package/lib/components/dropdown/types.cjs

@@ -1,24 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const constants = require("@vft/constants");
-const collection = require("../collection/collection.cjs");
-const FIRST_KEYS = [
-  constants.EVENT_CODE.down,
-  constants.EVENT_CODE.pageDown,
-  constants.EVENT_CODE.home
-];
-const LAST_KEYS = [constants.EVENT_CODE.up, constants.EVENT_CODE.pageUp, constants.EVENT_CODE.end];
-const FIRST_LAST_KEYS = [...FIRST_KEYS, ...LAST_KEYS];
-const {
-  VftCollection,
-  VftCollectionItem,
-  COLLECTION_INJECTION_KEY,
-  COLLECTION_ITEM_INJECTION_KEY
-} = collection.createCollectionWithScope("Dropdown");
-exports.DROPDOWN_COLLECTION_INJECTION_KEY = COLLECTION_INJECTION_KEY;
-exports.DROPDOWN_COLLECTION_ITEM_INJECTION_KEY = COLLECTION_ITEM_INJECTION_KEY;
-exports.FIRST_KEYS = FIRST_KEYS;
-exports.FIRST_LAST_KEYS = FIRST_LAST_KEYS;
-exports.LAST_KEYS = LAST_KEYS;
-exports.VftCollection = VftCollection;
-exports.VftCollectionItem = VftCollectionItem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("@vft/constants"),e=require("../collection/collection.cjs"),o=[E.EVENT_CODE.down,E.EVENT_CODE.pageDown,E.EVENT_CODE.home],t=[E.EVENT_CODE.up,E.EVENT_CODE.pageUp,E.EVENT_CODE.end],_=[...o,...t],{VftCollection:T,VftCollectionItem:C,COLLECTION_INJECTION_KEY:O,COLLECTION_ITEM_INJECTION_KEY:n}=e.createCollectionWithScope("Dropdown");exports.DROPDOWN_COLLECTION_INJECTION_KEY=O;exports.DROPDOWN_COLLECTION_ITEM_INJECTION_KEY=n;exports.FIRST_KEYS=o;exports.FIRST_LAST_KEYS=_;exports.LAST_KEYS=t;exports.VftCollection=T;exports.VftCollectionItem=C;

package/lib/components/dropdown/useDropdown.cjs

@@ -1,108 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils = require("@vft/utils");
-const aria = require("../../constants/aria.cjs");
-require("@vueuse/core");
-require("../config-provider/hooks/use-global-config.cjs");
-const vue = require("vue");
-require("lodash-es");
-const index = require("../../hooks/use-namespace/index.cjs");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-const useDropdown = () => {
-  const elDropdown = vue.inject("elDropdown", {});
-  const _elDropdownSize = vue.computed(() => elDropdown?.dropdownSize);
-  return {
-    elDropdown,
-    _elDropdownSize
-  };
-};
-const initDropdownDomEvent = (dropdownChildren, triggerElm, _instance) => {
-  const ns = index.useNamespace("dropdown");
-  const menuItems = vue.ref(null);
-  const menuItemsArray = vue.ref(null);
-  const dropdownElm = vue.ref(null);
-  const listId = vue.ref(`dropdown-menu-${utils.buildShortUUID()}`);
-  dropdownElm.value = dropdownChildren?.subTree.el;
-  function removeTabindex() {
-    triggerElm.setAttribute("tabindex", "-1");
-    menuItemsArray.value?.forEach((item) => {
-      item.setAttribute("tabindex", "-1");
-    });
-  }
-  function resetTabindex(ele) {
-    removeTabindex();
-    ele?.setAttribute("tabindex", "0");
-  }
-  function handleTriggerKeyDown(ev) {
-    const code = ev.code;
-    if ([aria.EVENT_CODE.up, aria.EVENT_CODE.down].includes(code)) {
-      removeTabindex();
-      resetTabindex(menuItems.value[0]);
-      menuItems.value[0].focus();
-      ev.preventDefault();
-      ev.stopPropagation();
-    } else if (code === aria.EVENT_CODE.enter) {
-      _instance.handleClick();
-    } else if ([aria.EVENT_CODE.tab, aria.EVENT_CODE.esc].includes(code)) {
-      _instance.hide();
-    }
-  }
-  function handleItemKeyDown(ev) {
-    const code = ev.code;
-    const target = ev.target;
-    const currentIndex = menuItemsArray.value.indexOf(target);
-    const max = menuItemsArray.value.length - 1;
-    let nextIndex;
-    if ([aria.EVENT_CODE.up, aria.EVENT_CODE.down].includes(code)) {
-      if (code === aria.EVENT_CODE.up) {
-        nextIndex = currentIndex !== 0 ? currentIndex - 1 : 0;
-      } else {
-        nextIndex = currentIndex < max ? currentIndex + 1 : max;
-      }
-      removeTabindex();
-      resetTabindex(menuItems.value[nextIndex]);
-      menuItems.value[nextIndex].focus();
-      ev.preventDefault();
-      ev.stopPropagation();
-    } else if (code === aria.EVENT_CODE.enter) {
-      triggerElmFocus();
-      target.click();
-      if (_instance.props.hideOnClick) {
-        _instance.hide();
-      }
-    } else if ([aria.EVENT_CODE.tab, aria.EVENT_CODE.esc].includes(code)) {
-      _instance.hide();
-      triggerElmFocus();
-    }
-  }
-  function initAria() {
-    dropdownElm.value.setAttribute("id", listId.value);
-    triggerElm.setAttribute("aria-haspopup", "list");
-    triggerElm.setAttribute("aria-controls", listId.value);
-    if (!_instance.props.splitButton) {
-      triggerElm.setAttribute("role", "button");
-      triggerElm.setAttribute("tabindex", _instance.props.tabindex);
-      utils.addClass(triggerElm, ns.b("selfdefine"));
-    }
-  }
-  function initEvent() {
-    triggerElm?.addEventListener("keydown", handleTriggerKeyDown);
-    dropdownElm.value?.addEventListener("keydown", handleItemKeyDown, true);
-  }
-  function initDomOperation() {
-    menuItems.value = dropdownElm.value.querySelectorAll(
-      "[tabindex='-1']"
-    );
-    menuItemsArray.value = Array.from(menuItems.value);
-    initEvent();
-    initAria();
-  }
-  function triggerElmFocus() {
-    triggerElm.focus();
-  }
-  initDomOperation();
-};
-exports.initDropdownDomEvent = initDropdownDomEvent;
-exports.useDropdown = useDropdown;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("@vft/utils"),t=require("../../constants/aria.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const r=require("vue");require("lodash-es");const h=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=()=>{const s=r.inject("elDropdown",{}),n=r.computed(()=>s?.dropdownSize);return{elDropdown:s,_elDropdownSize:n}},V=(s,n,u)=>{const T=h.useNamespace("dropdown"),i=r.ref(null),d=r.ref(null),l=r.ref(null),E=r.ref(`dropdown-menu-${w.buildShortUUID()}`);l.value=s?.subTree.el;function p(){n.setAttribute("tabindex","-1"),d.value?.forEach(e=>{e.setAttribute("tabindex","-1")})}function f(e){p(),e?.setAttribute("tabindex","0")}function O(e){const o=e.code;[t.EVENT_CODE.up,t.EVENT_CODE.down].includes(o)?(p(),f(i.value[0]),i.value[0].focus(),e.preventDefault(),e.stopPropagation()):o===t.EVENT_CODE.enter?u.handleClick():[t.EVENT_CODE.tab,t.EVENT_CODE.esc].includes(o)&&u.hide()}function x(e){const o=e.code,b=e.target,a=d.value.indexOf(b),v=d.value.length-1;let c;[t.EVENT_CODE.up,t.EVENT_CODE.down].includes(o)?(o===t.EVENT_CODE.up?c=a!==0?a-1:0:c=a<v?a+1:v,p(),f(i.value[c]),i.value[c].focus(),e.preventDefault(),e.stopPropagation()):o===t.EVENT_CODE.enter?(D(),b.click(),u.props.hideOnClick&&u.hide()):[t.EVENT_CODE.tab,t.EVENT_CODE.esc].includes(o)&&(u.hide(),D())}function C(){l.value.setAttribute("id",E.value),n.setAttribute("aria-haspopup","list"),n.setAttribute("aria-controls",E.value),u.props.splitButton||(n.setAttribute("role","button"),n.setAttribute("tabindex",u.props.tabindex),w.addClass(n,T.b("selfdefine")))}function A(){n?.addEventListener("keydown",O),l.value?.addEventListener("keydown",x,!0)}function N(){i.value=l.value.querySelectorAll("[tabindex='-1']"),d.value=Array.from(i.value),A(),C()}function D(){n.focus()}N()};exports.initDropdownDomEvent=V;exports.useDropdown=q;

package/lib/components/dropdown-item/style/css.cjs

@@ -1,3 +1 @@
-"use strict";
-require("vft/theme-style/base.css");
-require("vft/theme-style/vft-dropdown-item.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-dropdown-item.css");

package/lib/components/dropdown-item/style/index.cjs

@@ -1,3 +1 @@
-"use strict";
-require("vft/theme-style/src/base.scss");
-require("vft/theme-style/src/dropdown-item.scss");
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/dropdown-item.scss");

package/lib/components/dropdown-menu/style/css.cjs

@@ -1,3 +1 @@
-"use strict";
-require("vft/theme-style/base.css");
-require("vft/theme-style/vft-dropdown-menu.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-dropdown-menu.css");

package/lib/components/dropdown-menu/style/index.cjs

@@ -1,3 +1 @@
-"use strict";
-require("vft/theme-style/src/base.scss");
-require("vft/theme-style/src/dropdown-menu.scss");
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/dropdown-menu.scss");