directix 1.11.0 → 2.1.0

package/dist/nuxt/index.d.ts

@@ -1,6 +1,6 @@
 /*!
- * directix v1.11.0
- * A comprehensive, easy-to-use, and high-performance Vue custom directives library supporting both Vue 2 and Vue 3
+ * directix v2.1.0
+ * A comprehensive, easy-to-use, and high-performance Vue custom directives library supporting both Vue 2 and Vue 3, with Web Components support
  * (c) 2021-present saqqdy <https://github.com/saqqdy>
  * Released under the MIT License.
  */

package/dist/nuxt/index.mjs

@@ -1,6 +1,6 @@
 /*!
- * directix v1.11.0
- * A comprehensive, easy-to-use, and high-performance Vue custom directives library supporting both Vue 2 and Vue 3
+ * directix v2.1.0
+ * A comprehensive, easy-to-use, and high-performance Vue custom directives library supporting both Vue 2 and Vue 3, with Web Components support
  * (c) 2021-present saqqdy <https://github.com/saqqdy>
  * Released under the MIT License.
  */
@@ -198,21 +198,22 @@ function normalizeBinding(binding) {
 }
 
 // packages/core/src/adapter/vue3.ts
+import { markRaw, shallowReactive } from "vue";
 function createVue3Directive(hooks) {
-  const directive = {
+  return {
     created(el, binding, vnode) {
-      const state = {
-        value: binding.value,
+      const state = shallowReactive({
+        value: binding.value != null ? markRaw(binding.value) : binding.value,
         vnode,
         cleanup: []
-      };
+      });
       el.__directix_state__ = state;
     },
     beforeMount(_el, _binding, _vnode) {
     },
     mounted(el, binding, vnode) {
       if (hooks.mounted) {
-        hooks.mounted(el, normalizeBindingVue3(binding), vnode);
+        hooks.mounted(el, normalizeBinding2(binding), vnode);
       }
     },
     beforeUpdate(_el, _binding, _vnode, _prevVnode) {
@@ -222,14 +223,14 @@ function createVue3Directive(hooks) {
       if (hooks.updated) {
         hooks.updated(
           el,
-          normalizeBindingVue3(binding),
+          normalizeBinding2(binding),
           vnode,
-          normalizeBindingVue3({ ...binding, value: binding.oldValue }),
+          normalizeBinding2({ ...binding, value: binding.oldValue }),
           prevVnode
         );
       }
       if (state) {
-        state.value = binding.value;
+        state.value = binding.value != null ? markRaw(binding.value) : binding.value;
         state.vnode = vnode;
       }
     },
@@ -237,7 +238,7 @@ function createVue3Directive(hooks) {
     },
     unmounted(el, binding, vnode) {
       if (hooks.unmounted) {
-        hooks.unmounted(el, normalizeBindingVue3(binding), vnode);
+        hooks.unmounted(el, normalizeBinding2(binding), vnode);
       }
       const state = el.__directix_state__;
       if (state?.cleanup) {
@@ -246,9 +247,8 @@ function createVue3Directive(hooks) {
       delete el.__directix_state__;
     }
   };
-  return directive;
 }
-function normalizeBindingVue3(binding) {
+function normalizeBinding2(binding) {
   return {
     value: binding.value,
     oldValue: binding.oldValue ?? null,
@@ -2972,7 +2972,7 @@ function createEntry(key, modifiers, handler, options = {}) {
     disabled: options.disabled ?? false
   };
 }
-function normalizeBinding2(binding, arg, modifiers) {
+function normalizeBinding3(binding, arg, modifiers) {
   if (arg) {
     const argLower = arg.toLowerCase();
     const argIsModifier = MODIFIER_KEYS.has(argLower);
@@ -3056,12 +3056,12 @@ var vHotkey = defineDirective({
   name: "hotkey",
   ssr: true,
   mounted(el, binding) {
-    const entries = normalizeBinding2(binding.value, binding.arg, binding.modifiers);
+    const entries = normalizeBinding3(binding.value, binding.arg, binding.modifiers);
     setupState(el, entries);
   },
   updated(el, binding) {
     const state = el.__hotkey;
-    const newEntries = normalizeBinding2(binding.value, binding.arg, binding.modifiers);
+    const newEntries = normalizeBinding3(binding.value, binding.arg, binding.modifiers);
     if (state) {
       state.entries = newEntries;
     } else {