@fastkit/vui 0.18.33 → 0.19.0

package/dist/vui.mjs

@@ -26,7 +26,7 @@ import { VScroller, getDocumentScroller } from '@fastkit/vue-scroller';
 export * from '@fastkit/vue-scroller';
 import { defineMenuComponent, defineDialogComponent, createStackActionProps, useStackAction, defineSnackbarComponent, createStackableDefine, useStackControl, VDynamicStacks, BUILTIN_ACTION_HANDLERS, installVueStackPlugin } from '@fastkit/vue-stack';
 export * from '@fastkit/vue-stack';
-import { useActionable, VAction, actionableInheritProps, setDefaultRouterLink } from '@fastkit/vue-action';
+import { useActionable, VAction, actionableInheritProps, setDefaultActionableClassName, setDefaultRouterLink } from '@fastkit/vue-action';
 export * from '@fastkit/vue-action';
 export { VAction as VLink } from '@fastkit/vue-action';
 import { createPropsOptions, defineSlots, renderSlotOrEmpty, isFragment, resolveNumberish, resolveVNodeChildOrSlots, rawNumberPropType, onAppUnmount } from '@fastkit/vue-utils';
@@ -975,16 +975,20 @@ var VBusyImage = defineComponent({
       return styles;
     });
     let booted = false;
-    watch(() => ctx.attrs.src, (value) => {
+    const mounted = ref(false);
+    watch(() => [ctx.attrs.src, mounted.value], ([src, _mounted]) => {
+      if (!_mounted)
+        return;
       coverImageRef.value = void 0;
-      if (isAvailableSrc(value)) {
+      if (isAvailableSrc(src)) {
         loadStateRef.value = "loading";
         if (props12.cover) {
-          loadImage(value).then((image) => {
+          loadImage(src).then((image) => {
             coverImageRef.value = image;
             setManualState("load");
-          }).catch((err) => {
+          }).catch((_err) => {
             setManualState("error");
+            console.error(_err);
           });
         }
       } else {
@@ -1003,6 +1007,7 @@ var VBusyImage = defineComponent({
       ctx.emit(loadType, ev);
     };
     onMounted(() => {
+      mounted.value = true;
       if (booted || props12.cover)
         return;
       const image = nodeRef.value;
@@ -1426,7 +1431,7 @@ var VCard = defineComponent({
       const attrs = {
         ..._props.value,
         ...ctx.attrs,
-        class: ["v-card", ctx.attrs.class, typeof ctx.attrs.onClick === "function" && "clickable"],
+        class: ["v-card", ctx.attrs.class],
         tag: hasLink ? VAction : "div"
       };
       if (props12.disabled) {
@@ -1520,7 +1525,7 @@ var VButton = defineComponent({
         return;
       return _spacer === true ? "left" : _spacer;
     });
-    const classes = computed(() => [color.colorClasses.value, spacer.value ? `v-button--spacer-${spacer.value}` : void 0, `v-button--${control.size.value}`, `v-button--align-${props12.align}`, "clickable", {
+    const classes = computed(() => [color.colorClasses.value, spacer.value ? `v-button--spacer-${spacer.value}` : void 0, `v-button--${control.size.value}`, `v-button--align-${props12.align}`, {
       "v-button--loading": isLoading.value,
       "v-button--icon": !!icon.value,
       "v-button--rounded": props12.rounded,
@@ -1918,7 +1923,7 @@ var VListTile = defineComponent({
     const classes = computed(() => {
       const _color = color.value;
       const hasColor = !!_color.value;
-      return [color.value.className, "clickable", {
+      return [color.value.className, {
         "v-list-tile--plain": !hasColor,
         "v-list-tile--has-color": hasColor,
         "v-list-tile--active": isActive.value
@@ -4786,6 +4791,7 @@ var VuiService = class {
     return action;
   }
 };
+setDefaultActionableClassName("clickable");
 var scroller = getDocumentScroller();
 function mergeVuiPluginOptions(base, override) {
   if (!override)