vft 0.0.375 → 0.0.376

package/lib/components/router-view-content/router-view-content.vue2.cjs

@@ -1,85 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const router = require("@vft/router");
-require("vue-router");
-const core = require("@vueuse/core");
-const __default__ = vue.defineComponent({
-  name: "vft-router-view-content"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    cacheList: {},
-    transitionName: {},
-    transitionAttr: {},
-    openKeepAlive: { type: Boolean, default: true },
-    isReloadFlag: { type: Boolean },
-    pageErrorStatus: { type: Boolean },
-    enableErrorHandle: { type: Boolean },
-    exceptionComp: {}
-  },
-  setup(__props) {
-    const getCaches = vue.computed(() => {
-      if (!__props.openKeepAlive) {
-        return [];
-      }
-      return __props.cacheList;
-    });
-    const pageComponent = vue.computed(() => {
-      return (component) => {
-        if (__props.enableErrorHandle) {
-          return __props.pageErrorStatus ? __props.exceptionComp || component : component;
-        } else {
-          return component;
-        }
-      };
-    });
-    const excludeNames = vue.computed(() => {
-      return (route) => {
-        let name = route.name;
-        if (route.meta?.currentActivePath) {
-          name = route.matched?.filter((item) => {
-            return item.path === route.meta?.currentActivePath;
-          })?.[0].name;
-        }
-        return __props.isReloadFlag ? void 0 : name;
-      };
-    });
-    const [DefineTemplate, ReuseTemplate] = core.createReusableTemplate();
-    return (_ctx, _cache) => {
-      const _component_router_view = vue.resolveComponent("router-view");
-      return vue.openBlock(), vue.createBlock(_component_router_view, null, {
-        default: vue.withCtx(({ Component: Comp, route }) => [
-          vue.createVNode(vue.unref(DefineTemplate), null, {
-            default: vue.withCtx(() => [
-              _ctx.openKeepAlive ? (vue.openBlock(), vue.createBlock(vue.KeepAlive, {
-                key: 0,
-                include: getCaches.value,
-                exclude: excludeNames.value(route)
-              }, [
-                _ctx.isReloadFlag ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(pageComponent.value(Comp)), {
-                  key: vue.unref(router.getRouterKeyPath)(route)
-                })) : vue.createCommentVNode("", true)
-              ], 1032, ["include", "exclude"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(pageComponent.value(Comp)), {
-                key: route.fullPath
-              }))
-            ]),
-            _: 2
-          }, 1024),
-          _ctx.transitionName ? (vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({
-            key: 0,
-            name: _ctx.transitionName
-          }, _ctx.transitionAttr), {
-            default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(ReuseTemplate))
-            ]),
-            _: 1
-          }, 16, ["name"])) : (vue.openBlock(), vue.createBlock(vue.unref(ReuseTemplate), { key: 1 }))
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("@vft/router");require("vue-router");const d=require("@vueuse/core"),f=e.defineComponent({name:"vft-router-view-content"}),v=e.defineComponent({...f,props:{cacheList:{},transitionName:{},transitionAttr:{},openKeepAlive:{type:Boolean,default:!0},isReloadFlag:{type:Boolean},pageErrorStatus:{type:Boolean},enableErrorHandle:{type:Boolean},exceptionComp:{}},setup(n){const i=e.computed(()=>n.openKeepAlive?n.cacheList:[]),l=e.computed(()=>t=>n.enableErrorHandle&&n.pageErrorStatus&&n.exceptionComp||t),s=e.computed(()=>t=>{let o=t.name;return t.meta?.currentActivePath&&(o=t.matched?.filter(r=>r.path===t.meta?.currentActivePath)?.[0].name),n.isReloadFlag?void 0:o}),[m,c]=d.createReusableTemplate();return(t,o)=>{const r=e.resolveComponent("router-view");return e.openBlock(),e.createBlock(r,null,{default:e.withCtx(({Component:u,route:a})=>[e.createVNode(e.unref(m),null,{default:e.withCtx(()=>[t.openKeepAlive?(e.openBlock(),e.createBlock(e.KeepAlive,{key:0,include:i.value,exclude:s.value(a)},[t.isReloadFlag?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.value(u)),{key:e.unref(p.getRouterKeyPath)(a)})):e.createCommentVNode("",!0)],1032,["include","exclude"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.value(u)),{key:a.fullPath}))]),_:2},1024),t.transitionName?(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({key:0,name:t.transitionName},t.transitionAttr),{default:e.withCtx(()=>[e.createVNode(e.unref(c))]),_:1},16,["name"])):(e.openBlock(),e.createBlock(e.unref(c),{key:1}))]),_:1})}}});exports.default=v;

