@smurfox/proxy-ui 0.3.0 → 0.3.2
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
|
@@ -23,14 +23,14 @@ A component library built for **Nuxt 4**, designed with a clean and consistent A
|
|
|
23
23
|
## Installation
|
|
24
24
|
|
|
25
25
|
```bash
|
|
26
|
-
npm install proxy-ui
|
|
26
|
+
npm install @smurfox/proxy-ui
|
|
27
27
|
```
|
|
28
28
|
|
|
29
29
|
Add the module to your `nuxt.config.ts`:
|
|
30
30
|
|
|
31
31
|
```ts
|
|
32
32
|
export default defineNuxtConfig({
|
|
33
|
-
modules: ["proxy-ui"],
|
|
33
|
+
modules: ["@smurfox/proxy-ui"],
|
|
34
34
|
});
|
|
35
35
|
```
|
|
36
36
|
|
|
@@ -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 |
|
|
@@ -776,7 +782,7 @@ import type {
|
|
|
776
782
|
TableItem,
|
|
777
783
|
TableRounded,
|
|
778
784
|
TableItemsSize,
|
|
779
|
-
} from "proxy-ui";
|
|
785
|
+
} from "@smurfox/proxy-ui";
|
|
780
786
|
```
|
|
781
787
|
|
|
782
788
|
> `PUTextArea`, `PUSelect`, and `PUDropdown` define their props inline and do not export dedicated `Props` types. They reuse `InputVariant` and `InputRounded` from the same package.
|
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
|
};
|