@varlet/ui 3.2.14-alpha.1717685185218 → 3.2.14

package/lib/varlet.cjs.js

@@ -15459,6 +15459,7 @@ const __sfc__$J = vue.defineComponent({
       vertical
     };
     bindSwipeItems(swipeProvider);
+    useEventListener(() => window, "keydown", handleKeydown);
     call(bindPopup, null);
     vue.watch(
       () => length.value,
@@ -15630,6 +15631,23 @@ const __sfc__$J = vue.defineComponent({
       }
       return n$H(`--navigation${props2.vertical ? "-vertical" : ""}-${type}-animation`);
     }
+    function handleKeydown(event) {
+      if (!swipeItems.length) {
+        return;
+      }
+      const focusingSwipeItemIndex = swipeItems.findIndex(({ isFocusing }) => isFocusing.value);
+      if (focusingSwipeItemIndex === -1) {
+        return;
+      }
+      const { key } = event;
+      preventDefault(event);
+      if (key === "ArrowLeft") {
+        prev();
+      }
+      if (key === "ArrowRight") {
+        next();
+      }
+    }
     function resize() {
       if (!swipeEl.value) {
         return;
@@ -15756,19 +15774,23 @@ function __render__$H(_ctx, _cache) {
       transform: `translate${_ctx.vertical ? "Y" : "X"}(${_ctx.toSizeUnit(_ctx.translate)})`
     }),
     tabindex: "-1",
-    "aria-hidden": _ctx.currentIndex !== _ctx.index
+    "aria-hidden": _ctx.currentIndex !== _ctx.index,
+    onFocus: _cache[0] || (_cache[0] = ($event) => _ctx.isFocusing = true),
+    onBlur: _cache[1] || (_cache[1] = ($event) => _ctx.isFocusing = false)
   }, [
     vue.renderSlot(_ctx.$slots, "default")
-  ], 14, _hoisted_1$l);
+  ], 46, _hoisted_1$l);
 }
 const __sfc__$I = vue.defineComponent({
   name: name$E,
   setup() {
     const translate = vue.ref(0);
+    const isFocusing = vue.ref(false);
     const { swipe, bindSwipe, index } = useSwipe();
     const { size, currentIndex, vertical } = swipe;
     const swipeItemProvider = {
       index,
+      isFocusing: vue.computed(() => isFocusing.value),
       setTranslate
     };
     bindSwipe(swipeItemProvider);
@@ -15776,6 +15798,7 @@ const __sfc__$I = vue.defineComponent({
       translate.value = x;
     }
     return {
+      isFocusing,
       size,
       index,
       currentIndex,
@@ -28746,7 +28769,7 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.2.14-alpha.1717685185218";
+const version = "3.2.14";
 function install(app) {
   stdin_default$5G.install && app.use(stdin_default$5G);
   stdin_default$5E.install && app.use(stdin_default$5E);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "3.2.14-alpha.1717685185218",
+  "version": "3.2.14",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -48,9 +48,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "3.2.14-alpha.1717685185218",
-    "@varlet/shared": "3.2.14-alpha.1717685185218",
-    "@varlet/use": "3.2.14-alpha.1717685185218"
+    "@varlet/use": "3.2.14",
+    "@varlet/icons": "3.2.14",
+    "@varlet/shared": "3.2.14"
   },
   "devDependencies": {
     "@vue/runtime-core": "3.4.21",
@@ -66,9 +66,9 @@
     "typescript": "^5.1.5",
     "vue": "3.4.21",
     "vue-router": "4.2.0",
-    "@varlet/cli": "3.2.14-alpha.1717685185218",
-    "@varlet/ui": "3.2.14-alpha.1717685185218",
-    "@varlet/touch-emulator": "3.2.14-alpha.1717685185218"
+    "@varlet/touch-emulator": "3.2.14",
+    "@varlet/cli": "3.2.14",
+    "@varlet/ui": "3.2.14"
   },
   "scripts": {
     "dev": "varlet-cli dev",