package/lib/components/router-view-content/style/css.cjs

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

package/lib/components/router-view-content/style/index.cjs

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

package/lib/components/roving-focus-group/index.cjs

@@ -1,23 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const rovingFocusGroup_vue_vue_type_script_setup_true_lang = require("./roving-focus-group.vue2.cjs");
-const rovingFocusGroupImpl_vue_vue_type_script_setup_true_lang = require("./roving-focus-group-impl.vue2.cjs");
-const rovingFocusItem_vue_vue_type_script_setup_true_lang = require("./roving-focus-item.vue2.cjs");
-const types = require("./types.cjs");
-const tokens = require("./tokens.cjs");
-const utils = require("./utils.cjs");
-exports.VftRovingFocusGroup = rovingFocusGroup_vue_vue_type_script_setup_true_lang.default;
-exports.default = rovingFocusGroup_vue_vue_type_script_setup_true_lang.default;
-exports.VftRovingFocusGroupImpl = rovingFocusGroupImpl_vue_vue_type_script_setup_true_lang.default;
-exports.VftRovingFocusItem = rovingFocusItem_vue_vue_type_script_setup_true_lang.default;
-exports.ROVING_FOCUS_COLLECTION_INJECTION_KEY = types.ROVING_FOCUS_COLLECTION_INJECTION_KEY;
-exports.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY = types.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY;
-exports.VftCollection = types.VftCollection;
-exports.VftCollectionItem = types.VftCollectionItem;
-exports.VftFocusGroupCollection = types.VftCollection;
-exports.VftRovingFocusCollectionItem = types.VftCollectionItem;
-exports.ROVING_FOCUS_GROUP_INJECTION_KEY = tokens.ROVING_FOCUS_GROUP_INJECTION_KEY;
-exports.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY = tokens.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY;
-exports.focusFirst = utils.focusFirst;
-exports.getFocusIntent = utils.getFocusIntent;
-exports.reorderArray = utils.reorderArray;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("./roving-focus-group.vue2.cjs"),u=require("./roving-focus-group-impl.vue2.cjs"),r=require("./roving-focus-item.vue2.cjs"),e=require("./types.cjs"),o=require("./tokens.cjs"),t=require("./utils.cjs");exports.VftRovingFocusGroup=_.default;exports.default=_.default;exports.VftRovingFocusGroupImpl=u.default;exports.VftRovingFocusItem=r.default;exports.ROVING_FOCUS_COLLECTION_INJECTION_KEY=e.ROVING_FOCUS_COLLECTION_INJECTION_KEY;exports.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY=e.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY;exports.VftCollection=e.VftCollection;exports.VftCollectionItem=e.VftCollectionItem;exports.VftFocusGroupCollection=e.VftCollection;exports.VftRovingFocusCollectionItem=e.VftCollectionItem;exports.ROVING_FOCUS_GROUP_INJECTION_KEY=o.ROVING_FOCUS_GROUP_INJECTION_KEY;exports.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY=o.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY;exports.focusFirst=t.focusFirst;exports.getFocusIntent=t.getFocusIntent;exports.reorderArray=t.reorderArray;

package/lib/components/roving-focus-group/roving-focus-group-impl.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const rovingFocusGroupImpl_vue_vue_type_script_setup_true_lang = require("./roving-focus-group-impl.vue2.cjs");
-exports.default = rovingFocusGroupImpl_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./roving-focus-group-impl.vue2.cjs");exports.default=e.default;

package/lib/components/roving-focus-group/roving-focus-group-impl.vue2.cjs

