@smurfox/proxy-ui 0.3.0 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -589,6 +589,12 @@ A floating panel anchored to an activator element. Opens on click and closes on
|
|
|
589
589
|
</PUDropdown>
|
|
590
590
|
```
|
|
591
591
|
|
|
592
|
+
**Props**
|
|
593
|
+
|
|
594
|
+
| Prop | Type | Default | Description |
|
|
595
|
+
| -------------- | -------- | ----------- | ------------------------------------------------------------------ |
|
|
596
|
+
| `menuMinWidth` | `string` | `'min-w-52'` | Tailwind min-width class applied to the floating panel. |
|
|
597
|
+
|
|
592
598
|
**Slots**
|
|
593
599
|
|
|
594
600
|
| Slot | Description |
|
package/dist/module.json
CHANGED
|
@@ -1,12 +1,20 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
menuMinWidth?: string;
|
|
3
|
+
};
|
|
4
|
+
declare var __VLS_1: {}, __VLS_17: {};
|
|
5
|
+
type __VLS_Slots = {} & {
|
|
6
|
+
activator?: (props: typeof __VLS_1) => any;
|
|
7
|
+
} & {
|
|
8
|
+
content?: (props: typeof __VLS_17) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
11
|
+
menuMinWidth: string;
|
|
12
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
1
14
|
declare const _default: typeof __VLS_export;
|
|
2
15
|
export default _default;
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
8
|
-
type __VLS_Slots = {
|
|
9
|
-
activator?: ((props: {}) => any) | undefined;
|
|
10
|
-
} & {
|
|
11
|
-
content?: ((props: {}) => any) | undefined;
|
|
16
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
12
20
|
};
|
|
@@ -13,7 +13,10 @@
|
|
|
13
13
|
:initial="{ scale: 0.9, opacity: 0, y: -10 }"
|
|
14
14
|
:exit="{ opacity: 0 }"
|
|
15
15
|
:animate="{ scale: 1, opacity: 1, y: 0 }"
|
|
16
|
-
class="
|
|
16
|
+
:class="[
|
|
17
|
+
'absolute right-0 z-50 mt-2 origin-top-right bg-white border border-gray-100 rounded-xl shadow-xl dark:bg-[#18181B] dark:border-black/40',
|
|
18
|
+
props.menuMinWidth
|
|
19
|
+
]"
|
|
17
20
|
@click="handleContentClick"
|
|
18
21
|
>
|
|
19
22
|
<slot name="content" />
|
|
@@ -25,6 +28,9 @@
|
|
|
25
28
|
<script setup>
|
|
26
29
|
import { AnimatePresence, motion } from "motion-v";
|
|
27
30
|
import { ref, onMounted, onUnmounted, provide } from "vue";
|
|
31
|
+
const props = defineProps({
|
|
32
|
+
menuMinWidth: { type: String, required: false, default: "min-w-52" }
|
|
33
|
+
});
|
|
28
34
|
const isOpen = ref(false);
|
|
29
35
|
const dropdownRef = ref(null);
|
|
30
36
|
const toggle = () => {
|
|
@@ -1,12 +1,20 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
menuMinWidth?: string;
|
|
3
|
+
};
|
|
4
|
+
declare var __VLS_1: {}, __VLS_17: {};
|
|
5
|
+
type __VLS_Slots = {} & {
|
|
6
|
+
activator?: (props: typeof __VLS_1) => any;
|
|
7
|
+
} & {
|
|
8
|
+
content?: (props: typeof __VLS_17) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
11
|
+
menuMinWidth: string;
|
|
12
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
1
14
|
declare const _default: typeof __VLS_export;
|
|
2
15
|
export default _default;
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
8
|
-
type __VLS_Slots = {
|
|
9
|
-
activator?: ((props: {}) => any) | undefined;
|
|
10
|
-
} & {
|
|
11
|
-
content?: ((props: {}) => any) | undefined;
|
|
16
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
12
20
|
};
|