pukaad-ui-lib 1.331.0 → 1.333.0
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/dist/module.json +1 -1
- package/dist/runtime/components/button.vue +10 -10
- package/dist/runtime/components/carousel.vue +31 -31
- package/dist/runtime/components/chart/chart-approval-activity.d.vue.ts +35 -0
- package/dist/runtime/components/chart/chart-approval-activity.vue +152 -0
- package/dist/runtime/components/chart/chart-approval-activity.vue.d.ts +35 -0
- package/dist/runtime/components/display/display-image-place.vue +98 -98
- package/dist/runtime/components/drawer/drawer-suggest-place/drawer-suggest-place.vue +1 -0
- package/dist/runtime/components/drawer/drawer-suggest-place/suggest-place-form.d.vue.ts +1 -0
- package/dist/runtime/components/drawer/drawer-suggest-place/suggest-place-form.vue +3 -2
- package/dist/runtime/components/drawer/drawer-suggest-place/suggest-place-form.vue.d.ts +1 -0
- package/dist/runtime/components/input/input-autocomplete.d.vue.ts +2 -2
- package/dist/runtime/components/input/input-autocomplete.vue.d.ts +2 -2
- package/dist/runtime/components/input/input-birth-date.d.vue.ts +1 -1
- package/dist/runtime/components/input/input-birth-date.vue.d.ts +1 -1
- package/dist/runtime/components/input/input-combobox.d.vue.ts +1 -1
- package/dist/runtime/components/input/input-combobox.vue.d.ts +1 -1
- package/dist/runtime/components/input/input-date-picker.d.vue.ts +1 -1
- package/dist/runtime/components/input/input-date-picker.vue.d.ts +1 -1
- package/dist/runtime/components/input/input-localized-name.d.vue.ts +1 -1
- package/dist/runtime/components/input/input-localized-name.vue.d.ts +1 -1
- package/dist/runtime/components/input/input-rating.vue +6 -6
- package/dist/runtime/components/input/input-suggest.d.vue.ts +2 -2
- package/dist/runtime/components/input/input-suggest.vue.d.ts +2 -2
- package/dist/runtime/components/input/input-tag.d.vue.ts +1 -1
- package/dist/runtime/components/input/input-tag.vue.d.ts +1 -1
- package/dist/runtime/components/input/input-textarea.d.vue.ts +1 -1
- package/dist/runtime/components/input/input-textarea.vue.d.ts +1 -1
- package/dist/runtime/components/modal/modal-media-view.vue +136 -136
- package/dist/runtime/components/ui/alert-dialog/AlertDialog.vue +2 -1
- package/dist/runtime/components/ui/calendar/Calendar.d.vue.ts +1 -1
- package/dist/runtime/components/ui/calendar/Calendar.vue.d.ts +1 -1
- package/dist/runtime/components/ui/chart/ChartContainer.d.vue.ts +25 -0
- package/dist/runtime/components/ui/chart/ChartContainer.vue +49 -0
- package/dist/runtime/components/ui/chart/ChartContainer.vue.d.ts +25 -0
- package/dist/runtime/components/ui/chart/ChartLegendContent.d.vue.ts +12 -0
- package/dist/runtime/components/ui/chart/ChartLegendContent.vue +52 -0
- package/dist/runtime/components/ui/chart/ChartLegendContent.vue.d.ts +12 -0
- package/dist/runtime/components/ui/chart/ChartStyle.d.vue.ts +7 -0
- package/dist/runtime/components/ui/chart/ChartStyle.vue +32 -0
- package/dist/runtime/components/ui/chart/ChartStyle.vue.d.ts +7 -0
- package/dist/runtime/components/ui/chart/ChartTooltipContent.d.vue.ts +32 -0
- package/dist/runtime/components/ui/chart/ChartTooltipContent.vue +93 -0
- package/dist/runtime/components/ui/chart/ChartTooltipContent.vue.d.ts +32 -0
- package/dist/runtime/components/ui/chart/index.d.ts +27 -0
- package/dist/runtime/components/ui/chart/index.js +8 -0
- package/dist/runtime/components/ui/chart/utils.d.ts +11 -0
- package/dist/runtime/components/ui/chart/utils.js +24 -0
- package/dist/runtime/components/ui/checkbox/Checkbox.vue +4 -2
- package/dist/runtime/components/ui/command/CommandDialog.vue +1 -0
- package/dist/runtime/components/ui/dialog/Dialog.vue +2 -1
- package/dist/runtime/components/ui/dropdown-menu/DropdownMenuContent.vue +1 -0
- package/dist/runtime/components/ui/dropdown-menu/DropdownMenuSubContent.vue +1 -0
- package/dist/runtime/components/ui/native-select/NativeSelectOptGroup.d.vue.ts +2 -2
- package/dist/runtime/components/ui/native-select/NativeSelectOptGroup.vue.d.ts +2 -2
- package/dist/runtime/components/ui/native-select/NativeSelectOption.d.vue.ts +2 -2
- package/dist/runtime/components/ui/native-select/NativeSelectOption.vue.d.ts +2 -2
- package/dist/runtime/components/ui/popover/PopoverContent.vue +2 -0
- package/dist/runtime/components/ui/select/Select.vue +1 -0
- package/dist/runtime/components/ui/select/SelectContent.vue +2 -0
- package/dist/runtime/components/ui/separator/Separator.d.vue.ts +1 -1
- package/dist/runtime/components/ui/separator/Separator.vue.d.ts +1 -1
- package/dist/runtime/components/ui/sheet/Sheet.vue +2 -1
- package/dist/runtime/components/ui/tabs/Tabs.d.vue.ts +2 -2
- package/dist/runtime/components/ui/tabs/Tabs.vue.d.ts +2 -2
- package/dist/runtime/components/ui/tooltip/TooltipProvider.vue +2 -1
- package/package.json +5 -3
- /package/dist/runtime/assets/svg/socials/{WhatsApp.svg → Whatsapp.svg} +0 -0
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { HTMLAttributes } from "vue";
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
hideIcon?: boolean;
|
|
4
|
+
nameKey?: string;
|
|
5
|
+
verticalAlign?: "bottom" | "top";
|
|
6
|
+
class?: HTMLAttributes["class"];
|
|
7
|
+
};
|
|
8
|
+
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
9
|
+
verticalAlign: "bottom" | "top";
|
|
10
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const _default: typeof __VLS_export;
|
|
12
|
+
export default _default;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { HTMLAttributes } from "vue";
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
id?: HTMLAttributes["id"];
|
|
4
|
+
};
|
|
5
|
+
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
6
|
+
declare const _default: typeof __VLS_export;
|
|
7
|
+
export default _default;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { Primitive } from "reka-ui";
|
|
3
|
+
import { computed } from "vue";
|
|
4
|
+
import { THEMES, useChart } from ".";
|
|
5
|
+
defineProps({
|
|
6
|
+
id: { type: null, required: false }
|
|
7
|
+
});
|
|
8
|
+
const { config } = useChart();
|
|
9
|
+
const colorConfig = computed(() => {
|
|
10
|
+
return Object.entries(config.value).filter(
|
|
11
|
+
([, config2]) => config2.theme || config2.color
|
|
12
|
+
);
|
|
13
|
+
});
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<template>
|
|
17
|
+
<Primitive
|
|
18
|
+
v-if="colorConfig.length"
|
|
19
|
+
as="style"
|
|
20
|
+
>
|
|
21
|
+
{{ Object.entries(THEMES).map(
|
|
22
|
+
([theme, prefix]) => `
|
|
23
|
+
${prefix} [data-chart=${id}] {
|
|
24
|
+
${colorConfig.map(([key, itemConfig]) => {
|
|
25
|
+
const color = itemConfig.theme?.[theme] || itemConfig.color;
|
|
26
|
+
return color ? ` --color-${key}: ${color};` : null;
|
|
27
|
+
}).join("\n")}
|
|
28
|
+
}
|
|
29
|
+
`
|
|
30
|
+
).join("\n") }}
|
|
31
|
+
</Primitive>
|
|
32
|
+
</template>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { HTMLAttributes } from "vue";
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
id?: HTMLAttributes["id"];
|
|
4
|
+
};
|
|
5
|
+
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
6
|
+
declare const _default: typeof __VLS_export;
|
|
7
|
+
export default _default;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { HTMLAttributes } from "vue";
|
|
2
|
+
import type { ChartConfig } from ".";
|
|
3
|
+
type __VLS_Props = {
|
|
4
|
+
hideLabel?: boolean;
|
|
5
|
+
hideIndicator?: boolean;
|
|
6
|
+
indicator?: "line" | "dot" | "dashed";
|
|
7
|
+
nameKey?: string;
|
|
8
|
+
labelKey?: string;
|
|
9
|
+
labelFormatter?: (d: number | Date) => string;
|
|
10
|
+
payload?: Record<string, any>;
|
|
11
|
+
config?: ChartConfig;
|
|
12
|
+
class?: HTMLAttributes["class"];
|
|
13
|
+
color?: string;
|
|
14
|
+
x?: number | Date;
|
|
15
|
+
};
|
|
16
|
+
declare var __VLS_1: {};
|
|
17
|
+
type __VLS_Slots = {} & {
|
|
18
|
+
default?: (props: typeof __VLS_1) => any;
|
|
19
|
+
};
|
|
20
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
21
|
+
config: ChartConfig;
|
|
22
|
+
payload: Record<string, any>;
|
|
23
|
+
indicator: "line" | "dot" | "dashed";
|
|
24
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
25
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
26
|
+
declare const _default: typeof __VLS_export;
|
|
27
|
+
export default _default;
|
|
28
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
29
|
+
new (): {
|
|
30
|
+
$slots: S;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import { computed } from "vue";
|
|
3
|
+
import { cn } from "#pukaad-ui/runtime/plugins/shadcn";
|
|
4
|
+
const props = defineProps({
|
|
5
|
+
hideLabel: { type: Boolean, required: false },
|
|
6
|
+
hideIndicator: { type: Boolean, required: false },
|
|
7
|
+
indicator: { type: String, required: false, default: "dot" },
|
|
8
|
+
nameKey: { type: String, required: false },
|
|
9
|
+
labelKey: { type: String, required: false },
|
|
10
|
+
labelFormatter: { type: Function, required: false },
|
|
11
|
+
payload: { type: Object, required: false, default: () => ({}) },
|
|
12
|
+
config: { type: null, required: false, default: () => ({}) },
|
|
13
|
+
class: { type: null, required: false },
|
|
14
|
+
color: { type: String, required: false },
|
|
15
|
+
x: { type: [Number, Date], required: false }
|
|
16
|
+
});
|
|
17
|
+
const payload = computed(() => {
|
|
18
|
+
return Object.entries(props.payload).map(([key, value]) => {
|
|
19
|
+
const itemConfig = props.config[key];
|
|
20
|
+
const indicatorColor = props.config[key]?.color ?? props.payload.fill;
|
|
21
|
+
return { key, value, itemConfig, indicatorColor };
|
|
22
|
+
}).filter((i) => i.itemConfig);
|
|
23
|
+
});
|
|
24
|
+
const nestLabel = computed(() => Object.keys(props.payload).length === 1 && props.indicator !== "dot");
|
|
25
|
+
const tooltipLabel = computed(() => {
|
|
26
|
+
if (props.hideLabel)
|
|
27
|
+
return null;
|
|
28
|
+
if (props.labelFormatter && props.x !== void 0) {
|
|
29
|
+
return props.labelFormatter(props.x);
|
|
30
|
+
}
|
|
31
|
+
return props.labelKey ? props.config[props.labelKey]?.label || props.payload[props.labelKey] : props.x;
|
|
32
|
+
});
|
|
33
|
+
</script>
|
|
34
|
+
|
|
35
|
+
<template>
|
|
36
|
+
<div
|
|
37
|
+
:class="cn(
|
|
38
|
+
'border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl',
|
|
39
|
+
props.class
|
|
40
|
+
)"
|
|
41
|
+
>
|
|
42
|
+
<slot>
|
|
43
|
+
<div v-if="!nestLabel && tooltipLabel" class="font-medium">
|
|
44
|
+
{{ tooltipLabel }}
|
|
45
|
+
</div>
|
|
46
|
+
<div class="grid gap-1.5">
|
|
47
|
+
<div
|
|
48
|
+
v-for="{ value, itemConfig, indicatorColor, key } in payload"
|
|
49
|
+
:key="key"
|
|
50
|
+
:class="
|
|
51
|
+
cn(
|
|
52
|
+
'[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5',
|
|
53
|
+
indicator === 'dot' && 'items-center'
|
|
54
|
+
)
|
|
55
|
+
"
|
|
56
|
+
>
|
|
57
|
+
<component :is="itemConfig.icon" v-if="itemConfig?.icon" />
|
|
58
|
+
<template v-else-if="!hideIndicator">
|
|
59
|
+
<div
|
|
60
|
+
:class="cn(
|
|
61
|
+
'shrink-0 rounded-xs border-(--color-border) bg-(--color-bg)',
|
|
62
|
+
{
|
|
63
|
+
'h-2.5 w-2.5': indicator === 'dot',
|
|
64
|
+
'w-1': indicator === 'line',
|
|
65
|
+
'w-0 border-[1.5px] border-dashed bg-transparent': indicator === 'dashed',
|
|
66
|
+
'my-0.5': nestLabel && indicator === 'dashed'
|
|
67
|
+
}
|
|
68
|
+
)"
|
|
69
|
+
:style="{
|
|
70
|
+
'--color-bg': indicatorColor,
|
|
71
|
+
'--color-border': indicatorColor
|
|
72
|
+
}"
|
|
73
|
+
/>
|
|
74
|
+
</template>
|
|
75
|
+
|
|
76
|
+
<div :class="cn('flex flex-1 justify-between leading-none', nestLabel ? 'items-end' : 'items-center')">
|
|
77
|
+
<div class="grid gap-1.5">
|
|
78
|
+
<div v-if="nestLabel" class="font-medium">
|
|
79
|
+
{{ tooltipLabel }}
|
|
80
|
+
</div>
|
|
81
|
+
<span class="text-muted-foreground">
|
|
82
|
+
{{ itemConfig?.label || value }}
|
|
83
|
+
</span>
|
|
84
|
+
</div>
|
|
85
|
+
<span v-if="value" class="text-foreground font-mono font-medium tabular-nums">
|
|
86
|
+
{{ value.toLocaleString() }}
|
|
87
|
+
</span>
|
|
88
|
+
</div>
|
|
89
|
+
</div>
|
|
90
|
+
</div>
|
|
91
|
+
</slot>
|
|
92
|
+
</div>
|
|
93
|
+
</template>
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { HTMLAttributes } from "vue";
|
|
2
|
+
import type { ChartConfig } from ".";
|
|
3
|
+
type __VLS_Props = {
|
|
4
|
+
hideLabel?: boolean;
|
|
5
|
+
hideIndicator?: boolean;
|
|
6
|
+
indicator?: "line" | "dot" | "dashed";
|
|
7
|
+
nameKey?: string;
|
|
8
|
+
labelKey?: string;
|
|
9
|
+
labelFormatter?: (d: number | Date) => string;
|
|
10
|
+
payload?: Record<string, any>;
|
|
11
|
+
config?: ChartConfig;
|
|
12
|
+
class?: HTMLAttributes["class"];
|
|
13
|
+
color?: string;
|
|
14
|
+
x?: number | Date;
|
|
15
|
+
};
|
|
16
|
+
declare var __VLS_1: {};
|
|
17
|
+
type __VLS_Slots = {} & {
|
|
18
|
+
default?: (props: typeof __VLS_1) => any;
|
|
19
|
+
};
|
|
20
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
21
|
+
config: ChartConfig;
|
|
22
|
+
payload: Record<string, any>;
|
|
23
|
+
indicator: "line" | "dot" | "dashed";
|
|
24
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
25
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
26
|
+
declare const _default: typeof __VLS_export;
|
|
27
|
+
export default _default;
|
|
28
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
29
|
+
new (): {
|
|
30
|
+
$slots: S;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { Component, Ref } from "vue";
|
|
2
|
+
export { default as ChartContainer } from "./ChartContainer.vue.js";
|
|
3
|
+
export { default as ChartLegendContent } from "./ChartLegendContent.vue.js";
|
|
4
|
+
export { default as ChartTooltipContent } from "./ChartTooltipContent.vue.js";
|
|
5
|
+
export { componentToString } from "./utils.js";
|
|
6
|
+
export declare const THEMES: {
|
|
7
|
+
readonly light: "";
|
|
8
|
+
readonly dark: ".dark";
|
|
9
|
+
};
|
|
10
|
+
export type ChartConfig = {
|
|
11
|
+
[k in string]: {
|
|
12
|
+
label?: string | Component;
|
|
13
|
+
icon?: string | Component;
|
|
14
|
+
} & ({
|
|
15
|
+
color?: string;
|
|
16
|
+
theme?: never;
|
|
17
|
+
} | {
|
|
18
|
+
color?: never;
|
|
19
|
+
theme: Record<keyof typeof THEMES, string>;
|
|
20
|
+
});
|
|
21
|
+
};
|
|
22
|
+
interface ChartContextProps {
|
|
23
|
+
id: string;
|
|
24
|
+
config: Ref<ChartConfig>;
|
|
25
|
+
}
|
|
26
|
+
export declare const useChart: <T extends ChartContextProps | null | undefined = ChartContextProps>(fallback?: T | undefined) => T extends null ? ChartContextProps | null : ChartContextProps, provideChartContext: (contextValue: ChartContextProps) => ChartContextProps;
|
|
27
|
+
export { VisCrosshair as ChartCrosshair, VisTooltip as ChartTooltip } from "@unovis/vue";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { createContext } from "reka-ui";
|
|
2
|
+
export { default as ChartContainer } from "./ChartContainer.vue";
|
|
3
|
+
export { default as ChartLegendContent } from "./ChartLegendContent.vue";
|
|
4
|
+
export { default as ChartTooltipContent } from "./ChartTooltipContent.vue";
|
|
5
|
+
export { componentToString } from "./utils.js";
|
|
6
|
+
export const THEMES = { light: "", dark: ".dark" };
|
|
7
|
+
export const [useChart, provideChartContext] = createContext("Chart");
|
|
8
|
+
export { VisCrosshair as ChartCrosshair, VisTooltip as ChartTooltip } from "@unovis/vue";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ChartConfig } from ".";
|
|
2
|
+
interface Constructor<P = any> {
|
|
3
|
+
__isFragment?: never;
|
|
4
|
+
__isTeleport?: never;
|
|
5
|
+
__isSuspense?: never;
|
|
6
|
+
new (...args: any[]): {
|
|
7
|
+
$props: P;
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
export declare function componentToString<P>(config: ChartConfig, component: Constructor<P>, props?: P): ((_data: any, x: number | Date) => string) | undefined;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { isClient } from "@vueuse/core";
|
|
2
|
+
import { useId } from "reka-ui";
|
|
3
|
+
import { h, render } from "vue";
|
|
4
|
+
const cache = /* @__PURE__ */ new Map();
|
|
5
|
+
function serializeKey(key) {
|
|
6
|
+
return JSON.stringify(key, Object.keys(key).sort());
|
|
7
|
+
}
|
|
8
|
+
export function componentToString(config, component, props) {
|
|
9
|
+
if (!isClient)
|
|
10
|
+
return;
|
|
11
|
+
const id = useId();
|
|
12
|
+
return (_data, x) => {
|
|
13
|
+
const data = "data" in _data ? _data.data : _data;
|
|
14
|
+
const serializedKey = `${id}-${serializeKey(data)}`;
|
|
15
|
+
const cachedContent = cache.get(serializedKey);
|
|
16
|
+
if (cachedContent)
|
|
17
|
+
return cachedContent;
|
|
18
|
+
const vnode = h(component, { ...props, payload: data, config, x });
|
|
19
|
+
const div = document.createElement("div");
|
|
20
|
+
render(vnode, div);
|
|
21
|
+
cache.set(serializedKey, div.innerHTML);
|
|
22
|
+
return div.innerHTML;
|
|
23
|
+
};
|
|
24
|
+
}
|
|
@@ -3,11 +3,13 @@ import { reactiveOmit } from "@vueuse/core";
|
|
|
3
3
|
import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from "reka-ui";
|
|
4
4
|
import { cn } from "#pukaad-ui/runtime/plugins/shadcn";
|
|
5
5
|
const props = defineProps({
|
|
6
|
-
defaultValue: { type:
|
|
7
|
-
modelValue: { type:
|
|
6
|
+
defaultValue: { type: null, required: false },
|
|
7
|
+
modelValue: { type: null, required: false },
|
|
8
8
|
disabled: { type: Boolean, required: false },
|
|
9
9
|
value: { type: null, required: false },
|
|
10
10
|
id: { type: String, required: false },
|
|
11
|
+
trueValue: { type: null, required: false },
|
|
12
|
+
falseValue: { type: null, required: false },
|
|
11
13
|
asChild: { type: Boolean, required: false },
|
|
12
14
|
as: { type: null, required: false },
|
|
13
15
|
name: { type: String, required: false },
|
|
@@ -6,6 +6,7 @@ const props = defineProps({
|
|
|
6
6
|
open: { type: Boolean, required: false },
|
|
7
7
|
defaultOpen: { type: Boolean, required: false },
|
|
8
8
|
modal: { type: Boolean, required: false },
|
|
9
|
+
unmountOnHide: { type: Boolean, required: false },
|
|
9
10
|
title: { type: String, required: false, default: "Command Palette" },
|
|
10
11
|
description: { type: String, required: false, default: "Search for a command to run..." }
|
|
11
12
|
});
|
|
@@ -3,7 +3,8 @@ import { DialogRoot, useForwardPropsEmits } from "reka-ui";
|
|
|
3
3
|
const props = defineProps({
|
|
4
4
|
open: { type: Boolean, required: false },
|
|
5
5
|
defaultOpen: { type: Boolean, required: false },
|
|
6
|
-
modal: { type: Boolean, required: false }
|
|
6
|
+
modal: { type: Boolean, required: false },
|
|
7
|
+
unmountOnHide: { type: Boolean, required: false }
|
|
7
8
|
});
|
|
8
9
|
const emits = defineEmits(["update:open"]);
|
|
9
10
|
const forwarded = useForwardPropsEmits(props, emits);
|
|
@@ -11,6 +11,7 @@ const props = defineProps({
|
|
|
11
11
|
preventOpenAutoFocus: { type: Boolean, required: false, default: false },
|
|
12
12
|
forceMount: { type: Boolean, required: false },
|
|
13
13
|
loop: { type: Boolean, required: false },
|
|
14
|
+
memoDependencies: { type: Array, required: false },
|
|
14
15
|
side: { type: null, required: false },
|
|
15
16
|
sideOffset: { type: Number, required: false, default: 4 },
|
|
16
17
|
sideFlip: { type: Boolean, required: false },
|
|
@@ -8,6 +8,7 @@ import { cn } from "#pukaad-ui/runtime/plugins/shadcn";
|
|
|
8
8
|
const props = defineProps({
|
|
9
9
|
forceMount: { type: Boolean, required: false },
|
|
10
10
|
loop: { type: Boolean, required: false },
|
|
11
|
+
memoDependencies: { type: Array, required: false },
|
|
11
12
|
sideOffset: { type: Number, required: false },
|
|
12
13
|
sideFlip: { type: Boolean, required: false },
|
|
13
14
|
alignOffset: { type: Number, required: false },
|
|
@@ -14,7 +14,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
|
|
|
14
14
|
dir?: string | undefined | undefined;
|
|
15
15
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
16
16
|
enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
17
|
-
enterKeyHint?: "search" | "done" | "
|
|
17
|
+
enterKeyHint?: "search" | "done" | "next" | "enter" | "go" | "previous" | "send" | undefined;
|
|
18
18
|
hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
|
|
19
19
|
id?: string | undefined | undefined;
|
|
20
20
|
inert?: (boolean | "true" | "false") | undefined;
|
|
@@ -208,7 +208,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
|
|
|
208
208
|
dir?: string | undefined | undefined;
|
|
209
209
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
210
210
|
enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
211
|
-
enterKeyHint?: "search" | "done" | "
|
|
211
|
+
enterKeyHint?: "search" | "done" | "next" | "enter" | "go" | "previous" | "send" | undefined;
|
|
212
212
|
hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
|
|
213
213
|
id?: string | undefined | undefined;
|
|
214
214
|
inert?: (boolean | "true" | "false") | undefined;
|
|
@@ -14,7 +14,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
|
|
|
14
14
|
dir?: string | undefined | undefined;
|
|
15
15
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
16
16
|
enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
17
|
-
enterKeyHint?: "search" | "done" | "
|
|
17
|
+
enterKeyHint?: "search" | "done" | "next" | "enter" | "go" | "previous" | "send" | undefined;
|
|
18
18
|
hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
|
|
19
19
|
id?: string | undefined | undefined;
|
|
20
20
|
inert?: (boolean | "true" | "false") | undefined;
|
|
@@ -208,7 +208,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
|
|
|
208
208
|
dir?: string | undefined | undefined;
|
|
209
209
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
210
210
|
enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
211
|
-
enterKeyHint?: "search" | "done" | "
|
|
211
|
+
enterKeyHint?: "search" | "done" | "next" | "enter" | "go" | "previous" | "send" | undefined;
|
|
212
212
|
hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
|
|
213
213
|
id?: string | undefined | undefined;
|
|
214
214
|
inert?: (boolean | "true" | "false") | undefined;
|
|
@@ -16,7 +16,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
|
|
|
16
16
|
dir?: string | undefined | undefined;
|
|
17
17
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
18
18
|
enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
19
|
-
enterKeyHint?: "search" | "done" | "
|
|
19
|
+
enterKeyHint?: "search" | "done" | "next" | "enter" | "go" | "previous" | "send" | undefined;
|
|
20
20
|
hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
|
|
21
21
|
id?: string | undefined | undefined;
|
|
22
22
|
inert?: (boolean | "true" | "false") | undefined;
|
|
@@ -212,7 +212,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
|
|
|
212
212
|
dir?: string | undefined | undefined;
|
|
213
213
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
214
214
|
enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
215
|
-
enterKeyHint?: "search" | "done" | "
|
|
215
|
+
enterKeyHint?: "search" | "done" | "next" | "enter" | "go" | "previous" | "send" | undefined;
|
|
216
216
|
hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
|
|
217
217
|
id?: string | undefined | undefined;
|
|
218
218
|
inert?: (boolean | "true" | "false") | undefined;
|
|
@@ -16,7 +16,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
|
|
|
16
16
|
dir?: string | undefined | undefined;
|
|
17
17
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
18
18
|
enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
19
|
-
enterKeyHint?: "search" | "done" | "
|
|
19
|
+
enterKeyHint?: "search" | "done" | "next" | "enter" | "go" | "previous" | "send" | undefined;
|
|
20
20
|
hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
|
|
21
21
|
id?: string | undefined | undefined;
|
|
22
22
|
inert?: (boolean | "true" | "false") | undefined;
|
|
@@ -212,7 +212,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
|
|
|
212
212
|
dir?: string | undefined | undefined;
|
|
213
213
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
214
214
|
enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
215
|
-
enterKeyHint?: "search" | "done" | "
|
|
215
|
+
enterKeyHint?: "search" | "done" | "next" | "enter" | "go" | "previous" | "send" | undefined;
|
|
216
216
|
hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
|
|
217
217
|
id?: string | undefined | undefined;
|
|
218
218
|
inert?: (boolean | "true" | "false") | undefined;
|
|
@@ -7,6 +7,7 @@ defineOptions({
|
|
|
7
7
|
});
|
|
8
8
|
const props = defineProps({
|
|
9
9
|
forceMount: { type: Boolean, required: false },
|
|
10
|
+
memoDependencies: { type: Array, required: false },
|
|
10
11
|
side: { type: null, required: false },
|
|
11
12
|
sideOffset: { type: Number, required: false, default: 4 },
|
|
12
13
|
sideFlip: { type: Boolean, required: false },
|
|
@@ -25,6 +26,7 @@ const props = defineProps({
|
|
|
25
26
|
disableUpdateOnLayoutShift: { type: Boolean, required: false },
|
|
26
27
|
prioritizePosition: { type: Boolean, required: false },
|
|
27
28
|
reference: { type: null, required: false },
|
|
29
|
+
dir: { type: String, required: false },
|
|
28
30
|
asChild: { type: Boolean, required: false },
|
|
29
31
|
as: { type: null, required: false },
|
|
30
32
|
disableOutsidePointerEvents: { type: Boolean, required: false },
|
|
@@ -5,6 +5,7 @@ const props = defineProps({
|
|
|
5
5
|
defaultOpen: { type: Boolean, required: false },
|
|
6
6
|
defaultValue: { type: null, required: false },
|
|
7
7
|
modelValue: { type: null, required: false },
|
|
8
|
+
nullableValue: { type: String, required: false },
|
|
8
9
|
by: { type: [String, Function], required: false },
|
|
9
10
|
dir: { type: String, required: false },
|
|
10
11
|
multiple: { type: Boolean, required: false },
|
|
@@ -15,6 +15,7 @@ const props = defineProps({
|
|
|
15
15
|
forceMount: { type: Boolean, required: false },
|
|
16
16
|
position: { type: String, required: false, default: "popper" },
|
|
17
17
|
bodyLock: { type: Boolean, required: false },
|
|
18
|
+
memoDependencies: { type: Array, required: false },
|
|
18
19
|
side: { type: null, required: false },
|
|
19
20
|
sideOffset: { type: Number, required: false },
|
|
20
21
|
sideFlip: { type: Boolean, required: false },
|
|
@@ -33,6 +34,7 @@ const props = defineProps({
|
|
|
33
34
|
disableUpdateOnLayoutShift: { type: Boolean, required: false },
|
|
34
35
|
prioritizePosition: { type: Boolean, required: false },
|
|
35
36
|
reference: { type: null, required: false },
|
|
37
|
+
dir: { type: String, required: false },
|
|
36
38
|
asChild: { type: Boolean, required: false },
|
|
37
39
|
as: { type: null, required: false },
|
|
38
40
|
disableOutsidePointerEvents: { type: Boolean, required: false },
|
|
@@ -4,7 +4,7 @@ type __VLS_Props = SeparatorProps & {
|
|
|
4
4
|
class?: HTMLAttributes["class"];
|
|
5
5
|
};
|
|
6
6
|
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
7
|
-
orientation: "
|
|
7
|
+
orientation: import("reka-ui").DataOrientation;
|
|
8
8
|
decorative: boolean;
|
|
9
9
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
10
10
|
declare const _default: typeof __VLS_export;
|
|
@@ -4,7 +4,7 @@ type __VLS_Props = SeparatorProps & {
|
|
|
4
4
|
class?: HTMLAttributes["class"];
|
|
5
5
|
};
|
|
6
6
|
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
7
|
-
orientation: "
|
|
7
|
+
orientation: import("reka-ui").DataOrientation;
|
|
8
8
|
decorative: boolean;
|
|
9
9
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
10
10
|
declare const _default: typeof __VLS_export;
|
|
@@ -3,7 +3,8 @@ import { DialogRoot, useForwardPropsEmits } from "reka-ui";
|
|
|
3
3
|
const props = defineProps({
|
|
4
4
|
open: { type: Boolean, required: false },
|
|
5
5
|
defaultOpen: { type: Boolean, required: false },
|
|
6
|
-
modal: { type: Boolean, required: false }
|
|
6
|
+
modal: { type: Boolean, required: false },
|
|
7
|
+
unmountOnHide: { type: Boolean, required: false }
|
|
7
8
|
});
|
|
8
9
|
const emits = defineEmits(["update:open"]);
|
|
9
10
|
const forwarded = useForwardPropsEmits(props, emits);
|
|
@@ -10,9 +10,9 @@ type __VLS_Slots = {} & {
|
|
|
10
10
|
default?: (props: typeof __VLS_8) => any;
|
|
11
11
|
};
|
|
12
12
|
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
13
|
-
"update:modelValue": (payload:
|
|
13
|
+
"update:modelValue": (payload: import("reka-ui").StringOrNumber) => any;
|
|
14
14
|
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
15
|
-
"onUpdate:modelValue"?: ((payload:
|
|
15
|
+
"onUpdate:modelValue"?: ((payload: import("reka-ui").StringOrNumber) => any) | undefined;
|
|
16
16
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
17
17
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
18
18
|
declare const _default: typeof __VLS_export;
|
|
@@ -10,9 +10,9 @@ type __VLS_Slots = {} & {
|
|
|
10
10
|
default?: (props: typeof __VLS_8) => any;
|
|
11
11
|
};
|
|
12
12
|
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
13
|
-
"update:modelValue": (payload:
|
|
13
|
+
"update:modelValue": (payload: import("reka-ui").StringOrNumber) => any;
|
|
14
14
|
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
15
|
-
"onUpdate:modelValue"?: ((payload:
|
|
15
|
+
"onUpdate:modelValue"?: ((payload: import("reka-ui").StringOrNumber) => any) | undefined;
|
|
16
16
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
17
17
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
18
18
|
declare const _default: typeof __VLS_export;
|
|
@@ -6,7 +6,8 @@ const props = defineProps({
|
|
|
6
6
|
disableHoverableContent: { type: Boolean, required: false },
|
|
7
7
|
disableClosingTrigger: { type: Boolean, required: false },
|
|
8
8
|
disabled: { type: Boolean, required: false },
|
|
9
|
-
ignoreNonKeyboardFocus: { type: Boolean, required: false }
|
|
9
|
+
ignoreNonKeyboardFocus: { type: Boolean, required: false },
|
|
10
|
+
content: { type: Object, required: false }
|
|
10
11
|
});
|
|
11
12
|
</script>
|
|
12
13
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "pukaad-ui-lib",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.333.0",
|
|
4
4
|
"description": "pukaad-ui for MeMSG",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -42,9 +42,11 @@
|
|
|
42
42
|
"@pinia/nuxt": "^0.11.3",
|
|
43
43
|
"@tailwindcss/vite": "^4.3.0",
|
|
44
44
|
"@tanstack/vue-table": "^8.21.3",
|
|
45
|
+
"@unovis/ts": "^1.6.6",
|
|
46
|
+
"@unovis/vue": "^1.6.6",
|
|
45
47
|
"@vee-validate/nuxt": "^4.15.0",
|
|
46
48
|
"@vee-validate/zod": "^4.15.1",
|
|
47
|
-
"@vueuse/core": "^14.
|
|
49
|
+
"@vueuse/core": "^14.3.0",
|
|
48
50
|
"@vueuse/nuxt": "^12.7.0",
|
|
49
51
|
"class-variance-authority": "^0.7.1",
|
|
50
52
|
"clsx": "^2.1.1",
|
|
@@ -54,7 +56,7 @@
|
|
|
54
56
|
"leaflet": "^1.9.4",
|
|
55
57
|
"nuxt-rating": "^0.1.6",
|
|
56
58
|
"quill": "^2.0.3",
|
|
57
|
-
"reka-ui": "^2.
|
|
59
|
+
"reka-ui": "^2.10.0",
|
|
58
60
|
"shadcn-nuxt": "^2.3.3",
|
|
59
61
|
"tailwind-merge": "^3.4.0",
|
|
60
62
|
"tailwind-variants": "^3.1.1",
|
|
File without changes
|