buefy 3.0.1 → 3.0.3

package/README.md

@@ -58,7 +58,7 @@ Bundle
 ```javascript
 import { createApp } from "vue";
 import Buefy from "buefy";
-import "buefy/dist/buefy.css";
+import "buefy/dist/css/buefy.css";
 
 const app = createApp();
 
@@ -70,7 +70,7 @@ or Individual Components
 ```javascript
 import { createApp } from "vue";
 import { Field, Input } from "buefy";
-import "buefy/dist/buefy.css";
+import "buefy/dist/css/buefy.css";
 
 const app = createApp();
 

package/dist/buefy.d.ts

@@ -1,6 +1,5 @@
 import { AllowedComponentProps } from 'vue';
 import type { App } from 'vue';
-import { BuefyConfig as BuefyConfig_2 } from './config';
 import { ComponentCustomProps } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import type { ComponentPublicInstance } from 'vue';
@@ -10909,10 +10908,12 @@ export declare const Colorpicker: {
     install(Vue: App): void;
 };
 
-export declare const ConfigProgrammatic: {
-    getOptions(): BuefyConfig_2;
+declare interface ConfigComponent {
+    getOptions(): BuefyConfigOptions;
     setOptions(options: BuefyConfigOptions): void;
-};
+}
+
+export declare const ConfigProgrammatic: ConfigComponent;
 
 declare const CONTROL_OPERATIONS: readonly ["plus", "minus"];
 
@@ -11698,13 +11699,27 @@ export declare const Upload: {
     install(Vue: App): void;
 };
 
+export declare function useConfigComponent(): ConfigComponent | undefined;
+
+export declare function useDialog(): DialogProgrammatic;
+
+export declare function useLoading(): LoadingProgrammatic;
+
+export declare function useModal(): ModalProgrammatic;
+
+export declare function useNotification(): NotificationProgrammatic;
+
+export declare function useSnackbar(): SnackbarProgrammatic;
+
+export declare function useToast(): ToastProgrammatic;
+
 export declare type VueClassAttribute = (string | Record<string, boolean | undefined> | null | undefined) | (string | Record<string, boolean | undefined> | null | undefined)[];
 
 export declare let VueInstance: App | undefined;
 
 export { }
 