@@ -1,130 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const core = require("@vueuse/core");
-require("@vft/utils");
-const event = require("../../utils/event.cjs");
-require("../config-provider/hooks/use-global-config.cjs");
-require("lodash-es");
-const tokens = require("./tokens.cjs");
-const types = require("./types.cjs");
-const utils = require("./utils.cjs");
-const CURRENT_TAB_ID_CHANGE_EVT = "currentTabIdChange";
-const ENTRY_FOCUS_EVT = "rovingFocusGroup.entryFocus";
-const __default__ = vue.defineComponent({
-  name: "VftRovingFocusGroupImpl",
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    style: { type: [Boolean, null, String, Object, Array] },
-    currentTabId: {},
-    defaultCurrentTabId: {},
-    loop: { type: Boolean },
-    dir: { default: "ltr" },
-    orientation: {},
-    onBlur: {},
-    onFocus: {},
-    onMousedown: {}
-  },
-  emits: ["currentTabIdChange", "entryFocus"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const EVT_OPTS = { bubbles: false, cancelable: true };
-    const currentTabbedId = vue.ref(
-      (props.currentTabId || props.defaultCurrentTabId) ?? null
-    );
-    const isBackingOut = vue.ref(false);
-    const isClickFocus = vue.ref(false);
-    const rovingFocusGroupRef = vue.ref(null);
-    const { getItems } = vue.inject(types.ROVING_FOCUS_COLLECTION_INJECTION_KEY, void 0);
-    const rovingFocusGroupRootStyle = vue.computed(() => {
-      return [
-        {
-          outline: "none"
-        },
-        props.style
-      ];
-    });
-    const onItemFocus = (tabbedId) => {
-      emit(CURRENT_TAB_ID_CHANGE_EVT, tabbedId);
-    };
-    const onItemShiftTab = () => {
-      isBackingOut.value = true;
-    };
-    const onMousedown = event.composeEventHandlers(
-      (e) => {
-        props.onMousedown?.(e);
-      },
-      () => {
-        isClickFocus.value = true;
-      }
-    );
-    const onFocus = event.composeEventHandlers(
-      (e) => {
-        props.onFocus?.(e);
-      },
-      (e) => {
-        const isKeyboardFocus = !vue.unref(isClickFocus);
-        const { target, currentTarget } = e;
-        if (target === currentTarget && isKeyboardFocus && !vue.unref(isBackingOut)) {
-          const entryFocusEvt = new Event(ENTRY_FOCUS_EVT, EVT_OPTS);
-          currentTarget?.dispatchEvent(entryFocusEvt);
-          if (!entryFocusEvt.defaultPrevented) {
-            const items = getItems().filter((item) => item.focusable);
-            const activeItem = items.find((item) => item.active);
-            const currentItem = items.find(
-              (item) => item.id === vue.unref(currentTabbedId)
-            );
-            const candidates = [activeItem, currentItem, ...items].filter(
-              Boolean
-            );
-            const candidateNodes = candidates.map((item) => item.ref);
-            utils.focusFirst(candidateNodes);
-          }
-        }
-        isClickFocus.value = false;
-      }
-    );
-    const onBlur = event.composeEventHandlers(
-      (e) => {
-        props.onBlur?.(e);
-      },
-      () => {
-        isBackingOut.value = false;
-      }
-    );
-    const handleEntryFocus = (...args) => {
-      emit("entryFocus", ...args);
-    };
-    vue.provide(tokens.ROVING_FOCUS_GROUP_INJECTION_KEY, {
-      currentTabbedId: vue.readonly(currentTabbedId),
-      loop: vue.toRef(props, "loop"),
-      tabIndex: vue.computed(() => {
-        return vue.unref(isBackingOut) ? -1 : 0;
-      }),
-      rovingFocusGroupRef,
-      rovingFocusGroupRootStyle,
-      orientation: vue.toRef(props, "orientation"),
-      dir: vue.toRef(props, "dir"),
-      onItemFocus,
-      onItemShiftTab,
-      onBlur,
-      onFocus,
-      onMousedown
-    });
-    vue.watch(
-      () => props.currentTabId,
-      (val) => {
-        currentTabbedId.value = val ?? null;
-      }
-    );
-    core.useEventListener(rovingFocusGroupRef, ENTRY_FOCUS_EVT, handleEntryFocus);
-    return (_ctx, _cache) => {
-      return vue.renderSlot(_ctx.$slots, "default");
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("@vueuse/core");require("@vft/utils");const a=require("../../utils/event.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const B=require("./tokens.cjs"),G=require("./types.cjs"),V=require("./utils.cjs"),w="currentTabIdChange",v="rovingFocusGroup.entryFocus",M=e.defineComponent({name:"VftRovingFocusGroupImpl",inheritAttrs:!1}),U=e.defineComponent({...M,props:{style:{type:[Boolean,null,String,Object,Array]},currentTabId:{},defaultCurrentTabId:{},loop:{type:Boolean},dir:{default:"ltr"},orientation:{},onBlur:{},onFocus:{},onMousedown:{}},emits:["currentTabIdChange","entryFocus"],setup(I,{emit:_}){const n=I,i=_,b={bubbles:!1,cancelable:!0},s=e.ref((n.currentTabId||n.defaultCurrentTabId)??null),r=e.ref(!1),u=e.ref(!1),l=e.ref(null),{getItems:T}=e.inject(G.ROVING_FOCUS_COLLECTION_INJECTION_KEY,void 0),m=e.computed(()=>[{outline:"none"},n.style]),E=t=>{i(w,t)},F=()=>{r.value=!0},C=a.composeEventHandlers(t=>{n.onMousedown?.(t)},()=>{u.value=!0}),y=a.composeEventHandlers(t=>{n.onFocus?.(t)},t=>{const d=!e.unref(u),{target:R,currentTarget:f}=t;if(R===f&&d&&!e.unref(r)){const p=new Event(v,b);if(f?.dispatchEvent(p),!p.defaultPrevented){const c=T().filter(o=>o.focusable),N=c.find(o=>o.active),S=c.find(o=>o.id===e.unref(s)),q=[N,S,...c].filter(Boolean).map(o=>o.ref);V.focusFirst(q)}}u.value=!1}),O=a.composeEventHandlers(t=>{n.onBlur?.(t)},()=>{r.value=!1}),g=(...t)=>{i("entryFocus",...t)};return e.provide(B.ROVING_FOCUS_GROUP_INJECTION_KEY,{currentTabbedId:e.readonly(s),loop:e.toRef(n,"loop"),tabIndex:e.computed(()=>e.unref(r)?-1:0),rovingFocusGroupRef:l,rovingFocusGroupRootStyle:m,orientation:e.toRef(n,"orientation"),dir:e.toRef(n,"dir"),onItemFocus:E,onItemShiftTab:F,onBlur:O,onFocus:y,onMousedown:C}),e.watch(()=>n.currentTabId,t=>{s.value=t??null}),h.useEventListener(l,v,g),(t,d)=>e.renderSlot(t.$slots,"default")}});exports.default=U;

package/lib/components/roving-focus-group/roving-focus-group.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const rovingFocusGroup_vue_vue_type_script_setup_true_lang = require("./roving-focus-group.vue2.cjs");
-exports.default = rovingFocusGroup_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./roving-focus-group.vue2.cjs");exports.default=e.default;

package/lib/components/roving-focus-group/roving-focus-group.vue2.cjs

@@ -1,31 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const rovingFocusGroupImpl_vue_vue_type_script_setup_true_lang = require("./roving-focus-group-impl.vue2.cjs");
-const types = require("./types.cjs");
-const __default__ = vue.defineComponent({
-  name: "VftRovingFocusGroup",
-  components: {
-    "focus-group-collection": types.VftCollection,
-    "roving-focus-group-impl": rovingFocusGroupImpl_vue_vue_type_script_setup_true_lang.default
-  }
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(types.VftCollection), null, {
-        default: vue.withCtx(() => [
-          vue.createVNode(rovingFocusGroupImpl_vue_vue_type_script_setup_true_lang.default, vue.normalizeProps(vue.guardReactiveProps(_ctx.$attrs)), {
-            default: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          }, 16)
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./roving-focus-group-impl.vue2.cjs"),u=require("./types.cjs"),r=e.defineComponent({name:"VftRovingFocusGroup",components:{"focus-group-collection":u.VftCollection,"roving-focus-group-impl":o.default}}),n=e.defineComponent({...r,setup(l){return(t,s)=>(e.openBlock(),e.createBlock(e.unref(u.VftCollection),null,{default:e.withCtx(()=>[e.createVNode(o.default,e.normalizeProps(e.guardReactiveProps(t.$attrs)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)]),_:3}))}});exports.default=n;

package/lib/components/roving-focus-group/roving-focus-item.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const rovingFocusItem_vue_vue_type_script_setup_true_lang = require("./roving-focus-item.vue2.cjs");
-exports.default = rovingFocusItem_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./roving-focus-item.vue2.cjs");exports.default=e.default;

package/lib/components/roving-focus-group/roving-focus-item.vue2.cjs

@@ -1,119 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const aria = require("../../constants/aria.cjs");
-require("@vueuse/core");
-require("@vft/utils");
-const event = require("../../utils/event.cjs");
-require("../config-provider/hooks/use-global-config.cjs");
-require("lodash-es");
-const index = require("../../hooks/use-id/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 utils = require("./utils.cjs");
-const __default__ = vue.defineComponent({
-  name: "VftRovingFocusItem",
-  components: {
-    "roving-focus-collection-item": types.VftCollectionItem
-  }
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    focusable: { type: Boolean, default: true },
-    active: { type: Boolean, default: false }
-  },
-  emits: ["mousedown", "focus", "keydown"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { currentTabbedId, loop, onItemFocus, onItemShiftTab } = vue.inject(
-      tokens.ROVING_FOCUS_GROUP_INJECTION_KEY,
-      void 0
-    );
-    const { getItems } = vue.inject(types.ROVING_FOCUS_COLLECTION_INJECTION_KEY, void 0);
-    const id = index.useId();
-    const rovingFocusGroupItemRef = vue.ref(null);
-    const handleMousedown = event.composeEventHandlers(
-      (e) => {
-        emit("mousedown", e);
-      },
-      (e) => {
-        if (!props.focusable) {
-          e.preventDefault();
-        } else {
-          onItemFocus(vue.unref(id));
-        }
-      }
-    );
-    const handleFocus = event.composeEventHandlers(
-      (e) => {
-        emit("focus", e);
-      },
-      () => {
-        onItemFocus(vue.unref(id));
-      }
-    );
-    const handleKeydown = event.composeEventHandlers(
-      (e) => {
-        emit("keydown", e);
-      },
-      (e) => {
-        const { key, shiftKey, target, currentTarget } = e;
-        if (key === aria.EVENT_CODE.tab && shiftKey) {
-          onItemShiftTab();
-          return;
-        }
-        if (target !== currentTarget) return;
-        const focusIntent = utils.getFocusIntent(e);
-        if (focusIntent) {
-          e.preventDefault();
-          const items = getItems().filter((item) => item.focusable);
-          let elements = items.map((item) => item.ref);
-          switch (focusIntent) {
-            case "last": {
-              elements.reverse();
-              break;
-            }
-            case "prev":
-            case "next": {
-              if (focusIntent === "prev") {
-                elements.reverse();
-              }
-              const currentIdx = elements.indexOf(currentTarget);
-              elements = loop.value ? utils.reorderArray(elements, currentIdx + 1) : elements.slice(currentIdx + 1);
-              break;
-            }
-          }
-          vue.nextTick(() => {
-            utils.focusFirst(elements);
-          });
-        }
-      }
-    );
-    const isCurrentTab = vue.computed(() => currentTabbedId.value === vue.unref(id));
-    vue.provide(tokens.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, {
-      rovingFocusGroupItemRef,
-      tabIndex: vue.computed(() => vue.unref(isCurrentTab) ? 0 : -1),
-      handleMousedown,
-      handleFocus,
-      handleKeydown
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(types.VftCollectionItem), {
-        id: vue.unref(id),
-        focusable: _ctx.focusable,
-        active: _ctx.active
-      }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["id", "focusable", "active"]);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),F=require("../../constants/aria.cjs");require("@vueuse/core");require("@vft/utils");const c=require("../../utils/event.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const h=require("../../hooks/use-id/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const m=require("./tokens.cjs"),a=require("./types.cjs"),i=require("./utils.cjs"),w=e.defineComponent({name:"VftRovingFocusItem",components:{"roving-focus-collection-item":a.VftCollectionItem}}),R=e.defineComponent({...w,props:{focusable:{type:Boolean,default:!0},active:{type:Boolean,default:!1}},emits:["mousedown","focus","keydown"],setup(p,{emit:v}){const I=p,s=v,{currentTabbedId:_,loop:b,onItemFocus:l,onItemShiftTab:O}=e.inject(m.ROVING_FOCUS_GROUP_INJECTION_KEY,void 0),{getItems:C}=e.inject(a.ROVING_FOCUS_COLLECTION_INJECTION_KEY,void 0),r=h.useId(),q=e.ref(null),E=c.composeEventHandlers(t=>{s("mousedown",t)},t=>{I.focusable?l(e.unref(r)):t.preventDefault()}),T=c.composeEventHandlers(t=>{s("focus",t)},()=>{l(e.unref(r))}),N=c.composeEventHandlers(t=>{s("keydown",t)},t=>{const{key:f,shiftKey:g,target:k,currentTarget:d}=t;if(f===F.EVENT_CODE.tab&&g){O();return}if(k!==d)return;const u=i.getFocusIntent(t);if(u){t.preventDefault();let o=C().filter(n=>n.focusable).map(n=>n.ref);switch(u){case"last":{o.reverse();break}case"prev":case"next":{u==="prev"&&o.reverse();const n=o.indexOf(d);o=b.value?i.reorderArray(o,n+1):o.slice(n+1);break}}e.nextTick(()=>{i.focusFirst(o)})}}),y=e.computed(()=>_.value===e.unref(r));return e.provide(m.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,{rovingFocusGroupItemRef:q,tabIndex:e.computed(()=>e.unref(y)?0:-1),handleMousedown:E,handleFocus:T,handleKeydown:N}),(t,f)=>(e.openBlock(),e.createBlock(e.unref(a.VftCollectionItem),{id:e.unref(r),focusable:t.focusable,active:t.active},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["id","focusable","active"]))}});exports.default=R;

package/lib/components/roving-focus-group/tokens.cjs

@@ -1,6 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ROVING_FOCUS_GROUP_INJECTION_KEY = Symbol("vftRovingFocusGroup");
-const ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY = Symbol("vftRovingFocusGroupItem");
-exports.ROVING_FOCUS_GROUP_INJECTION_KEY = ROVING_FOCUS_GROUP_INJECTION_KEY;
-exports.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY = ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=Symbol("vftRovingFocusGroup"),O=Symbol("vftRovingFocusGroupItem");exports.ROVING_FOCUS_GROUP_INJECTION_KEY=_;exports.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY=O;

package/lib/components/roving-focus-group/types.cjs

@@ -1,13 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const collection = require("../collection/collection.cjs");
-const {
-  VftCollection,
-  VftCollectionItem,
-  COLLECTION_INJECTION_KEY,
-  COLLECTION_ITEM_INJECTION_KEY
-} = collection.createCollectionWithScope("RovingFocusGroup");
-exports.ROVING_FOCUS_COLLECTION_INJECTION_KEY = COLLECTION_INJECTION_KEY;
-exports.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY = COLLECTION_ITEM_INJECTION_KEY;
-exports.VftCollection = VftCollection;
-exports.VftCollectionItem = VftCollectionItem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../collection/collection.cjs"),{VftCollection:t,VftCollectionItem:e,COLLECTION_INJECTION_KEY:C,COLLECTION_ITEM_INJECTION_KEY:I}=o.createCollectionWithScope("RovingFocusGroup");exports.ROVING_FOCUS_COLLECTION_INJECTION_KEY=C;exports.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY=I;exports.VftCollection=t;exports.VftCollectionItem=e;

package/lib/components/roving-focus-group/utils.cjs

@@ -1,46 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const aria = require("../../constants/aria.cjs");
-const MAP_KEY_TO_FOCUS_INTENT = {
-  ArrowLeft: "prev",
-  ArrowUp: "prev",
-  ArrowRight: "next",
-  ArrowDown: "next",
-  PageUp: "first",
-  Home: "first",
-  PageDown: "last",
-  End: "last"
-};
-const getDirectionAwareKey = (key, dir) => {
-  if (dir !== "rtl") return key;
-  switch (key) {
-    case aria.EVENT_CODE.right:
-      return aria.EVENT_CODE.left;
-    case aria.EVENT_CODE.left:
-      return aria.EVENT_CODE.right;
-    default:
-      return key;
-  }
-};
-const getFocusIntent = (event, orientation, dir) => {
-  const key = getDirectionAwareKey(event.key, dir);
-  if (orientation === "vertical" && [aria.EVENT_CODE.left, aria.EVENT_CODE.right].includes(key))
-    return void 0;
-  if (orientation === "horizontal" && [aria.EVENT_CODE.up, aria.EVENT_CODE.down].includes(key))
-    return void 0;
-  return MAP_KEY_TO_FOCUS_INTENT[key];
-};
-const reorderArray = (array, atIdx) => {
-  return array.map((_, idx) => array[(idx + atIdx) % array.length]);
-};
-const focusFirst = (elements) => {
-  const { activeElement: prevActive } = document;
-  for (const element of elements) {
-    if (element === prevActive) return;
-    element.focus();
-    if (prevActive !== document.activeElement) return;
-  }
-};
-exports.focusFirst = focusFirst;
-exports.getFocusIntent = getFocusIntent;
-exports.reorderArray = reorderArray;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../constants/aria.cjs"),E={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"},c=(e,t)=>{if(t!=="rtl")return e;switch(e){case r.EVENT_CODE.right:return r.EVENT_CODE.left;case r.EVENT_CODE.left:return r.EVENT_CODE.right;default:return e}},i=(e,t,n)=>{const o=c(e.key,n);if(!(t==="vertical"&&[r.EVENT_CODE.left,r.EVENT_CODE.right].includes(o))&&!(t==="horizontal"&&[r.EVENT_CODE.up,r.EVENT_CODE.down].includes(o)))return E[o]},s=(e,t)=>e.map((n,o)=>e[(o+t)%e.length]),u=e=>{const{activeElement:t}=document;for(const n of e)if(n===t||(n.focus(),t!==document.activeElement))return};exports.focusFirst=u;exports.getFocusIntent=i;exports.reorderArray=s;

package/lib/components/row/constants.cjs

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

package/lib/components/row/index.cjs

@@ -1,14 +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 row_vue_vue_type_script_setup_true_lang = require("./row.vue2.cjs");
-const constants = require("./constants.cjs");
-const VftRow = install.withInstall(row_vue_vue_type_script_setup_true_lang.default);
-exports.rowContextKey = constants.rowContextKey;
-exports.VftRow = VftRow;
-exports.default = VftRow;
+"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 t=require("../../utils/vue/install.cjs");require("lodash-es");const r=require("./row.vue2.cjs"),u=require("./constants.cjs"),e=t.withInstall(r.default);exports.rowContextKey=u.rowContextKey;exports.VftRow=e;exports.default=e;

package/lib/components/row/row.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const row_vue_vue_type_script_setup_true_lang = require("./row.vue2.cjs");
-exports.default = row_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./row.vue2.cjs");exports.default=e.default;

package/lib/components/row/row.vue2.cjs

@@ -1,55 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-require("@vueuse/core");
-require("@vft/utils");
-require("../config-provider/hooks/use-global-config.cjs");
-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 constants = require("./constants.cjs");
-const __default__ = vue.defineComponent({
-  name: "vft-row"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    tag: { default: "div" },
-    gutter: { default: 0 },
-    justify: { default: "start" },
-    align: { default: "top" }
-  },
-  setup(__props) {
-    const ns = index.useNamespace("row");
-    vue.provide(constants.rowContextKey, {
-      gutter: vue.computed(() => __props.gutter)
-    });
-    const style = vue.computed(() => {
-      const styles = {};
-      if (!__props.gutter) {
-        return styles;
-      }
-      styles.marginRight = styles.marginLeft = `-${__props.gutter / 2}px`;
-      return styles;
-    });
-    const rowKls = vue.computed(() => [
-      ns.b(),
-      ns.is(`justify-${__props.justify}`, __props.justify !== "start"),
-      ns.is(`align-${__props.align}`, __props.align !== "top")
-    ]);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
-        class: vue.normalizeClass(rowKls.value),
-        style: vue.normalizeStyle(style.value)
-      }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "style"]);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const s=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const a=require("./constants.cjs"),l=e.defineComponent({name:"vft-row"}),o=e.defineComponent({...l,props:{tag:{default:"div"},gutter:{default:0},justify:{default:"start"},align:{default:"top"}},setup(t){const u=s.useNamespace("row");e.provide(a.rowContextKey,{gutter:e.computed(()=>t.gutter)});const n=e.computed(()=>{const r={};return t.gutter&&(r.marginRight=r.marginLeft=`-${t.gutter/2}px`),r}),i=e.computed(()=>[u.b(),u.is(`justify-${t.justify}`,t.justify!=="start"),u.is(`align-${t.align}`,t.align!=="top")]);return(r,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.tag),{class:e.normalizeClass(i.value),style:e.normalizeStyle(n.value)},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},8,["class","style"]))}});exports.default=o;

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

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

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

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

package/lib/components/scrollbar/bar.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const bar_vue_vue_type_script_setup_true_lang = require("./bar.vue2.cjs");
-exports.default = bar_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./bar.vue2.cjs");exports.default=e.default;