@fastkit/vui 0.19.54 → 0.19.55

package/dist/vui.mjs

@@ -29,7 +29,7 @@ export * from '@fastkit/vue-stack';
 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';
+import { createPropsOptions, typedSlotWithCtx, defineSlots, typedSlotsWithCtx, renderSlotOrEmpty, withCtx, isFragment, resolveNumberish, resolveVNodeChildOrSlots, withCtxForSlots, rawNumberPropType, onAppUnmount } from '@fastkit/vue-utils';
 export * from '@fastkit/vue-utils';
 import * as vue_loading_star from '@fastkit/vue-loading';
 export * from '@fastkit/vue-loading';
@@ -382,9 +382,9 @@ var VTooltip = defineComponent({
         "class": "v-tooltip"
       }), {
         ...ctx.slots,
-        default: (payload) => [createVNode("span", {
+        default: typedSlotWithCtx(VMenu, "default", (payload) => [createVNode("span", {
           "class": "v-tooltip__inner"
-        }, [defaultSlot?.(payload)])]
+        }, [defaultSlot?.(payload)])])
       });
     };
   }
@@ -488,10 +488,12 @@ var VFormControl = defineComponent({
         default: () => [createVNode("div", {
           "class": "v-form-control__label__hinttip__hint"
         }, [hinttip.hint])],
-        activator: (tooltip) => createVNode("a", mergeProps({
-          "class": "v-form-control__label__hinttip",
-          "href": "javascript:void(0)"
-        }, tooltip.attrs), [hinttip.tip])
+        ...typedSlotsWithCtx(VTooltip, {
+          activator: (tooltip) => createVNode("a", mergeProps({
+            "class": "v-form-control__label__hinttip",
+            "href": "javascript:void(0)"
+          }, tooltip.attrs), [hinttip.tip])
+        })
       })]), createVNode("div", {
         "class": "v-form-control__body"
       }, [ctx.slots.default?.(control), !props12.hiddenInfo && createVNode("div", {
@@ -608,7 +610,7 @@ function defineFormSelectorComponent(opts) {
         "error": selectorControl.itemsLoadFailed
       }, {
         ...ctx.slots,
-        default: defaultSlot
+        default: withCtx(defaultSlot)
       });
     }
   });
@@ -973,8 +975,9 @@ var VBusyImage = defineComponent({
     });
     let booted = false;
     const mounted = ref(false);
-    watch(() => [ctx.attrs.src, mounted.value], ([src, _mounted]) => {
+    watch(() => [ctx.attrs.src, mounted.value], ([src, _mounted], before) => {
       if (!_mounted) return;
+      if (src === before?.[0] && !props12.cover && !isPendingRef.value) return;
       coverImageRef.value = void 0;
       if (isAvailableSrc(src)) {
         loadStateRef.value = "loading";
@@ -1523,13 +1526,13 @@ var VButton = defineComponent({
       "class": ["v-button", classes.value],
       "guardInProgressClass": "v-button--guard-in-progress"
     }), {
-      default: () => createVNode(Fragment, null, [createVNode("span", {
+      default: withCtx(() => createVNode(Fragment, null, [createVNode("span", {
         "class": "v-button__content"
       }, [startIcon.value, ctx.slots.default?.(), icon.value, endIcon.value]), isLoading.value && createVNode(loading_exports.VProgressCircular, {
         "class": "v-button__loading",
         "indeterminate": true,
         "size": LOADING_SIZE_MAP[control.size.value]
-      }, null)])
+      }, null)]))
     });
   }
 });
@@ -2435,7 +2438,7 @@ var VCheckbox = defineComponent({
       "invalid": nodeControl.invalid,
       "disabled": nodeControl.isDisabled,
       "readonly": nodeControl.isReadonly
-    }, slots12);
+    }, withCtxForSlots(slots12));
   }
 });
 function _isSlot3(s) {
@@ -2489,7 +2492,7 @@ var VRadio = defineComponent({
       "invalid": nodeControl.invalid,
       "disabled": nodeControl.isDisabled,
       "readonly": nodeControl.isReadonly
-    }, slots12);
+    }, withCtxForSlots(slots12));
   }
 });
 function _isSlot4(s) {
@@ -2552,7 +2555,7 @@ var VSwitch = defineComponent({
       "invalid": nodeControl.invalid,
       "disabled": nodeControl.isDisabled,
       "readonly": nodeControl.isReadonly
-    }, slots12);
+    }, withCtxForSlots(slots12));
   }
 });
 function _isSlot5(s) {
@@ -2927,8 +2930,8 @@ var VSelect = defineComponent({
         }
       }, {
         ...ctx.slots,
-        default: controlDefaultSlot,
-        endAdornment: endAdornmentSlot
+        default: withCtx(controlDefaultSlot),
+        endAdornment: withCtx(endAdornmentSlot)
       });
       const menuSlots = {
         activator: menuActivatorSlot,
@@ -2946,7 +2949,7 @@ var VSelect = defineComponent({
         "onUpdate:modelValue": ($event) => menuOpened.value = $event,
         "ref": menuRef,
         "onClose": clearKeyFocused
-      }, menuSlots);
+      }, withCtxForSlots(menuSlots));
       return createVNode(VFormControl, {
         "nodeControl": inputControl,
         "class": classes.value,
@@ -2958,7 +2961,7 @@ var VSelect = defineComponent({
         "onClickLabel": handleClickLabel
       }, {
         ...ctx.slots,
-        default: defaultSlot
+        default: withCtx(defaultSlot)
       });
     };
   }
@@ -3001,9 +3004,9 @@ var VTextField = defineComponent({
       "size": control.size.value
     }, {
       ...ctx.slots,
-      default: () => [inputControl.createInputElement({
+      default: withCtx(() => [inputControl.createInputElement({
         class: "v-text-field__input__element"
-      }), inputControl.createDatalist()]
+      }), inputControl.createDatalist()])
     });
     const infoAppendsSlot = () => {
       const {
@@ -3026,8 +3029,8 @@ var VTextField = defineComponent({
       "onClickLabel": handleClickLabel
     }, {
       ...ctx.slots,
-      default: defaultSlot,
-      infoAppends: infoAppendsSlot
+      default: withCtx(defaultSlot),
+      infoAppends: withCtx(infoAppendsSlot)
     });
   }
 });
@@ -3121,9 +3124,9 @@ var VTextarea = defineComponent({
       "endAdornment": props12.endAdornment
     }, {
       ...ctx.slots,
-      default: () => inputControl.createInputElement({
+      default: withCtx(() => inputControl.createInputElement({
         class: "v-textarea__input__element"
-      })
+      }))
     });
     const infoAppendsSlot = () => {
       const {
@@ -3145,8 +3148,8 @@ var VTextarea = defineComponent({
       }
     }, {
       ...ctx.slots,
-      default: defaultSlot,
-      infoAppends: infoAppendsSlot
+      default: withCtx(defaultSlot),
+      infoAppends: withCtx(infoAppendsSlot)
     });
   }
 });
@@ -4646,13 +4649,13 @@ var VuiService = class {
         stack.resolve(_state);
       }
     }, {
-      default: (_form) => {
+      default: withCtx((_form) => {
         form = _form;
         return slot(_state, {
           form,
           stack
         });
-      }
+      })
     }));
   }
   prompt(rawOptions = {}) {