devstar插件

node_modules/@vueuse/integrations/useFocusTrap.mjs

@@ -0,0 +1,66 @@
+import { toArray, unrefElement, tryOnScopeDispose } from '@vueuse/core';
+import { notNullish } from '@vueuse/shared';
+import { createFocusTrap } from 'focus-trap';
+import { shallowRef, computed, toValue, watch } from 'vue';
+
+function useFocusTrap(target, options = {}) {
+  let trap;
+  const { immediate, ...focusTrapOptions } = options;
+  const hasFocus = shallowRef(false);
+  const isPaused = shallowRef(false);
+  const activate = (opts) => trap && trap.activate(opts);
+  const deactivate = (opts) => trap && trap.deactivate(opts);
+  const pause = () => {
+    if (trap) {
+      trap.pause();
+      isPaused.value = true;
+    }
+  };
+  const unpause = () => {
+    if (trap) {
+      trap.unpause();
+      isPaused.value = false;
+    }
+  };
+  const targets = computed(() => {
+    const _targets = toValue(target);
+    return toArray(_targets).map((el) => {
+      const _el = toValue(el);
+      return typeof _el === "string" ? _el : unrefElement(_el);
+    }).filter(notNullish);
+  });
+  watch(
+    targets,
+    (els) => {
+      if (!els.length)
+        return;
+      trap = createFocusTrap(els, {
+        ...focusTrapOptions,
+        onActivate() {
+          hasFocus.value = true;
+          if (options.onActivate)
+            options.onActivate();
+        },
+        onDeactivate() {
+          hasFocus.value = false;
+          if (options.onDeactivate)
+            options.onDeactivate();
+        }
+      });
+      if (immediate)
+        activate();
+    },
+    { flush: "post" }
+  );
+  tryOnScopeDispose(() => deactivate());
+  return {
+    hasFocus,
+    isPaused,
+    activate,
+    deactivate,
+    pause,
+    unpause
+  };
+}
+
+export { useFocusTrap };