@tb-dev/vue 0.1.2 → 0.1.4

package/dist/composables/key-down/index.d.ts

@@ -1,3 +1,4 @@
+import { MaybeNilRef } from '../../types/ref';
 import { Fn, MaybePromise, Option } from '@tb-dev/utils';
 import { KeyFilter, OnKeyStrokeOptions } from '@vueuse/core';
 export type KeyDownEventHandler = Option<(event: KeyboardEvent) => MaybePromise<unknown>>;
@@ -5,6 +6,7 @@ export type OnKeyDownOptions = Omit<OnKeyStrokeOptions, 'eventName'> & {
     altKey?: boolean;
     ctrlKey?: boolean;
     detached?: boolean;
+    enabled?: MaybeNilRef<boolean>;
     metaKey?: boolean;
     prevent?: boolean;
     shiftKey?: boolean;
@@ -13,3 +15,5 @@ export type OnKeyDownOptions = Omit<OnKeyStrokeOptions, 'eventName'> & {
 export declare function onKeyDown(key: KeyFilter, handler?: KeyDownEventHandler, options?: OnKeyDownOptions): Fn;
 export declare function onAltKeyDown(key: KeyFilter, handler?: KeyDownEventHandler, options?: Omit<OnKeyDownOptions, 'altKey' | 'eventName'>): Fn;
 export declare function onCtrlKeyDown(key: KeyFilter, handler?: KeyDownEventHandler, options?: Omit<OnKeyDownOptions, 'ctrlKey' | 'eventName'>): Fn;
+export declare function onShiftKeyDown(key: KeyFilter, handler?: KeyDownEventHandler, options?: Omit<OnKeyDownOptions, 'eventName' | 'shiftKey'>): Fn;
+export declare function onCtrlShiftKeyDown(key: KeyFilter, handler?: KeyDownEventHandler, options?: Omit<OnKeyDownOptions, 'eventName' | 'ctrlKey' | 'shiftKey'>): Fn;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from './components';
 export * from './composables';
 export * from './utils';
+export type * from './types';

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, withCtx, createElementBlock, renderSlot, toDisplayString, toRef, effectScope, computed, toValue } from 'vue';
+import { defineComponent, createBlock, openBlock, unref, withCtx, createElementBlock, renderSlot, toDisplayString, toRef, effectScope, toValue, computed } from 'vue';
 import { RouterLink } from 'vue-router';
 import { computedAsync, useAsyncState, useElementSize as useElementSize$1, tryOnScopeDispose, onKeyStroke, useLocalStorage, useWindowSize } from '@vueuse/core';
 import { isNil } from '@tb-dev/utils';
@@ -85,6 +85,7 @@ function onKeyDown(key, handler, options = {}) {
     altKey = false,
     ctrlKey = false,
     detached = false,
+    enabled = true,
     metaKey = false,
     prevent = true,
     shiftKey = false,
@@ -100,7 +101,7 @@ function onKeyDown(key, handler, options = {}) {
     if (stopPropagation) {
       e.stopPropagation();
     }
-    if (handler) {
+    if (toValue(enabled) && handler) {
       Promise.try(handler, e).catch(handleError);
     }
   };
@@ -130,6 +131,12 @@ function onAltKeyDown(key, handler, options) {
 function onCtrlKeyDown(key, handler, options) {
   return onKeyDown(key, handler, { ...options, ctrlKey: true });
 }
+function onShiftKeyDown(key, handler, options) {
+  return onKeyDown(key, handler, { ...options, shiftKey: true });
+}
+function onCtrlShiftKeyDown(key, handler, options) {
+  return onKeyDown(key, handler, { ...options, ctrlKey: true, shiftKey: true });
+}
 
 function localRef(key, initial, options) {
   const defaultValue = { inner: initial };
@@ -163,4 +170,4 @@ function maybe(value, fn) {
   return isNil(_value) ? null : fn(_value);
 }
 
-export { _sfc_main as Link, asyncComputed, asyncRef, getErrorHandler, handleError, localRef, maybe, onAltKeyDown, onCtrlKeyDown, onKeyDown, setErrorHandler, useElementSize, useHeight, useWidth, useWindowHeight, useWindowWidth };
+export { _sfc_main as Link, asyncComputed, asyncRef, getErrorHandler, handleError, localRef, maybe, onAltKeyDown, onCtrlKeyDown, onCtrlShiftKeyDown, onKeyDown, onShiftKeyDown, setErrorHandler, useElementSize, useHeight, useWidth, useWindowHeight, useWindowWidth };

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export type * from './ref';
+export type * from './symbol';

package/dist/types/ref.d.ts

@@ -0,0 +1,3 @@
+import { MaybeRefOrGetter } from 'vue';
+import { Option } from '@tb-dev/utils';
+export type MaybeNilRef<T> = MaybeRefOrGetter<Option<T>>;

package/dist/types/symbol.d.ts

@@ -0,0 +1,6 @@
+import { ComputedRef, InjectionKey, Ref, ShallowRef } from 'vue';
+export type ComputedSymbol<T> = InjectionKey<ComputedRef<T>>;
+export type RefSymbol<T> = InjectionKey<Readonly<Ref<T>>>;
+export type ShallowRefSymbol<T> = InjectionKey<Readonly<ShallowRef<T>>>;
+export type WritableRefSymbol<T> = InjectionKey<Ref<T>>;
+export type WritableShallowRefSymbol<T> = InjectionKey<ShallowRef<T>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tb-dev/vue",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Vue utilities",
   "license": "MIT",
   "type": "module",