buefy 3.0.1 → 3.0.3

package/dist/buefy.js

@@ -1,4 +1,4 @@
-/*! Buefy v3.0.1 | MIT License | github.com/buefy/buefy */
+/*! Buefy v3.0.3 | MIT License | github.com/buefy/buefy */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
     typeof define === 'function' && define.amd ? define(['exports', 'vue'], factory) :
@@ -756,6 +756,10 @@
       });
     };
 
+    const configInjectionKey = Symbol("Buefy Config Component");
+    function useConfigComponent() {
+      return vue.inject(configInjectionKey);
+    }
     var ConfigComponent = {
       getOptions() {
         return config;
@@ -2753,9 +2757,10 @@
       }
       Vue.component(componentName, component);
     };
-    const registerComponentProgrammatic = (Vue, property, component) => {
+    const registerComponentProgrammatic = (Vue, property, component, injectionKey) => {
       if (!Vue.config.globalProperties.$buefy) Vue.config.globalProperties.$buefy = {};
       Vue.config.globalProperties.$buefy[property] = component;
+      Vue.provide(injectionKey, component);
     };
 
     const Plugin$F = {
@@ -12172,10 +12177,14 @@
         return open(__spreadValues$6({ hasInput: true }, params), this.app);
       }
     }
+    const dialogInjectionKey = Symbol("Buefy Dialog");
+    function useDialog() {
+      return vue.inject(dialogInjectionKey);
+    }
     const Plugin$t = {
       install(Vue) {
         registerComponent(Vue, Dialog);
-        registerComponentProgrammatic(Vue, "dialog", new DialogProgrammatic(Vue));
+        registerComponentProgrammatic(Vue, "dialog", new DialogProgrammatic(Vue), dialogInjectionKey);
       }
     };
 
@@ -12404,10 +12413,14 @@
         return vueInstance.mount(container);
       }
     }
+    const loadingInjectionKey = Symbol("Buefy Loading");
+    function useLoading() {
+      return vue.inject(loadingInjectionKey);
+    }
     const Plugin$p = {
       install(Vue) {
         registerComponent(Vue, BLoading);
-        registerComponentProgrammatic(Vue, "loading", new LoadingProgrammatic(Vue));
+        registerComponentProgrammatic(Vue, "loading", new LoadingProgrammatic(Vue), loadingInjectionKey);
       }
     };
 
@@ -13222,10 +13235,14 @@
         return vueInstance.mount(container);
       }
     }
+    const modalInjectionKey = Symbol("Buefy Modal");
+    function useModal() {
+      return vue.inject(modalInjectionKey);
+    }
     const Plugin$m = {
       install(Vue) {
         registerComponent(Vue, Modal);
-        registerComponentProgrammatic(Vue, "modal", new ModalProgrammatic(Vue));
+        registerComponentProgrammatic(Vue, "modal", new ModalProgrammatic(Vue), modalInjectionKey);
       }
     };
 
@@ -13642,10 +13659,14 @@
         return vueInstance.mount(container);
       }
     }
+    const notificationInjectionKey = Symbol("Buefy Notification");
+    function useNotification() {
+      return vue.inject(notificationInjectionKey);
+    }
     const Plugin$l = {
       install(Vue) {
         registerComponent(Vue, Notification);
-        registerComponentProgrammatic(Vue, "notification", new NotificationProgrammatic(Vue));
+        registerComponentProgrammatic(Vue, "notification", new NotificationProgrammatic(Vue), notificationInjectionKey);
       }
     };
 
@@ -16776,9 +16797,13 @@
         return vueInstance.mount(container);
       }
     }
+    const snackbarInjectionKey = Symbol("Buefy Snackbar");
+    function useSnackbar() {
+      return vue.inject(snackbarInjectionKey);
+    }
     const Plugin$a = {
       install(Vue) {
-        registerComponentProgrammatic(Vue, "snackbar", new SnackbarProgrammatic(Vue));
+        registerComponentProgrammatic(Vue, "snackbar", new SnackbarProgrammatic(Vue), snackbarInjectionKey);
       }
     };
 
@@ -18884,15 +18909,16 @@
           if (!this.canDragRow) return;
           this.$emit("dragleave", { event, row, index });
         },
-        // FIXME: this method may emit events not listed in `emits`.
-        // I decided not to list them to check if event listeners are actually
-        // set in `$attrs`. The original idea of this method was to address
-        // some performance issues and introduced at the commit:
-        // https://github.com/ntohq/buefy-next/commit/e38726497785145195e9605840e33980fd4ae9e0
-        // I am not sure whether the justification at https://github.com/buefy/buefy/pull/2150
-        // is still relevant with Vue 3.
+        // this method is for "mouseenter", and "mouseleave" events.
+        // the original idea of this method was introduced by the PR
+        // https://github.com/buefy/buefy/pull/2150
+        // to address some performance issues related to these events.
+        // I am not sure whether the justification made at the PR is still
+        // relevant to Vue 3.
+        // btw, this function was made by the PR https://github.com/buefy/buefy/pull/3236
         emitEventForRow(eventName, event, row) {
-          return this.$attrs[`on${eventName}`] ? this.$emit(eventName, row, event) : null;
+          const listener = this.$attrs[vue.toHandlerKey(eventName)] || this.$attrs[vue.toHandlerKey(vue.camelize(eventName))];
+          return listener != null ? this.$emit(eventName, row, event) : null;
         },
         /*
         * Emits drag start event (column)
@@ -20851,9 +20877,13 @@
         return vueInstance.mount(container);
       }
     }
+    const toastInjectionKey = Symbol("Buefy Toast");
+    function useToast() {
+      return vue.inject(toastInjectionKey);
+    }
     const Plugin$2 = {
       install(Vue) {
-        registerComponentProgrammatic(Vue, "toast", new ToastProgrammatic(Vue));
+        registerComponentProgrammatic(Vue, "toast", new ToastProgrammatic(Vue), toastInjectionKey);
       }
     };
 
@@ -21093,7 +21123,7 @@
       install(Vue, options = {}) {
         setOptions(merge(config, options, true));
         allComponents.forEach((component) => Vue.use(component));
-        registerComponentProgrammatic(Vue, "config", ConfigComponent);
+        registerComponentProgrammatic(Vue, "config", ConfigComponent, configInjectionKey);
         Vue.config.globalProperties.$buefy.globalNoticeInterval = void 0;
       }
     };
@@ -21236,6 +21266,13 @@
     exports.sign = sign;
     exports.toCssWidth = toCssWidth;
     exports.translateTouchAsDragEvent = translateTouchAsDragEvent;
+    exports.useConfigComponent = useConfigComponent;
+    exports.useDialog = useDialog;
+    exports.useLoading = useLoading;
+    exports.useModal = useModal;
+    exports.useNotification = useNotification;
+    exports.useSnackbar = useSnackbar;
+    exports.useToast = useToast;
 
     Object.defineProperty(exports, '__esModule', { value: true });