@oku-ui/tooltip - npm Package Compare versions

Comparing version 0.4.0-alpha.11 to 0.4.0-alpha.12

dist/index.d.mts

@@ -660,2 +660,5 @@ import * as vue from 'vue';
         };
+        dir: {
+            type: PropType<"ltr" | "rtl">;
+        };
         forceMount: {
@@ -694,2 +697,3 @@ type: PropType<true | undefined>;
             style?: unknown;
+            readonly dir?: "ltr" | "rtl" | undefined;
             onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
@@ -827,2 +831,5 @@ onPointerdownOutside?: ((event: CustomEvent<{
             };
+            dir: {
+                type: PropType<"ltr" | "rtl">;
+            };
             forceMount: {
@@ -948,2 +955,5 @@ type: PropType<true | undefined>;
         };
+        dir: {
+            type: PropType<"ltr" | "rtl">;
+        };
         forceMount: {
@@ -1032,2 +1042,5 @@ type: PropType<true | undefined>;
     };
+    dir: {
+        type: PropType<"ltr" | "rtl">;
+    };
     forceMount: {
@@ -1034,0 +1047,0 @@ type: PropType<true | undefined>;

dist/index.d.ts

@@ -660,2 +660,5 @@ import * as vue from 'vue';
         };
+        dir: {
+            type: PropType<"ltr" | "rtl">;
+        };
         forceMount: {
@@ -694,2 +697,3 @@ type: PropType<true | undefined>;
             style?: unknown;
+            readonly dir?: "ltr" | "rtl" | undefined;
             onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
@@ -827,2 +831,5 @@ onPointerdownOutside?: ((event: CustomEvent<{
             };
+            dir: {
+                type: PropType<"ltr" | "rtl">;
+            };
             forceMount: {
@@ -948,2 +955,5 @@ type: PropType<true | undefined>;
         };
+        dir: {
+            type: PropType<"ltr" | "rtl">;
+        };
         forceMount: {
@@ -1032,2 +1042,5 @@ type: PropType<true | undefined>;
     };
+    dir: {
+        type: PropType<"ltr" | "rtl">;
+    };
     forceMount: {
@@ -1034,0 +1047,0 @@ type: PropType<true | undefined>;

dist/index.mjs

@@ -1,4 +0,4 @@
-import { defineComponent, toRefs, ref, onMounted, onUnmounted, computed, useModel, h, watchEffect, mergeProps } from 'vue';
+import { defineComponent, toRefs, ref, onMounted, onUnmounted, computed, useModel, h, reactive, watchEffect, mergeProps } from 'vue';
 import { primitiveProps, Primitive, propsOmit } from '@oku-ui/primitive';
-import { useId, useControllable, useForwardRef, useComposedRefs } from '@oku-ui/use-composable';
+import { useId, useControllable, reactiveOmit, useForwardRef, useComposedRefs } from '@oku-ui/use-composable';
 import { createPopperScope, OkuPopper, OkuPopperAnchor, popperContentProps, OkuPopperContent, popperArrowProps, OkuPopperArrow } from '@oku-ui/popper';
@@ -290,3 +290,3 @@ import { createProvideScope, ScopePropObject } from '@oku-ui/provide';
         }
-        emit("update:modelValue", result);
+        modelValue.value = result;
         emit("openChange", result);
@@ -380,5 +380,8 @@ },
   setup(props, { attrs, slots, emit }) {
-    const inject = useTooltipInject(TRIGGER_NAME, props.scopeOkuTooltip);
-    const providerInject = useTooltipProviderInject(TRIGGER_NAME, props.scopeOkuTooltip);
-    const popperScope = usePopperScope(props.scopeOkuTooltip);
+    const { scopeOkuTooltip, ...triggerProps } = toRefs(props);
+    const _reactive = reactive(triggerProps);
+    const reactiveTriggerProps = reactiveOmit(_reactive, (key, _value) => key === void 0);
+    const inject = useTooltipInject(TRIGGER_NAME, scopeOkuTooltip.value);
+    const providerInject = useTooltipProviderInject(TRIGGER_NAME, scopeOkuTooltip.value);
+    const popperScope = usePopperScope(scopeOkuTooltip.value);
     const buttonRef = ref(null);
@@ -408,4 +411,3 @@ const forwardedRef = useForwardRef();
         "data-state": inject.stateAttribute.value,
-        ...attrs,
-        "asChild": props.asChild,
+        ...mergeProps(attrs, reactiveTriggerProps),
         "ref": composedRefs,
@@ -537,11 +539,10 @@ "onPointermove": composeEventHandlers((el) => {
       ariaLabel,
-      // eslint-disable-next-line unused-imports/no-unused-vars
-      asChild,
-      // eslint-disable-next-line unused-imports/no-unused-vars
+      asChild: _asChild,
       scopeOkuTooltip,
       ...contentProps
-    } = props;
-    const { ...restAttrs } = attrs;
-    const inject = useTooltipInject(CONTENT_NAME$1, props.scopeOkuTooltip);
-    const popperScope = usePopperScope(props.scopeOkuTooltip);
+    } = toRefs(props);
+    const _reactive = reactive(contentProps);
+    const reactiveTooltipProps = reactiveOmit(_reactive, (key, _value) => key === void 0);
+    const inject = useTooltipInject(CONTENT_NAME$1, scopeOkuTooltip.value);
+    const popperScope = usePopperScope(scopeOkuTooltip.value);
     const forwardedRef = useForwardRef();
@@ -568,3 +569,3 @@ watchEffect((onClean) => {
     visuallyHiddenContentProvider({
-      scope: props.scopeOkuTooltip,
+      scope: scopeOkuTooltip.value,
       isInside: ref(false)
@@ -604,7 +605,6 @@ });
         ...popperScope,
-        "asChild": props.asChild,
-        ...mergeProps(restAttrs, contentProps),
+        ...mergeProps(attrs, reactiveTooltipProps),
         "ref": forwardedRef,
         "style": {
-          ...restAttrs.style,
+          ...attrs.style,
           ...{
@@ -628,3 +628,3 @@ "--oku-tooltip-content-transform-origin": "var(--oku-popper-transform-origin)",
             }, {
-              default: () => ariaLabel || slots.default?.()
+              default: () => ariaLabel.value || slots.default?.()
             })
@@ -760,14 +760,16 @@ })
   setup(props, { attrs, slots }) {
-    const { forceMount, side, scopeOkuTooltip } = toRefs(props);
+    const { forceMount: forceMountProps, side: sideProps, scopeOkuTooltip, ...contentProps } = toRefs(props);
+    const _reactive = reactive(contentProps);
+    const reactiveContentProps = reactiveOmit(_reactive, (key, _value) => key === void 0);
     const portalInject = usePortalInject(CONTENT_NAME, scopeOkuTooltip.value);
-    const forceMountProps = computed(() => forceMount.value || portalInject.forceMount?.value);
-    const sideProps = computed(() => side.value || "top");
+    const forceMount = computed(() => forceMountProps.value || portalInject.forceMount?.value);
+    const side = computed(() => sideProps.value || "top");
     const forwardedRef = useForwardRef();
     const inject = useTooltipInject(CONTENT_NAME, scopeOkuTooltip.value);
     return () => h(OkuPresence, {
-      present: computed(() => forceMountProps.value || inject.open.value).value
+      present: computed(() => forceMount.value || inject.open.value).value
     }, {
       default: () => inject.disableHoverableContent.value ? h(OkuTooltipContentImpl, {
-        side: sideProps.value,
-        ...mergeProps(attrs, props),
+        side: side.value,
+        ...mergeProps(attrs, reactiveContentProps),
         ref: forwardedRef
@@ -777,4 +779,4 @@ }, {
       }) : h(OkuTooltipContentHoverable, {
-        side: sideProps.value,
-        ...mergeProps(attrs, props),
+        side: side.value,
+        ...mergeProps(attrs, reactiveContentProps),
         ref: forwardedRef
@@ -808,8 +810,11 @@ }, slots)
   setup(props, { attrs, slots }) {
+    const { scopeOkuTooltip, ...arrowProps } = toRefs(props);
+    const _reactive = reactive(arrowProps);
+    const reactiveArrowProps = reactiveOmit(_reactive, (key, _value) => key === void 0);
     const forwardedRef = useForwardRef();
-    const popperScope = usePopperScope(props.scopeOkuTooltip);
-    const visuallyHiddenContentInject = useVisuallyHiddenContentInject(ARROW_NAME, props.scopeOkuTooltip);
+    const popperScope = usePopperScope(scopeOkuTooltip.value);
+    const visuallyHiddenContentInject = useVisuallyHiddenContentInject(ARROW_NAME, scopeOkuTooltip.value);
     return () => visuallyHiddenContentInject.isInside.value ? null : h(OkuPopperArrow, {
       ...popperScope,
-      ...mergeProps(attrs, props),
+      ...mergeProps(attrs, reactiveArrowProps),
       ref: forwardedRef
@@ -816,0 +821,0 @@ }, slots);

package.json

 {
   "name": "@oku-ui/tooltip",
   "type": "module",
-  "version": "0.4.0-alpha.11",
+  "version": "0.4.0-alpha.12",
   "license": "MIT",
@@ -6,0 +6,0 @@ "source": "src/index.ts",

No alert changes

Improved metrics

Total package byte prevSize

136046

0.92%

Lines of code

2051

0.89%

No dependency changes