@fastkit/vui 0.16.0 → 0.16.1

package/dist/vui.css

@@ -703,11 +703,13 @@
 }
 .v-tooltip{
   --menu-shadow:var(--tooltip-shadow);
-  background:var(--tooltip-background) !important;
   border-radius:var(--tooltip-radius);
-  color:var(--tooltip-color) !important;
   font-size:var(--tooltip-font-size);
 }
+.v-tooltip .v-menu__body{
+  background:var(--tooltip-background) !important;
+  color:var(--tooltip-color) !important;
+}
 .v-tooltip__inner{
   display:inline-block;
   padding:var(--tooltip-padding);

package/dist/vui.d.ts

@@ -4235,12 +4235,7 @@ declare const VControlField: vue.DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-}, {
-    classes: vue.ComputedRef<any[]>;
-    renderAdornment: (position: AdornmentPosition) => JSX.Element | undefined;
-    hostElRef: () => vue.Ref<HTMLElement | null>;
-    handleClick: (ev: MouseEvent) => void;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     click: (ev: MouseEvent) => boolean;
 }, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     error: BooleanConstructor;

package/dist/vui.mjs

@@ -24,7 +24,7 @@ import { createFormControlSettings, useFormControl, useParentFormNode, createFor
 export * from '@fastkit/vue-form-control';
 import { getDocumentScroller, useVScrollerRef, VScroller } from '@fastkit/vue-scroller';
 export * from '@fastkit/vue-scroller';
-import { defineMenuComponent, defineDialogComponent, createStackActionProps, useStackAction, defineSnackbarComponent, createStackableDefine, useStackControl, VStackRoot, BUILTIN_ACTION_HANDLERS, installVueStackPlugin } from '@fastkit/vue-stack';
+import { defineMenuComponent, defineDialogComponent, createStackActionProps, useStackAction, defineSnackbarComponent, createStackableDefine, useStackControl, VStackContainer, BUILTIN_ACTION_HANDLERS, installVueStackPlugin } from '@fastkit/vue-stack';
 export * from '@fastkit/vue-stack';
 import { useActionable, VAction, actionableInheritProps, setDefaultRouterLink } from '@fastkit/vue-action';
 export * from '@fastkit/vue-action';
@@ -465,6 +465,7 @@ var VFormControl = defineComponent({
       "v-form-control--valid": control.valid
     }, colorProvider.className(props11.error ? "error" : control.invalid && !control.readonly ? "error" : "primary")]);
     const getRequiredChip = createRequiredChipRenderer(() => control.required, props11, vui);
+    const handleClick = (ev) => ctx.emit("clickLabel", ev, control);
     return () => {
       const label = control.renderLabel();
       const message = control.renderMessage();
@@ -475,9 +476,7 @@ var VFormControl = defineComponent({
         "class": ["v-form-control", classes.value]
       }, [label && createVNode("label", {
         "class": "v-form-control__label",
-        "onClick": (ev) => {
-          ctx.emit("clickLabel", ev, control);
-        }
+        "onClick": handleClick
       }, [label, getRequiredChip(), hinttip && createVNode(VTooltip, {
         "y": "top",
         "openOnHover": _hinttipDelay !== "click",
@@ -2368,25 +2367,16 @@ var VControlField = defineComponent({
         "class": ["v-control-field__adornment", `v-control-field__adornment--${position}`]
       }, [child]);
     };
-    const handleClick = (ev) => {
-      ctx.emit("click", ev);
-    };
-    return {
-      classes,
-      renderAdornment,
-      hostElRef: () => hostElRef,
-      handleClick
-      // computedTabindex,
+    const handleClick = (ev) => ctx.emit("click", ev);
+    return () => {
+      return createVNode("div", {
+        "class": classes.value,
+        "onClick": handleClick,
+        "ref": hostElRef
+      }, [renderAdornment("start"), createVNode("div", {
+        "class": "v-control-field__body"
+      }, [ctx.slots.default?.()]), renderAdornment("end")]);
     };
-  },
-  render() {
-    return createVNode("div", {
-      "class": this.classes,
-      "onClick": this.handleClick,
-      "ref": this.hostElRef()
-    }, [this.renderAdornment("start"), createVNode("div", {
-      "class": "v-control-field__body"
-    }, [this.$slots.default?.()]), this.renderAdornment("end")]);
   }
 });
 var VTextCounter = defineComponent({
@@ -2785,7 +2775,7 @@ var VSelect = defineComponent({
       return slot && slot(vui);
     });
     const focus = (opts) => {
-      fieldRef.value && fieldRef.value.focus(opts);
+      fieldRef.value?.focus?.(opts);
     };
     const renderSelections = (selectedItems) => {
       const selectionSlot = ctx.slots.selection;
@@ -4512,7 +4502,7 @@ var VApp = defineComponent({
   setup(props11, ctx) {
     useInjectTheme();
     return () => {
-      return createVNode(VStackRoot, null, {
+      return createVNode(VStackContainer, null, {
         default: () => [createVNode(VAppLayout, null, ctx.slots)]
       });
     };