-declare module '@vue/runtime-core' {
+declare module 'vue' {
     interface ComponentCustomProperties {
         $buefy: {
             config: typeof ConfigComponent;

package/dist/buefy.esm.js

@@ -1,5 +1,5 @@
-/*! Buefy v3.0.1 | MIT License | github.com/buefy/buefy */
-import { Fragment, Comment, Text, Static, defineComponent, h, resolveComponent, createElementBlock, openBlock, normalizeClass, createBlock, renderSlot, createCommentVNode, createTextVNode, toDisplayString, withCtx, createVNode, renderList, resolveDynamicComponent, mergeProps, withDirectives, vModelDynamic, vModelText, withKeys, withModifiers, Transition, createElementVNode, normalizeStyle, vShow, normalizeProps, guardReactiveProps, vModelCheckbox, resolveDirective, createSlots, vModelSelect, toHandlers, createApp, vModelRadio, toRaw, toHandlerKey } from 'vue';
+/*! Buefy v3.0.3 | MIT License | github.com/buefy/buefy */
+import { Fragment, Comment, Text, Static, inject, defineComponent, h, resolveComponent, createElementBlock, openBlock, normalizeClass, createBlock, renderSlot, createCommentVNode, createTextVNode, toDisplayString, withCtx, createVNode, renderList, resolveDynamicComponent, mergeProps, withDirectives, vModelDynamic, vModelText, withKeys, withModifiers, Transition, createElementVNode, normalizeStyle, vShow, normalizeProps, guardReactiveProps, vModelCheckbox, resolveDirective, createSlots, vModelSelect, toHandlers, createApp, vModelRadio, toHandlerKey, camelize, toRaw } from 'vue';
 
 var __defProp$d = Object.defineProperty;
 var __pow = Math.pow;
@@ -752,6 +752,10 @@ const translateTouchAsDragEvent = (event, options) => {
   });
 };
 
+const configInjectionKey = Symbol("Buefy Config Component");
+function useConfigComponent() {
+  return inject(configInjectionKey);
+}
 var ConfigComponent = {
   getOptions() {
     return config;
@@ -2749,9 +2753,10 @@ const registerComponent = (Vue, component, name) => {
   }
   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 = {
@@ -12168,10 +12173,14 @@ class DialogProgrammatic {
     return open(__spreadValues$6({ hasInput: true }, params), this.app);
   }
 }
+const dialogInjectionKey = Symbol("Buefy Dialog");
+function useDialog() {
+  return inject(dialogInjectionKey);
+}
 const Plugin$t = {
   install(Vue) {
     registerComponent(Vue, Dialog);
-    registerComponentProgrammatic(Vue, "dialog", new DialogProgrammatic(Vue));
+    registerComponentProgrammatic(Vue, "dialog", new DialogProgrammatic(Vue), dialogInjectionKey);
   }
 };
 
@@ -12400,10 +12409,14 @@ class LoadingProgrammatic {
     return vueInstance.mount(container);
   }
 }
+const loadingInjectionKey = Symbol("Buefy Loading");
+function useLoading() {
+  return inject(loadingInjectionKey);
+}
 const Plugin$p = {
   install(Vue) {
     registerComponent(Vue, BLoading);
-    registerComponentProgrammatic(Vue, "loading", new LoadingProgrammatic(Vue));
+    registerComponentProgrammatic(Vue, "loading", new LoadingProgrammatic(Vue), loadingInjectionKey);
   }
 };
 
@@ -13218,10 +13231,14 @@ class ModalProgrammatic {
     return vueInstance.mount(container);
   }
 }
+const modalInjectionKey = Symbol("Buefy Modal");
+function useModal() {
+  return inject(modalInjectionKey);
+}
 const Plugin$m = {
   install(Vue) {
     registerComponent(Vue, Modal);
-    registerComponentProgrammatic(Vue, "modal", new ModalProgrammatic(Vue));
+    registerComponentProgrammatic(Vue, "modal", new ModalProgrammatic(Vue), modalInjectionKey);
   }
 };
 
@@ -13638,10 +13655,14 @@ class NotificationProgrammatic {
     return vueInstance.mount(container);
   }
 }
+const notificationInjectionKey = Symbol("Buefy Notification");
+function useNotification() {
+  return inject(notificationInjectionKey);
+}
 const Plugin$l = {
   install(Vue) {
     registerComponent(Vue, Notification);
-    registerComponentProgrammatic(Vue, "notification", new NotificationProgrammatic(Vue));
+    registerComponentProgrammatic(Vue, "notification", new NotificationProgrammatic(Vue), notificationInjectionKey);
   }
 };
 
@@ -16772,9 +16793,13 @@ class SnackbarProgrammatic {
     return vueInstance.mount(container);
   }
 }
+const snackbarInjectionKey = Symbol("Buefy Snackbar");
+function useSnackbar() {
+  return inject(snackbarInjectionKey);
+}
 const Plugin$a = {
   install(Vue) {
-    registerComponentProgrammatic(Vue, "snackbar", new SnackbarProgrammatic(Vue));
+    registerComponentProgrammatic(Vue, "snackbar", new SnackbarProgrammatic(Vue), snackbarInjectionKey);
   }
 };
 
