vft 0.0.149 → 0.0.151

package/es/components/tooltip/tooltip.vue.d.ts

@@ -52,149 +52,7 @@ export interface ToolTipProps {
     trigger?: TooltipTriggerType;
     triggerKeys?: string[];
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    role: {
-        type: globalThis.PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
-    };
-    showArrow: {
-        type: globalThis.PropType<boolean>;
-    };
-    arrowOffset: {
-        type: globalThis.PropType<number>;
-    };
-    virtualRef: {
-        type: globalThis.PropType<Measurable>;
-    };
-    virtualTriggering: {
-        type: globalThis.PropType<boolean>;
-    };
-    onMouseenter: {
-        type: globalThis.PropType<Function>;
-    };
-    onMouseleave: {
-        type: globalThis.PropType<Function>;
-    };
-    onClick: {
-        type: globalThis.PropType<Function>;
-    };
-    onKeydown: {
-        type: globalThis.PropType<Function>;
-    };
-    onFocus: {
-        type: globalThis.PropType<Function>;
-    };
-    onBlur: {
-        type: globalThis.PropType<Function>;
-    };
-    onContextmenu: {
-        type: globalThis.PropType<Function>;
-    };
-    id: {
-        type: globalThis.PropType<string>;
-    };
-    open: {
-        type: globalThis.PropType<boolean>;
-    };
-    boundariesPadding: {
-        type: globalThis.PropType<number>;
-    };
-    fallbackPlacements: {
-        type: globalThis.PropType<Placement[]>;
-    };
-    gpuAcceleration: {
-        type: globalThis.PropType<boolean>;
-    };
-    offset: {
-        type: globalThis.PropType<number>;
-    };
-    placement: {
-        type: globalThis.PropType<Placement>;
-    };
-    popperOptions: {
-        type: globalThis.PropType<Partial<Options>>;
-    };
-    strategy: {
-        type: globalThis.PropType<"fixed" | "absolute">;
-    };
-    style: {
-        type: globalThis.PropType<StyleValue>;
-    };
-    className: {
-        type: globalThis.PropType<ClassType>;
-    };
-    effect: {
-        type: globalThis.PropType<"light" | "dark">;
-    };
-    visible: {
-        type: globalThis.PropType<boolean>;
-    };
-    enterable: {
-        type: globalThis.PropType<boolean>;
-    };
-    pure: {
-        type: globalThis.PropType<boolean>;
-    };
-    focusOnShow: {
-        type: globalThis.PropType<boolean>;
-    };
-    trapping: {
-        type: globalThis.PropType<boolean>;
-    };
-    popperClass: {
-        type: globalThis.PropType<ClassType>;
-    };
-    popperStyle: {
-        type: globalThis.PropType<StyleValue>;
-    };
-    referenceEl: {
-        type: globalThis.PropType<HTMLElement>;
-    };
-    triggerTargetEl: {
-        type: globalThis.PropType<HTMLElement>;
-    };
-    stopPopperMouseEvent: {
-        type: globalThis.PropType<boolean>;
-    };
-    ariaLabel: {
-        type: globalThis.PropType<string>;
-    };
-    zIndex: {
-        type: globalThis.PropType<number>;
-    };
-    showAfter: {
-        type: globalThis.PropType<number>;
-    };
-    hideAfter: {
-        type: globalThis.PropType<number>;
-    };
-    appendTo: {
-        type: globalThis.PropType<any>;
-    };
-    content: {
-        type: globalThis.PropType<string>;
-    };
-    rawContent: {
-        type: globalThis.PropType<boolean>;
-    };
-    persistent: {
-        type: globalThis.PropType<boolean>;
-    };
-    transition: {
-        type: globalThis.PropType<string>;
-    };
-    teleported: {
-        type: globalThis.PropType<boolean>;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    trigger: {
-        type: globalThis.PropType<TooltipTriggerType>;
-    };
-    triggerKeys: {
-        type: globalThis.PropType<string[]>;
-    };
-}, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ToolTipProps>, {
     /**
      * @description el-popper component instance
      */
@@ -224,158 +82,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      */
     hide: (event?: Event | undefined) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    open: (...args: any[]) => void;
     close: (...args: any[]) => void;
+    open: (...args: any[]) => void;
     hide: (...args: any[]) => void;
     show: (...args: any[]) => void;
     "before-show": (...args: any[]) => void;
     "before-hide": (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    role: {
-        type: globalThis.PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
-    };
-    showArrow: {
-        type: globalThis.PropType<boolean>;
-    };
-    arrowOffset: {
-        type: globalThis.PropType<number>;
-    };
-    virtualRef: {
-        type: globalThis.PropType<Measurable>;
-    };
-    virtualTriggering: {
-        type: globalThis.PropType<boolean>;
-    };
-    onMouseenter: {
-        type: globalThis.PropType<Function>;
-    };
-    onMouseleave: {
-        type: globalThis.PropType<Function>;
-    };
-    onClick: {
-        type: globalThis.PropType<Function>;
-    };
-    onKeydown: {
-        type: globalThis.PropType<Function>;
-    };
-    onFocus: {
-        type: globalThis.PropType<Function>;
-    };
-    onBlur: {
-        type: globalThis.PropType<Function>;
-    };
-    onContextmenu: {
-        type: globalThis.PropType<Function>;
-    };
-    id: {
-        type: globalThis.PropType<string>;
-    };
-    open: {
-        type: globalThis.PropType<boolean>;
-    };
-    boundariesPadding: {
-        type: globalThis.PropType<number>;
-    };
-    fallbackPlacements: {
-        type: globalThis.PropType<Placement[]>;
-    };
-    gpuAcceleration: {
-        type: globalThis.PropType<boolean>;
-    };
-    offset: {
-        type: globalThis.PropType<number>;
-    };
-    placement: {
-        type: globalThis.PropType<Placement>;
-    };
-    popperOptions: {
-        type: globalThis.PropType<Partial<Options>>;
-    };
-    strategy: {
-        type: globalThis.PropType<"fixed" | "absolute">;
-    };
-    style: {
-        type: globalThis.PropType<StyleValue>;
-    };
-    className: {
-        type: globalThis.PropType<ClassType>;
-    };
-    effect: {
-        type: globalThis.PropType<"light" | "dark">;
-    };
-    visible: {
-        type: globalThis.PropType<boolean>;
-    };
-    enterable: {
-        type: globalThis.PropType<boolean>;
-    };
-    pure: {
-        type: globalThis.PropType<boolean>;
-    };
-    focusOnShow: {
-        type: globalThis.PropType<boolean>;
-    };
-    trapping: {
-        type: globalThis.PropType<boolean>;
-    };
-    popperClass: {
-        type: globalThis.PropType<ClassType>;
-    };
-    popperStyle: {
-        type: globalThis.PropType<StyleValue>;
-    };
-    referenceEl: {
-        type: globalThis.PropType<HTMLElement>;
-    };
-    triggerTargetEl: {
-        type: globalThis.PropType<HTMLElement>;
-    };
-    stopPopperMouseEvent: {
-        type: globalThis.PropType<boolean>;
-    };
-    ariaLabel: {
-        type: globalThis.PropType<string>;
-    };
-    zIndex: {
-        type: globalThis.PropType<number>;
-    };
-    showAfter: {
-        type: globalThis.PropType<number>;
-    };
-    hideAfter: {
-        type: globalThis.PropType<number>;
-    };
-    appendTo: {
-        type: globalThis.PropType<any>;
-    };
-    content: {
-        type: globalThis.PropType<string>;
-    };
-    rawContent: {
-        type: globalThis.PropType<boolean>;
-    };
-    persistent: {
-        type: globalThis.PropType<boolean>;
-    };
-    transition: {
-        type: globalThis.PropType<string>;
-    };
-    teleported: {
-        type: globalThis.PropType<boolean>;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    trigger: {
-        type: globalThis.PropType<TooltipTriggerType>;
-    };
-    triggerKeys: {
-        type: globalThis.PropType<string[]>;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ToolTipProps>>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
     onHide?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
     "onBefore-show"?: ((...args: any[]) => any) | undefined;
     "onBefore-hide"?: ((...args: any[]) => any) | undefined;
@@ -384,6 +100,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     content?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/es/components/tooltip/tooltip.vue2.js

@@ -1,25 +1,25 @@
-import { defineComponent as T, ref as l, computed as I, provide as S, readonly as M, unref as p, watch as N, onDeactivated as $, openBlock as i, createBlock as h, withCtx as m, createVNode as b, renderSlot as w, createCommentVNode as v, createElementBlock as B, toDisplayString as H } from "vue";
+import { defineComponent as T, ref as l, computed as I, provide as M, readonly as N, unref as i, watch as $, onDeactivated as H, openBlock as p, createBlock as b, withCtx as m, createVNode as h, renderSlot as w, createCommentVNode as v, createElementBlock as B, toDisplayString as L } from "vue";
 import { EVENT_CODE as C } from "@vft/constants";
-import { isBoolean as L } from "@vft/utils";
-import { VftPopper as V } from "../popper/index.js";
+import { isBoolean as V } from "@vft/utils";
+import { VftPopper as z } from "../popper/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useDelayedToggle as z } from "../../hooks/use-delayed-toggle/index.js";
-import { useId as D } from "../../hooks/use-id/index.js";
+import { useDelayedToggle as D } from "../../hooks/use-delayed-toggle/index.js";
+import { useId as K } from "../../hooks/use-id/index.js";
 import "../config-provider/hooks/use-global-config.js";
 import "@popperjs/core";
-import { usePopperContainer as K } from "../../hooks/use-popper-container/index.js";
+import { usePopperContainer as j } from "../../hooks/use-popper-container/index.js";
 import "../../hooks/use-z-index/index.js";
 import { TOOLTIP_INJECTION_KEY as F } from "./constants.js";
 import J from "./content.vue2.js";
 import U from "./trigger.vue2.js";
 import { useTooltipModelToggle as Y } from "./utils.js";
-import j from "../popper/arrow.vue2.js";
-const q = ["innerHTML"], G = { key: 1 }, Q = T({
+import q from "../popper/arrow.vue2.js";
+const G = ["innerHTML"], Q = { key: 1 }, W = T({
   name: "VftTooltip"
-}), ge = /* @__PURE__ */ T({
-  ...Q,
+}), me = /* @__PURE__ */ T({
+  ...W,
   props: {
     role: { default: "tooltip" },
     showArrow: { type: Boolean, default: !0 },
@@ -42,7 +42,7 @@ const q = ["innerHTML"], G = { key: 1 }, Q = T({
     placement: { default: "bottom" },
     popperOptions: { default: {} },
     strategy: { default: "absolute" },
-    style: {},
+    style: { type: [Boolean, null, String, Object, Array] },
     className: {},
     effect: { default: "dark" },
     visible: { type: Boolean, default: null },
@@ -51,7 +51,7 @@ const q = ["innerHTML"], G = { key: 1 }, Q = T({
     focusOnShow: { type: Boolean, default: !1 },
     trapping: { type: Boolean, default: !1 },
     popperClass: {},
-    popperStyle: {},
+    popperStyle: { type: [Boolean, null, String, Object, Array] },
     referenceEl: {},
     triggerTargetEl: {},
     stopPopperMouseEvent: { type: Boolean, default: !0 },
@@ -77,27 +77,28 @@ const q = ["innerHTML"], G = { key: 1 }, Q = T({
     "open",
     "close"
   ],
-  setup(r, { expose: k, emit: a }) {
-    K();
-    const A = D(), s = l(), f = l(), c = () => {
-      var t;
-      const e = p(s);
-      e && ((t = e.popperInstanceRef) == null || t.update());
-    }, o = l(!1), n = l(), { show: E, hide: d, hasUpdateHandler: O } = Y({
-      indicator: o,
+  setup(r, { expose: k, emit: A }) {
+    const a = A;
+    j();
+    const O = K(), s = l(), f = l(), c = () => {
+      var o;
+      const e = i(s);
+      e && ((o = e.popperInstanceRef) == null || o.update());
+    }, t = l(!1), n = l(), { show: E, hide: d, hasUpdateHandler: R } = Y({
+      indicator: t,
       toggleReason: n
-    }), { onOpen: u, onClose: g } = z({
+    }), { onOpen: u, onClose: g } = D({
       showAfter: r.showAfter,
       hideAfter: r.hideAfter,
       open: E,
       close: d
-    }), R = I(
-      () => L(r.visible) && !O.value
+    }), P = I(
+      () => V(r.visible) && !R.value
     );
-    S(F, {
-      controlled: R,
-      id: A,
-      open: M(o),
+    M(F, {
+      controlled: P,
+      id: O,
+      open: N(t),
       trigger: r.trigger,
       onOpen: (e) => {
         u(e);
@@ -106,7 +107,7 @@ const q = ["innerHTML"], G = { key: 1 }, Q = T({
         g(e);
       },
       onToggle: (e) => {
-        p(o) ? g(e) : u(e);
+        i(t) ? g(e) : u(e);
       },
       onShow: () => {
         a("show", n.value);
@@ -121,18 +122,18 @@ const q = ["innerHTML"], G = { key: 1 }, Q = T({
         a("before-hide", n.value);
       },
       updatePopper: c
-    }), N(
+    }), $(
       () => r.disabled,
       (e) => {
-        e && o.value && (o.value = !1);
+        e && t.value && (t.value = !1);
       }
     );
-    const P = () => {
-      var t, y;
-      const e = (y = (t = f.value) == null ? void 0 : t.contentRef) == null ? void 0 : y.popperContentRef;
+    const S = () => {
+      var o, y;
+      const e = (y = (o = f.value) == null ? void 0 : o.contentRef) == null ? void 0 : y.popperContentRef;
       return e && e.contains(document.activeElement);
     };
-    return $(() => o.value && d()), k({
+    return H(() => t.value && d()), k({
       /**
        * @description el-popper component instance
        */
@@ -144,7 +145,7 @@ const q = ["innerHTML"], G = { key: 1 }, Q = T({
       /**
        * @description validate current focus event is trigger inside el-tooltip-content
        */
-      isFocusInsideContent: P,
+      isFocusInsideContent: S,
       /**
        * @description update el-popper component instance
        */
@@ -161,13 +162,13 @@ const q = ["innerHTML"], G = { key: 1 }, Q = T({
        * @description expose hide function
        */
       hide: d
-    }), (e, t) => (i(), h(p(V), {
+    }), (e, o) => (p(), b(i(z), {
       ref_key: "popperRef",
       ref: s,
       role: e.role
     }, {
       default: m(() => [
-        b(U, {
+        h(U, {
           disabled: e.disabled,
           trigger: e.trigger,
           "trigger-keys": e.triggerKeys,
@@ -179,7 +180,7 @@ const q = ["innerHTML"], G = { key: 1 }, Q = T({
           ]),
           _: 3
         }, 8, ["disabled", "trigger", "trigger-keys", "virtual-ref", "virtual-triggering"]),
-        b(J, {
+        h(J, {
           ref_key: "contentRef",
           ref: f,
           "aria-label": e.ariaLabel,
@@ -211,12 +212,12 @@ const q = ["innerHTML"], G = { key: 1 }, Q = T({
         }, {
           default: m(() => [
             w(e.$slots, "content", {}, () => [
-              e.rawContent ? (i(), B("span", {
+              e.rawContent ? (p(), B("span", {
                 key: 0,
                 innerHTML: e.content
-              }, null, 8, q)) : (i(), B("span", G, H(e.content), 1))
+              }, null, 8, G)) : (p(), B("span", Q, L(e.content), 1))
             ]),
-            e.showArrow ? (i(), h(p(j), {
+            e.showArrow ? (p(), b(i(q), {
               key: 0,
               "arrow-offset": e.arrowOffset
             }, null, 8, ["arrow-offset"])) : v("", !0)
@@ -229,5 +230,5 @@ const q = ["innerHTML"], G = { key: 1 }, Q = T({
   }
 });
 export {
-  ge as default
+  me as default
 };

package/es/components/tooltip/trigger.vue.d.ts

@@ -1,48 +1,32 @@
 import type { Measurable } from '../popper';
 import { type TooltipTriggerType } from './types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    trigger: {
-        type: globalThis.PropType<TooltipTriggerType>;
-    };
-    triggerKeys: {
-        type: globalThis.PropType<string[]>;
-    };
-    virtualRef: {
-        type: globalThis.PropType<Measurable>;
-    };
-    virtualTriggering: {
-        type: globalThis.PropType<boolean>;
-    };
-}, {
+interface Props {
+    disabled?: boolean;
+    trigger?: TooltipTriggerType;
+    triggerKeys?: string[];
+    virtualRef?: Measurable;
+    virtualTriggering?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
     /**
      * @description trigger element
      */
     triggerRef: globalThis.Ref<{
         forwardRef: HTMLElement;
     } | null>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    trigger: {
-        type: globalThis.PropType<TooltipTriggerType>;
-    };
-    triggerKeys: {
-        type: globalThis.PropType<string[]>;
-    };
-    virtualRef: {
-        type: globalThis.PropType<Measurable>;
-    };
-    virtualTriggering: {
-        type: globalThis.PropType<boolean>;
-    };
-}>>, {}, {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/es/components/tooltip/utils.d.ts

@@ -7,5 +7,5 @@ export declare const useTooltipModelToggle: ({ indicator, toggleReason, shouldHi
     hide: (event?: Event | undefined) => void;
     show: (event?: Event | undefined) => void;
     toggle: () => void;
-    hasUpdateHandler: globalThis.ComputedRef<boolean>;
+    hasUpdateHandler: globalThis.ComputedRef<any>;
 };