@rocketui/vue 0.1.5 → 0.1.7

package/dist/rocket-ui-vue.d.ts

@@ -2168,6 +2168,7 @@ export declare const RDropdown: __VLS_WithTemplateSlots_6<DefineComponent<__VLS_
     errorMsg: string;
     hideDetails: boolean;
     autocomplete: string;
+    popperTarget: string;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_8<SelectProps>, {
@@ -2189,6 +2190,7 @@ export declare const RDropdown: __VLS_WithTemplateSlots_6<DefineComponent<__VLS_
     errorMsg: string;
     hideDetails: boolean;
     autocomplete: string;
+    popperTarget: string;
 }>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -2209,6 +2211,7 @@ export declare const RDropdown: __VLS_WithTemplateSlots_6<DefineComponent<__VLS_
     errorMsg: string;
     hideDetails: boolean;
     autocomplete: "on" | "off";
+    popperTarget: string | HTMLElement;
 }, {}>, {
     prepend?(_: {}): any;
     tags?(_: {
@@ -2874,6 +2877,7 @@ declare interface SelectProps {
      * <Dropdown autocomplete="on" />
      */
     autocomplete?: 'on' | 'off';
+    popperTarget?: string | HTMLElement;
 }
 
 declare interface Tab {

package/dist/rocket-ui-vue.js

@@ -8663,7 +8663,7 @@ async function D5({ value: H }, { value: V }, { value: C }, M, A, L, i = 300, e)
       minWidth: e === "dropdown" ? `${H.offsetWidth - 2}px` : "auto",
       left: e === "dropdown" ? `${n}px` : `${d}px`,
       top: `${t}px`,
-      animation: `tooltip-show ${i}ms ease-in-out forwards`,
+      animation: `r-tooltip-show ${i}ms ease-in-out forwards`,
       transformOrigin: "start"
     }), C && r.arrow) {
       const { x: a, y: B } = r.arrow, g = {
@@ -8737,9 +8737,9 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], N5 = /* @__PURE__ */ v({
       T || D5(A, L, i, g, w, P, x, s);
     }
     const B = k(() => ({
-      tooltip: !0,
-      "tooltip--dark": C.dark,
-      "tooltip--light": C.light
+      "r-tooltip": !0,
+      "r-tooltip--dark": C.dark,
+      "r-tooltip--light": C.light
     }));
     return window.onresize = () => {
       C.resizable && a();
@@ -8764,7 +8764,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], N5 = /* @__PURE__ */ v({
         ref_key: "trigger",
         ref: A,
         "aria-disabled": C.disabled,
-        class: p(["trigger", g.triggerClass]),
+        class: p(["r-tooltip-trigger", g.triggerClass]),
         onClick: Z,
         onMouseenter: r,
         onMouseleave: n,
@@ -8800,9 +8800,9 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], N5 = /* @__PURE__ */ v({
           }, () => [
             C.text ? (m(), o("div", {
               key: 0,
-              class: p(["tooltip__content", {
-                "tooltip__content--dark": C.dark,
-                "tooltip__content--light": C.light
+              class: p(["r-tooltip__content", {
+                "r-tooltip__content--dark": C.dark,
+                "r-tooltip__content--light": C.light
               }])
             }, b(C.text), 3)) : O("", !0),
             C.text ? (m(), o("div", {
@@ -8810,9 +8810,9 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], N5 = /* @__PURE__ */ v({
               id: "arrow",
               ref_key: "arrowElement",
               ref: i,
-              class: p(["tooltip__arrow", {
-                "tooltip__arrow--dark": C.dark,
-                "tooltip__arrow--light": C.light
+              class: p(["r-tooltip__arrow", {
+                "r-tooltip__arrow--dark": C.dark,
+                "r-tooltip__arrow--light": C.light
               }])
             }, null, 2)) : O("", !0)
           ])
@@ -8858,7 +8858,8 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], N5 = /* @__PURE__ */ v({
     errorMsg: { default: "" },
     hint: {},
     hideDetails: { type: Boolean, default: !1 },
-    autocomplete: { default: "off" }
+    autocomplete: { default: "off" },
+    popperTarget: { default: "body" }
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
@@ -8934,6 +8935,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], N5 = /* @__PURE__ */ v({
         offset: 0,
         "outside-click": "",
         placement: "bottom",
+        "popper-target": C.popperTarget,
         resizable: "",
         "tooltip-class": "w-max",
         "trigger-class": "w-full",
@@ -9072,7 +9074,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], N5 = /* @__PURE__ */ v({
           ], 2)
         ]),
         _: 3
-      }),
+      }, 8, ["popper-target"]),
       s.$props.hideDetails ? O("", !0) : (m(), o("div", K5, [
         C.errorMsg ? (m(), o("div", j5, b(C.errorMsg), 1)) : O("", !0),
         C.hint ? (m(), o("div", q5, b(C.hint), 1)) : O("", !0)