@@ -18880,15 +18905,16 @@ var _sfc_main$6 = defineComponent({
       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[toHandlerKey(eventName)] || this.$attrs[toHandlerKey(camelize(eventName))];
+      return listener != null ? this.$emit(eventName, row, event) : null;
     },
     /*
     * Emits drag start event (column)
@@ -20847,9 +20873,13 @@ class ToastProgrammatic {
     return vueInstance.mount(container);
   }
 }
+const toastInjectionKey = Symbol("Buefy Toast");
+function useToast() {
+  return inject(toastInjectionKey);
+}
 const Plugin$2 = {
   install(Vue) {
-    registerComponentProgrammatic(Vue, "toast", new ToastProgrammatic(Vue));
+    registerComponentProgrammatic(Vue, "toast", new ToastProgrammatic(Vue), toastInjectionKey);
   }
 };
 
@@ -21089,9 +21119,9 @@ const Buefy = {
   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;
   }
 };
 
-export { Plugin$F as Autocomplete, BAutocomplete, Breadcrumb as BBreadcrumb, BreadcrumbItem as BBreadcrumbItem, BButton, Carousel as BCarousel, CarouselItem as BCarouselItem, CarouselList as BCarouselList, BCheckbox, CheckboxButton as BCheckboxButton, Clockpicker as BClockpicker, _sfc_main$F as BCollapse, Colorpicker as BColorpicker, BDatepicker, Datetimepicker as BDatetimepicker, Dialog as BDialog, BDropdown, BDropdownItem, Field as BField, BIcon, Image$1 as BImage, BInput, BLoading, Menu as BMenu, MenuItem as BMenuItem, MenuList as BMenuList, Message as BMessage, Modal as BModal, _sfc_main$k as BNavbar, NavbarDropdown as BNavbarDropdown, NavbarItem as BNavbarItem, Notification as BNotification, Numberinput as BNumberinput, BPagination, PaginationButton as BPaginationButton, Progress as BProgress, ProgressBar as BProgressBar, Radio as BRadio, RadioButton as BRadioButton, Rate as BRate, BSelect, Sidebar as BSidebar, BSkeleton, Slider as BSlider, SliderTick as BSliderTick, Snackbar as BSnackbar, _sfc_main$9 as BStepItem, Steps as BSteps, Switch as BSwitch, _sfc_main$3 as BTabItem, Table as BTable, _sfc_main$5 as BTableColumn, Tabs as BTabs, BTag, Taginput as BTaginput, Taglist as BTaglist, Timepicker as BTimepicker, Toast as BToast, Tooltip as BTooltip, Upload as BUpload, Plugin$E as Breadcrumb, Plugin$D as Button, Plugin$C as Carousel, Plugin$B as Checkbox, Plugin$x as Clockpicker, Plugin$A as Collapse, Color, Plugin$w as Colorpicker, ConfigComponent as ConfigProgrammatic, Plugin$v as Datepicker, Plugin$u as Datetimepicker, Plugin$t as Dialog, DialogProgrammatic, Plugin$z as Dropdown, Plugin$s as Field, Plugin$r as Icon, Plugin$q as Image, Plugin$y as Input, Plugin$p as Loading, LoadingProgrammatic, Plugin$o as Menu, Plugin$n as Message, Plugin$m as Modal, ModalProgrammatic, Plugin$k as Navbar, Plugin$l as Notification, NotificationProgrammatic, Plugin$j as Numberinput, Plugin$i as Pagination, Plugin$h as Progress, Plugin$g as Radio, Plugin$f as Rate, Plugin$e as Select, Plugin$c as Sidebar, Plugin$d as Skeleton, Plugin$b as Slider, Plugin$a as Snackbar, SnackbarProgrammatic, Plugin$9 as Steps, Plugin$8 as Switch, Plugin$7 as Table, Plugin$6 as Tabs, Plugin$5 as Tag, Plugin$4 as Taginput, Plugin$3 as Timepicker, Plugin$2 as Toast, ToastProgrammatic, Plugin$1 as Tooltip, Plugin as Upload, bound, copyAppContext, createAbsoluteElement, createNewEvent, Buefy as default, escapeRegExpChars, getComponentFromVNode, getMonthNames, getValueByPath, getWeekdayNames, hasFlag, indexOf, isCustomElement, isDefined, isFragment, isMobile, isNil, isTag, isVueComponent, isWebpSupported, matchWithGroups, merge, mod, multiColumnSort, removeDiacriticsFromString, removeElement, sign, toCssWidth, translateTouchAsDragEvent };
+export { Plugin$F as Autocomplete, BAutocomplete, Breadcrumb as BBreadcrumb, BreadcrumbItem as BBreadcrumbItem, BButton, Carousel as BCarousel, CarouselItem as BCarouselItem, CarouselList as BCarouselList, BCheckbox, CheckboxButton as BCheckboxButton, Clockpicker as BClockpicker, _sfc_main$F as BCollapse, Colorpicker as BColorpicker, BDatepicker, Datetimepicker as BDatetimepicker, Dialog as BDialog, BDropdown, BDropdownItem, Field as BField, BIcon, Image$1 as BImage, BInput, BLoading, Menu as BMenu, MenuItem as BMenuItem, MenuList as BMenuList, Message as BMessage, Modal as BModal, _sfc_main$k as BNavbar, NavbarDropdown as BNavbarDropdown, NavbarItem as BNavbarItem, Notification as BNotification, Numberinput as BNumberinput, BPagination, PaginationButton as BPaginationButton, Progress as BProgress, ProgressBar as BProgressBar, Radio as BRadio, RadioButton as BRadioButton, Rate as BRate, BSelect, Sidebar as BSidebar, BSkeleton, Slider as BSlider, SliderTick as BSliderTick, Snackbar as BSnackbar, _sfc_main$9 as BStepItem, Steps as BSteps, Switch as BSwitch, _sfc_main$3 as BTabItem, Table as BTable, _sfc_main$5 as BTableColumn, Tabs as BTabs, BTag, Taginput as BTaginput, Taglist as BTaglist, Timepicker as BTimepicker, Toast as BToast, Tooltip as BTooltip, Upload as BUpload, Plugin$E as Breadcrumb, Plugin$D as Button, Plugin$C as Carousel, Plugin$B as Checkbox, Plugin$x as Clockpicker, Plugin$A as Collapse, Color, Plugin$w as Colorpicker, ConfigComponent as ConfigProgrammatic, Plugin$v as Datepicker, Plugin$u as Datetimepicker, Plugin$t as Dialog, DialogProgrammatic, Plugin$z as Dropdown, Plugin$s as Field, Plugin$r as Icon, Plugin$q as Image, Plugin$y as Input, Plugin$p as Loading, LoadingProgrammatic, Plugin$o as Menu, Plugin$n as Message, Plugin$m as Modal, ModalProgrammatic, Plugin$k as Navbar, Plugin$l as Notification, NotificationProgrammatic, Plugin$j as Numberinput, Plugin$i as Pagination, Plugin$h as Progress, Plugin$g as Radio, Plugin$f as Rate, Plugin$e as Select, Plugin$c as Sidebar, Plugin$d as Skeleton, Plugin$b as Slider, Plugin$a as Snackbar, SnackbarProgrammatic, Plugin$9 as Steps, Plugin$8 as Switch, Plugin$7 as Table, Plugin$6 as Tabs, Plugin$5 as Tag, Plugin$4 as Taginput, Plugin$3 as Timepicker, Plugin$2 as Toast, ToastProgrammatic, Plugin$1 as Tooltip, Plugin as Upload, bound, copyAppContext, createAbsoluteElement, createNewEvent, Buefy as default, escapeRegExpChars, getComponentFromVNode, getMonthNames, getValueByPath, getWeekdayNames, hasFlag, indexOf, isCustomElement, isDefined, isFragment, isMobile, isNil, isTag, isVueComponent, isWebpSupported, matchWithGroups, merge, mod, multiColumnSort, removeDiacriticsFromString, removeElement, sign, toCssWidth, translateTouchAsDragEvent, useConfigComponent, useDialog, useLoading, useModal, useNotification, useSnackbar, useToast };