vft 0.0.374 → 0.0.375

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

@@ -1 +1,85 @@
-"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;
+"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;

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

@@ -1 +1,3 @@
-"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 +1,3 @@
-"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 +1,23 @@
-"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;
+"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;

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

@@ -1 +1,4 @@
-"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;
+"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;

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

@@ -1 +1,130 @@
-"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;
+"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;

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

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

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

@@ -1 +1,31 @@
-"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;
+"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;

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

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

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

@@ -1 +1,119 @@
-"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;
+"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;

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

@@ -1 +1,6 @@
-"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;
+"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;

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

@@ -1 +1,13 @@
-"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;
+"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;

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

@@ -1 +1,46 @@
-"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;
+"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;

package/lib/components/row/constants.cjs

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

package/lib/components/row/index.cjs

@@ -1 +1,14 @@
-"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;
+"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;

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

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

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

@@ -1 +1,55 @@
-"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;
+"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;

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

@@ -1 +1,3 @@
-"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 +1,3 @@
-"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 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./bar.vue2.cjs");exports.default=e.default;
+"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;