rimelight-components 2.1.18 → 2.1.19
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/module.mjs +1 -1
- package/dist/runtime/components/app/Footer.d.vue.ts +13 -8
- package/dist/runtime/components/app/Footer.vue +12 -7
- package/dist/runtime/components/app/Footer.vue.d.ts +13 -8
- package/dist/runtime/components/app/Header.d.vue.ts +19 -14
- package/dist/runtime/components/app/Header.vue +15 -10
- package/dist/runtime/components/app/Header.vue.d.ts +19 -14
- package/dist/runtime/components/app/HeaderLayer.d.vue.ts +8 -4
- package/dist/runtime/components/app/HeaderLayer.vue +13 -10
- package/dist/runtime/components/app/HeaderLayer.vue.d.ts +8 -4
- package/dist/runtime/components/app/Image.d.vue.ts +13 -1
- package/dist/runtime/components/app/Image.vue +10 -7
- package/dist/runtime/components/app/Image.vue.d.ts +13 -1
- package/dist/runtime/components/app/Logo.d.vue.ts +13 -1
- package/dist/runtime/components/app/Logo.vue +8 -4
- package/dist/runtime/components/app/Logo.vue.d.ts +13 -1
- package/dist/runtime/components/app/NewsletterSignup.d.vue.ts +13 -1
- package/dist/runtime/components/app/NewsletterSignup.vue +9 -4
- package/dist/runtime/components/app/NewsletterSignup.vue.d.ts +13 -1
- package/dist/runtime/components/app/ScrollToTop.d.vue.ts +17 -4
- package/dist/runtime/components/app/ScrollToTop.vue +20 -12
- package/dist/runtime/components/app/ScrollToTop.vue.d.ts +17 -4
- package/dist/runtime/components/blocks/Block.d.vue.ts +8 -4
- package/dist/runtime/components/blocks/Block.vue +9 -5
- package/dist/runtime/components/blocks/Block.vue.d.ts +8 -4
- package/dist/runtime/components/blocks/BlockEditRenderer.d.vue.ts +13 -1
- package/dist/runtime/components/blocks/BlockEditRenderer.vue +8 -4
- package/dist/runtime/components/blocks/BlockEditRenderer.vue.d.ts +13 -1
- package/dist/runtime/components/blocks/BlockEditor.d.vue.ts +13 -4
- package/dist/runtime/components/blocks/BlockEditor.vue +9 -4
- package/dist/runtime/components/blocks/BlockEditor.vue.d.ts +13 -4
- package/dist/runtime/components/blocks/BlockViewRenderer.d.vue.ts +13 -1
- package/dist/runtime/components/blocks/BlockViewRenderer.vue +8 -4
- package/dist/runtime/components/blocks/BlockViewRenderer.vue.d.ts +13 -1
- package/dist/runtime/components/blocks/TextRenderer.d.vue.ts +13 -1
- package/dist/runtime/components/blocks/TextRenderer.vue +12 -6
- package/dist/runtime/components/blocks/TextRenderer.vue.d.ts +13 -1
- package/dist/runtime/components/blocks/editor/CalloutBlockEditor.d.vue.ts +13 -1
- package/dist/runtime/components/blocks/editor/CalloutBlockEditor.vue +11 -5
- package/dist/runtime/components/blocks/editor/CalloutBlockEditor.vue.d.ts +13 -1
- package/dist/runtime/components/blocks/editor/CardBlockEditor.d.vue.ts +13 -1
- package/dist/runtime/components/blocks/editor/CardBlockEditor.vue +7 -3
- package/dist/runtime/components/blocks/editor/CardBlockEditor.vue.d.ts +13 -1
- package/dist/runtime/components/blocks/editor/ImageBlockEditor.d.vue.ts +21 -5
- package/dist/runtime/components/blocks/editor/ImageBlockEditor.vue +11 -7
- package/dist/runtime/components/blocks/editor/ImageBlockEditor.vue.d.ts +21 -5
- package/dist/runtime/components/blocks/editor/ParagraphBlockEditor.d.vue.ts +13 -1
- package/dist/runtime/components/blocks/editor/ParagraphBlockEditor.vue +12 -8
- package/dist/runtime/components/blocks/editor/ParagraphBlockEditor.vue.d.ts +13 -1
- package/dist/runtime/components/blocks/editor/SectionBlockEditor.d.vue.ts +15 -1
- package/dist/runtime/components/blocks/editor/SectionBlockEditor.vue +9 -5
- package/dist/runtime/components/blocks/editor/SectionBlockEditor.vue.d.ts +15 -1
- package/dist/runtime/components/blocks/editor/TestBlockEditor.d.vue.ts +13 -1
- package/dist/runtime/components/blocks/editor/TestBlockEditor.vue +7 -3
- package/dist/runtime/components/blocks/editor/TestBlockEditor.vue.d.ts +13 -1
- package/dist/runtime/components/blocks/renderer/CalloutBlockRenderer.d.vue.ts +13 -1
- package/dist/runtime/components/blocks/renderer/CalloutBlockRenderer.vue +11 -5
- package/dist/runtime/components/blocks/renderer/CalloutBlockRenderer.vue.d.ts +13 -1
- package/dist/runtime/components/blocks/renderer/CardBlockRenderer.d.vue.ts +13 -1
- package/dist/runtime/components/blocks/renderer/CardBlockRenderer.vue +7 -3
- package/dist/runtime/components/blocks/renderer/CardBlockRenderer.vue.d.ts +13 -1
- package/dist/runtime/components/blocks/renderer/ImageBlockRenderer.d.vue.ts +15 -1
- package/dist/runtime/components/blocks/renderer/ImageBlockRenderer.vue +9 -5
- package/dist/runtime/components/blocks/renderer/ImageBlockRenderer.vue.d.ts +15 -1
- package/dist/runtime/components/blocks/renderer/ParagraphBlockRenderer.d.vue.ts +13 -1
- package/dist/runtime/components/blocks/renderer/ParagraphBlockRenderer.vue +9 -3
- package/dist/runtime/components/blocks/renderer/ParagraphBlockRenderer.vue.d.ts +13 -1
- package/dist/runtime/components/blocks/renderer/SectionBlockRenderer.d.vue.ts +13 -1
- package/dist/runtime/components/blocks/renderer/SectionBlockRenderer.vue +11 -5
- package/dist/runtime/components/blocks/renderer/SectionBlockRenderer.vue.d.ts +13 -1
- package/dist/runtime/components/blocks/renderer/TestBlockRenderer.d.vue.ts +13 -1
- package/dist/runtime/components/blocks/renderer/TestBlockRenderer.vue +9 -3
- package/dist/runtime/components/blocks/renderer/TestBlockRenderer.vue.d.ts +13 -1
- package/dist/runtime/components/cards/TeamCard.d.vue.ts +11 -4
- package/dist/runtime/components/cards/TeamCard.vue +12 -8
- package/dist/runtime/components/cards/TeamCard.vue.d.ts +11 -4
- package/dist/runtime/components/content/Callout.d.vue.ts +8 -4
- package/dist/runtime/components/content/Callout.vue +11 -7
- package/dist/runtime/components/content/Callout.vue.d.ts +8 -4
- package/dist/runtime/components/content/Section.d.vue.ts +14 -10
- package/dist/runtime/components/content/Section.vue +14 -9
- package/dist/runtime/components/content/Section.vue.d.ts +14 -10
- package/dist/runtime/components/content/Test.d.vue.ts +7 -4
- package/dist/runtime/components/content/Test.vue +8 -4
- package/dist/runtime/components/content/Test.vue.d.ts +7 -4
- package/dist/runtime/components/nodes/LinkNode.d.vue.ts +13 -1
- package/dist/runtime/components/nodes/LinkNode.vue +8 -4
- package/dist/runtime/components/nodes/LinkNode.vue.d.ts +13 -1
- package/dist/runtime/components/nodes/TextNode.d.vue.ts +13 -1
- package/dist/runtime/components/nodes/TextNode.vue +8 -4
- package/dist/runtime/components/nodes/TextNode.vue.d.ts +13 -1
- package/dist/runtime/components/page/PageEditor.d.vue.ts +32 -5
- package/dist/runtime/components/page/PageEditor.vue +36 -24
- package/dist/runtime/components/page/PageEditor.vue.d.ts +32 -5
- package/dist/runtime/components/page/PageMention.d.vue.ts +16 -1
- package/dist/runtime/components/page/PageMention.vue +11 -7
- package/dist/runtime/components/page/PageMention.vue.d.ts +16 -1
- package/dist/runtime/components/page/PagePropertiesEditor.d.vue.ts +23 -1
- package/dist/runtime/components/page/PagePropertiesEditor.vue +83 -79
- package/dist/runtime/components/page/PagePropertiesEditor.vue.d.ts +23 -1
- package/dist/runtime/components/page/PagePropertiesRenderer.d.vue.ts +31 -1
- package/dist/runtime/components/page/PagePropertiesRenderer.vue +36 -32
- package/dist/runtime/components/page/PagePropertiesRenderer.vue.d.ts +31 -1
- package/dist/runtime/components/page/PageRenderer.d.vue.ts +23 -1
- package/dist/runtime/components/page/PageRenderer.vue +21 -17
- package/dist/runtime/components/page/PageRenderer.vue.d.ts +23 -1
- package/dist/runtime/components/page/PageSurround.d.vue.ts +21 -1
- package/dist/runtime/components/page/PageSurround.vue +25 -20
- package/dist/runtime/components/page/PageSurround.vue.d.ts +21 -1
- package/dist/runtime/components/page/PageTOC.d.vue.ts +10 -4
- package/dist/runtime/components/page/PageTOC.vue +10 -6
- package/dist/runtime/components/page/PageTOC.vue.d.ts +10 -4
- package/dist/runtime/components/page/modals/CreatePageModal.d.vue.ts +12 -4
- package/dist/runtime/components/page/modals/CreatePageModal.vue +13 -9
- package/dist/runtime/components/page/modals/CreatePageModal.vue.d.ts +12 -4
- package/dist/runtime/components/page/modals/DeletePageModal.d.vue.ts +14 -7
- package/dist/runtime/components/page/modals/DeletePageModal.vue +13 -9
- package/dist/runtime/components/page/modals/DeletePageModal.vue.d.ts +14 -7
- package/dist/runtime/components/swatches/ColorSwatch.d.vue.ts +19 -1
- package/dist/runtime/components/swatches/ColorSwatch.vue +29 -17
- package/dist/runtime/components/swatches/ColorSwatch.vue.d.ts +19 -1
- package/dist/runtime/components/swatches/FontSwatch.d.vue.ts +18 -1
- package/dist/runtime/components/swatches/FontSwatch.vue +16 -12
- package/dist/runtime/components/swatches/FontSwatch.vue.d.ts +18 -1
- package/dist/runtime/components/swatches/ImageSwatch.d.vue.ts +18 -1
- package/dist/runtime/components/swatches/ImageSwatch.vue +16 -12
- package/dist/runtime/components/swatches/ImageSwatch.vue.d.ts +18 -1
- package/dist/runtime/components/utilities/Placeholder.d.vue.ts +8 -4
- package/dist/runtime/components/utilities/Placeholder.vue +9 -4
- package/dist/runtime/components/utilities/Placeholder.vue.d.ts +8 -4
- package/dist/runtime/composables/index.d.ts +1 -0
- package/dist/runtime/composables/index.js +1 -0
- package/dist/runtime/composables/index.mjs +1 -0
- package/dist/runtime/composables/useRC.d.ts +3 -0
- package/dist/runtime/composables/useRC.js +14 -0
- package/dist/runtime/composables/useRC.mjs +14 -0
- package/dist/runtime/types/app.config.d.ts +6 -0
- package/dist/runtime/types/schemas.d.ts +2 -2
- package/dist/runtime/types/tv.d.ts +66 -0
- package/dist/runtime/types/tv.js +0 -0
- package/dist/runtime/types/tv.mjs +0 -0
- package/dist/runtime/utils/index.d.ts +1 -0
- package/dist/runtime/utils/index.js +1 -0
- package/dist/runtime/utils/index.mjs +1 -0
- package/dist/runtime/utils/tv.d.ts +1 -0
- package/dist/runtime/utils/tv.js +4 -0
- package/dist/runtime/utils/tv.mjs +4 -0
- package/package.json +1 -1
|
@@ -5,9 +5,27 @@ export interface ColorSwatchProps {
|
|
|
5
5
|
hsl?: string;
|
|
6
6
|
oklch?: string;
|
|
7
7
|
cmyk?: string;
|
|
8
|
+
rc?: {
|
|
9
|
+
card?: string;
|
|
10
|
+
title?: string;
|
|
11
|
+
content?: string;
|
|
12
|
+
preview?: string;
|
|
13
|
+
details?: string;
|
|
14
|
+
buttonGroup?: string;
|
|
15
|
+
button?: string;
|
|
16
|
+
};
|
|
8
17
|
}
|
|
9
18
|
export interface ColorSwatchEmits {
|
|
10
19
|
}
|
|
11
|
-
|
|
20
|
+
export interface ColorSwatchSlots {
|
|
21
|
+
}
|
|
22
|
+
type __VLS_Slots = ColorSwatchSlots;
|
|
23
|
+
declare const __VLS_base: import("vue").DefineComponent<ColorSwatchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorSwatchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
24
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
12
25
|
declare const _default: typeof __VLS_export;
|
|
13
26
|
export default _default;
|
|
27
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
28
|
+
new (): {
|
|
29
|
+
$slots: S;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
@@ -2,18 +2,20 @@
|
|
|
2
2
|
import { computed } from "vue";
|
|
3
3
|
import { useClipboard } from "@vueuse/core";
|
|
4
4
|
import { useToast } from "@nuxt/ui/composables";
|
|
5
|
-
import { tv } from "
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
const { name, hex, rgb, hsl, oklch, cmyk } = defineProps({
|
|
5
|
+
import { tv } from "../../utils/tv";
|
|
6
|
+
import { useRC } from "../../composables/useRC";
|
|
7
|
+
const { name, hex, rgb, hsl, oklch, cmyk, rc: rcProp } = defineProps({
|
|
9
8
|
name: { type: String, required: false },
|
|
10
9
|
hex: { type: String, required: false },
|
|
11
10
|
rgb: { type: String, required: false },
|
|
12
11
|
hsl: { type: String, required: false },
|
|
13
12
|
oklch: { type: String, required: false },
|
|
14
|
-
cmyk: { type: String, required: false }
|
|
13
|
+
cmyk: { type: String, required: false },
|
|
14
|
+
rc: { type: Object, required: false }
|
|
15
15
|
});
|
|
16
16
|
const emit = defineEmits([]);
|
|
17
|
+
const slots = defineSlots();
|
|
18
|
+
const { rc } = useRC("ColorSwatch", rcProp);
|
|
17
19
|
const colorSwatchStyles = tv({
|
|
18
20
|
slots: {
|
|
19
21
|
card: "w-full rounded-none xl:w-fit",
|
|
@@ -25,7 +27,17 @@ const colorSwatchStyles = tv({
|
|
|
25
27
|
button: "w-full xl:w-36"
|
|
26
28
|
}
|
|
27
29
|
});
|
|
28
|
-
const {
|
|
30
|
+
const {
|
|
31
|
+
card,
|
|
32
|
+
title: titleStyle,
|
|
33
|
+
content,
|
|
34
|
+
preview,
|
|
35
|
+
details,
|
|
36
|
+
buttonGroup,
|
|
37
|
+
button
|
|
38
|
+
} = colorSwatchStyles();
|
|
39
|
+
const { copy } = useClipboard();
|
|
40
|
+
const toast = useToast();
|
|
29
41
|
const copyToClipboard = async (text) => {
|
|
30
42
|
try {
|
|
31
43
|
await copy(`${text}`);
|
|
@@ -56,13 +68,13 @@ const color = computed(() => {
|
|
|
56
68
|
</script>
|
|
57
69
|
|
|
58
70
|
<template>
|
|
59
|
-
<UCard variant="subtle" :class="card()">
|
|
71
|
+
<UCard variant="subtle" :class="card({ class: rc.card })">
|
|
60
72
|
<template #header v-if="name">
|
|
61
|
-
<h3 :class="titleStyle()">{{ name }}</h3>
|
|
73
|
+
<h3 :class="titleStyle({ class: rc.title })">{{ name }}</h3>
|
|
62
74
|
</template>
|
|
63
|
-
<div :class="content()">
|
|
64
|
-
<div :class="preview()" :style="{ backgroundColor: color }">
|
|
65
|
-
<div :class="details()">
|
|
75
|
+
<div :class="content({ class: rc.content })">
|
|
76
|
+
<div :class="preview({ class: rc.preview })" :style="{ backgroundColor: color }">
|
|
77
|
+
<div :class="details({ class: rc.details })">
|
|
66
78
|
<span v-if="name" class="text-sm">{{ formatColor(name) }}</span>
|
|
67
79
|
<span v-if="hex">HEX {{ formatColor(hex) }}</span>
|
|
68
80
|
<span v-if="rgb">{{ formatColor(rgb) }}</span>
|
|
@@ -71,14 +83,14 @@ const color = computed(() => {
|
|
|
71
83
|
<span v-if="cmyk">{{ formatColor(cmyk) }}</span>
|
|
72
84
|
</div>
|
|
73
85
|
</div>
|
|
74
|
-
<div :class="buttonGroup()">
|
|
86
|
+
<div :class="buttonGroup({ class: rc.buttonGroup })">
|
|
75
87
|
<UButton
|
|
76
88
|
v-if="hex"
|
|
77
89
|
variant="outline"
|
|
78
90
|
size="sm"
|
|
79
91
|
icon="lucide:copy"
|
|
80
92
|
label="Copy HEX"
|
|
81
|
-
:class="button()"
|
|
93
|
+
:class="button({ class: rc.button })"
|
|
82
94
|
@click="copyToClipboard(hex)"
|
|
83
95
|
/>
|
|
84
96
|
<UButton
|
|
@@ -87,7 +99,7 @@ const color = computed(() => {
|
|
|
87
99
|
size="sm"
|
|
88
100
|
icon="lucide:copy"
|
|
89
101
|
label="Copy RGB"
|
|
90
|
-
:class="button()"
|
|
102
|
+
:class="button({ class: rc.button })"
|
|
91
103
|
@click="copyToClipboard(rgb)"
|
|
92
104
|
/>
|
|
93
105
|
<UButton
|
|
@@ -96,7 +108,7 @@ const color = computed(() => {
|
|
|
96
108
|
size="sm"
|
|
97
109
|
icon="lucide:copy"
|
|
98
110
|
label="Copy HSL"
|
|
99
|
-
:class="button()"
|
|
111
|
+
:class="button({ class: rc.button })"
|
|
100
112
|
@click="copyToClipboard(hsl)"
|
|
101
113
|
/>
|
|
102
114
|
<UButton
|
|
@@ -105,7 +117,7 @@ const color = computed(() => {
|
|
|
105
117
|
size="sm"
|
|
106
118
|
icon="lucide:copy"
|
|
107
119
|
label="Copy OKLCH"
|
|
108
|
-
:class="button()"
|
|
120
|
+
:class="button({ class: rc.button })"
|
|
109
121
|
@click="copyToClipboard(oklch)"
|
|
110
122
|
/>
|
|
111
123
|
<UButton
|
|
@@ -114,7 +126,7 @@ const color = computed(() => {
|
|
|
114
126
|
size="sm"
|
|
115
127
|
icon="lucide:copy"
|
|
116
128
|
label="Copy CMYK"
|
|
117
|
-
:class="button()"
|
|
129
|
+
:class="button({ class: rc.button })"
|
|
118
130
|
@click="copyToClipboard(cmyk)"
|
|
119
131
|
/>
|
|
120
132
|
</div>
|
|
@@ -5,9 +5,27 @@ export interface ColorSwatchProps {
|
|
|
5
5
|
hsl?: string;
|
|
6
6
|
oklch?: string;
|
|
7
7
|
cmyk?: string;
|
|
8
|
+
rc?: {
|
|
9
|
+
card?: string;
|
|
10
|
+
title?: string;
|
|
11
|
+
content?: string;
|
|
12
|
+
preview?: string;
|
|
13
|
+
details?: string;
|
|
14
|
+
buttonGroup?: string;
|
|
15
|
+
button?: string;
|
|
16
|
+
};
|
|
8
17
|
}
|
|
9
18
|
export interface ColorSwatchEmits {
|
|
10
19
|
}
|
|
11
|
-
|
|
20
|
+
export interface ColorSwatchSlots {
|
|
21
|
+
}
|
|
22
|
+
type __VLS_Slots = ColorSwatchSlots;
|
|
23
|
+
declare const __VLS_base: import("vue").DefineComponent<ColorSwatchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorSwatchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
24
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
12
25
|
declare const _default: typeof __VLS_export;
|
|
13
26
|
export default _default;
|
|
27
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
28
|
+
new (): {
|
|
29
|
+
$slots: S;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
@@ -4,9 +4,26 @@ export interface FontSwatchProps {
|
|
|
4
4
|
png?: string;
|
|
5
5
|
webp?: string;
|
|
6
6
|
svg?: string;
|
|
7
|
+
rc?: {
|
|
8
|
+
card?: string;
|
|
9
|
+
title?: string;
|
|
10
|
+
content?: string;
|
|
11
|
+
actions?: string;
|
|
12
|
+
buttonGroup?: string;
|
|
13
|
+
button?: string;
|
|
14
|
+
};
|
|
7
15
|
}
|
|
8
16
|
export interface FontSwatchEmits {
|
|
9
17
|
}
|
|
10
|
-
|
|
18
|
+
export interface FontSwatchSlots {
|
|
19
|
+
}
|
|
20
|
+
type __VLS_Slots = FontSwatchSlots;
|
|
21
|
+
declare const __VLS_base: import("vue").DefineComponent<FontSwatchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FontSwatchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
22
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
11
23
|
declare const _default: typeof __VLS_export;
|
|
12
24
|
export default _default;
|
|
25
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
26
|
+
new (): {
|
|
27
|
+
$slots: S;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
<script setup>
|
|
2
2
|
import { computed } from "vue";
|
|
3
|
-
import { tv } from "
|
|
4
|
-
|
|
3
|
+
import { tv } from "../../utils/tv";
|
|
4
|
+
import { useRC } from "../../composables/useRC";
|
|
5
|
+
const { name, jpg, png, webp, svg, rc: rcProp } = defineProps({
|
|
5
6
|
name: { type: String, required: false },
|
|
6
7
|
jpg: { type: String, required: false },
|
|
7
8
|
png: { type: String, required: false },
|
|
8
9
|
webp: { type: String, required: false },
|
|
9
|
-
svg: { type: String, required: false }
|
|
10
|
+
svg: { type: String, required: false },
|
|
11
|
+
rc: { type: Object, required: false }
|
|
10
12
|
});
|
|
11
13
|
const emit = defineEmits([]);
|
|
14
|
+
const slots = defineSlots();
|
|
15
|
+
const { rc } = useRC("FontSwatch", rcProp);
|
|
12
16
|
const fontSwatchStyles = tv({
|
|
13
17
|
slots: {
|
|
14
18
|
card: "w-full rounded-none xl:w-fit",
|
|
@@ -30,12 +34,12 @@ const image = computed(() => {
|
|
|
30
34
|
</script>
|
|
31
35
|
|
|
32
36
|
<template>
|
|
33
|
-
<UCard variant="subtle" :class="card()">
|
|
37
|
+
<UCard variant="subtle" :class="card({ class: rc.card })">
|
|
34
38
|
<template #header v-if="name">
|
|
35
|
-
<h3 :class="titleStyle()">{{ name }}</h3>
|
|
39
|
+
<h3 :class="titleStyle({ class: rc.title })">{{ name }}</h3>
|
|
36
40
|
<span></span>
|
|
37
41
|
</template>
|
|
38
|
-
<div :class="content()">
|
|
42
|
+
<div :class="content({ class: rc.content })">
|
|
39
43
|
<h1>H1</h1>
|
|
40
44
|
<p>{{}}</p>
|
|
41
45
|
</div>
|
|
@@ -44,15 +48,15 @@ const image = computed(() => {
|
|
|
44
48
|
<p>a b c d e f g h i j k l m n o p q r s t u v w x y z</p>
|
|
45
49
|
<p>A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</p>
|
|
46
50
|
<p></p>
|
|
47
|
-
<div :class="actions()">
|
|
48
|
-
<div :class="buttonGroup()">
|
|
51
|
+
<div :class="actions({ class: rc.actions })">
|
|
52
|
+
<div :class="buttonGroup({ class: rc.buttonGroup })">
|
|
49
53
|
<UButton
|
|
50
54
|
v-if="jpg"
|
|
51
55
|
variant="outline"
|
|
52
56
|
size="sm"
|
|
53
57
|
icon="lucide:download"
|
|
54
58
|
label="Download JPG"
|
|
55
|
-
:class="button()"
|
|
59
|
+
:class="button({ class: rc.button })"
|
|
56
60
|
:to="jpg"
|
|
57
61
|
target="_blank"
|
|
58
62
|
/>
|
|
@@ -62,7 +66,7 @@ const image = computed(() => {
|
|
|
62
66
|
size="sm"
|
|
63
67
|
icon="lucide:download"
|
|
64
68
|
label="Download PNG"
|
|
65
|
-
:class="button()"
|
|
69
|
+
:class="button({ class: rc.button })"
|
|
66
70
|
:to="png"
|
|
67
71
|
target="_blank"
|
|
68
72
|
/>
|
|
@@ -72,7 +76,7 @@ const image = computed(() => {
|
|
|
72
76
|
size="sm"
|
|
73
77
|
icon="lucide:download"
|
|
74
78
|
label="Download WEBP"
|
|
75
|
-
:class="button()"
|
|
79
|
+
:class="button({ class: rc.button })"
|
|
76
80
|
:to="webp"
|
|
77
81
|
target="_blank"
|
|
78
82
|
/>
|
|
@@ -82,7 +86,7 @@ const image = computed(() => {
|
|
|
82
86
|
size="sm"
|
|
83
87
|
icon="lucide:download"
|
|
84
88
|
label="Download SVG"
|
|
85
|
-
:class="button()"
|
|
89
|
+
:class="button({ class: rc.button })"
|
|
86
90
|
:to="svg"
|
|
87
91
|
target="_blank"
|
|
88
92
|
/>
|
|
@@ -4,9 +4,26 @@ export interface FontSwatchProps {
|
|
|
4
4
|
png?: string;
|
|
5
5
|
webp?: string;
|
|
6
6
|
svg?: string;
|
|
7
|
+
rc?: {
|
|
8
|
+
card?: string;
|
|
9
|
+
title?: string;
|
|
10
|
+
content?: string;
|
|
11
|
+
actions?: string;
|
|
12
|
+
buttonGroup?: string;
|
|
13
|
+
button?: string;
|
|
14
|
+
};
|
|
7
15
|
}
|
|
8
16
|
export interface FontSwatchEmits {
|
|
9
17
|
}
|
|
10
|
-
|
|
18
|
+
export interface FontSwatchSlots {
|
|
19
|
+
}
|
|
20
|
+
type __VLS_Slots = FontSwatchSlots;
|
|
21
|
+
declare const __VLS_base: import("vue").DefineComponent<FontSwatchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FontSwatchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
22
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
11
23
|
declare const _default: typeof __VLS_export;
|
|
12
24
|
export default _default;
|
|
25
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
26
|
+
new (): {
|
|
27
|
+
$slots: S;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
@@ -4,9 +4,26 @@ export interface ImageSwatchProps {
|
|
|
4
4
|
png?: string;
|
|
5
5
|
webp?: string;
|
|
6
6
|
svg?: string;
|
|
7
|
+
rc?: {
|
|
8
|
+
card?: string;
|
|
9
|
+
title?: string;
|
|
10
|
+
content?: string;
|
|
11
|
+
image?: string;
|
|
12
|
+
buttonGroup?: string;
|
|
13
|
+
button?: string;
|
|
14
|
+
};
|
|
7
15
|
}
|
|
8
16
|
export interface ImageSwatchEmits {
|
|
9
17
|
}
|
|
10
|
-
|
|
18
|
+
export interface ImageSwatchSlots {
|
|
19
|
+
}
|
|
20
|
+
type __VLS_Slots = ImageSwatchSlots;
|
|
21
|
+
declare const __VLS_base: import("vue").DefineComponent<ImageSwatchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageSwatchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
22
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
11
23
|
declare const _default: typeof __VLS_export;
|
|
12
24
|
export default _default;
|
|
25
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
26
|
+
new (): {
|
|
27
|
+
$slots: S;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
<script setup>
|
|
2
2
|
import { computed } from "vue";
|
|
3
|
-
import { tv } from "
|
|
4
|
-
|
|
3
|
+
import { tv } from "../../utils/tv";
|
|
4
|
+
import { useRC } from "../../composables/useRC";
|
|
5
|
+
const { name, jpg, png, webp, svg, rc: rcProp } = defineProps({
|
|
5
6
|
name: { type: String, required: false },
|
|
6
7
|
jpg: { type: String, required: false },
|
|
7
8
|
png: { type: String, required: false },
|
|
8
9
|
webp: { type: String, required: false },
|
|
9
|
-
svg: { type: String, required: false }
|
|
10
|
+
svg: { type: String, required: false },
|
|
11
|
+
rc: { type: Object, required: false }
|
|
10
12
|
});
|
|
11
13
|
const emit = defineEmits([]);
|
|
14
|
+
const slots = defineSlots();
|
|
15
|
+
const { rc } = useRC("ImageSwatch", rcProp);
|
|
12
16
|
const imageSwatchStyles = tv({
|
|
13
17
|
slots: {
|
|
14
18
|
card: "w-full rounded-none xl:w-fit",
|
|
@@ -30,20 +34,20 @@ const image = computed(() => {
|
|
|
30
34
|
</script>
|
|
31
35
|
|
|
32
36
|
<template>
|
|
33
|
-
<UCard variant="subtle" :class="card()">
|
|
37
|
+
<UCard variant="subtle" :class="card({ class: rc.card })">
|
|
34
38
|
<template #header v-if="name">
|
|
35
|
-
<h3 :class="titleStyle()">{{ name }}</h3>
|
|
39
|
+
<h3 :class="titleStyle({ class: rc.title })">{{ name }}</h3>
|
|
36
40
|
</template>
|
|
37
|
-
<div :class="content()">
|
|
38
|
-
<NuxtImg :src="image" :class="imageStyle()" />
|
|
39
|
-
<div :class="buttonGroup()">
|
|
41
|
+
<div :class="content({ class: rc.content })">
|
|
42
|
+
<NuxtImg :src="image" :class="imageStyle({ class: rc.image })" />
|
|
43
|
+
<div :class="buttonGroup({ class: rc.buttonGroup })">
|
|
40
44
|
<UButton
|
|
41
45
|
v-if="jpg"
|
|
42
46
|
variant="outline"
|
|
43
47
|
size="sm"
|
|
44
48
|
icon="lucide:download"
|
|
45
49
|
label="Download JPG"
|
|
46
|
-
:class="button()"
|
|
50
|
+
:class="button({ class: rc.button })"
|
|
47
51
|
:to="jpg"
|
|
48
52
|
target="_blank"
|
|
49
53
|
/>
|
|
@@ -53,7 +57,7 @@ const image = computed(() => {
|
|
|
53
57
|
size="sm"
|
|
54
58
|
icon="lucide:download"
|
|
55
59
|
label="Download PNG"
|
|
56
|
-
:class="button()"
|
|
60
|
+
:class="button({ class: rc.button })"
|
|
57
61
|
:to="png"
|
|
58
62
|
target="_blank"
|
|
59
63
|
/>
|
|
@@ -63,7 +67,7 @@ const image = computed(() => {
|
|
|
63
67
|
size="sm"
|
|
64
68
|
icon="lucide:download"
|
|
65
69
|
label="Download WEBP"
|
|
66
|
-
:class="button()"
|
|
70
|
+
:class="button({ class: rc.button })"
|
|
67
71
|
:to="webp"
|
|
68
72
|
target="_blank"
|
|
69
73
|
/>
|
|
@@ -73,7 +77,7 @@ const image = computed(() => {
|
|
|
73
77
|
size="sm"
|
|
74
78
|
icon="lucide:download"
|
|
75
79
|
label="Download SVG"
|
|
76
|
-
:class="button()"
|
|
80
|
+
:class="button({ class: rc.button })"
|
|
77
81
|
:to="svg"
|
|
78
82
|
target="_blank"
|
|
79
83
|
/>
|
|
@@ -4,9 +4,26 @@ export interface ImageSwatchProps {
|
|
|
4
4
|
png?: string;
|
|
5
5
|
webp?: string;
|
|
6
6
|
svg?: string;
|
|
7
|
+
rc?: {
|
|
8
|
+
card?: string;
|
|
9
|
+
title?: string;
|
|
10
|
+
content?: string;
|
|
11
|
+
image?: string;
|
|
12
|
+
buttonGroup?: string;
|
|
13
|
+
button?: string;
|
|
14
|
+
};
|
|
7
15
|
}
|
|
8
16
|
export interface ImageSwatchEmits {
|
|
9
17
|
}
|
|
10
|
-
|
|
18
|
+
export interface ImageSwatchSlots {
|
|
19
|
+
}
|
|
20
|
+
type __VLS_Slots = ImageSwatchSlots;
|
|
21
|
+
declare const __VLS_base: import("vue").DefineComponent<ImageSwatchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageSwatchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
22
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
11
23
|
declare const _default: typeof __VLS_export;
|
|
12
24
|
export default _default;
|
|
25
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
26
|
+
new (): {
|
|
27
|
+
$slots: S;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
export interface PlaceholderProps {
|
|
2
|
+
rc?: {
|
|
3
|
+
base?: string;
|
|
4
|
+
svg?: string;
|
|
5
|
+
};
|
|
2
6
|
}
|
|
3
7
|
export interface PlaceholderEmits {
|
|
4
8
|
}
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
+
export interface PlaceholderSlots {
|
|
10
|
+
default: (props: {}) => any;
|
|
11
|
+
}
|
|
12
|
+
type __VLS_Slots = PlaceholderSlots;
|
|
9
13
|
declare const __VLS_base: import("vue").DefineComponent<PlaceholderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PlaceholderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
10
14
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
11
15
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
<script setup>
|
|
2
|
-
import { tv } from "
|
|
3
|
-
|
|
2
|
+
import { tv } from "../../utils/tv";
|
|
3
|
+
import { useRC } from "../../composables/useRC";
|
|
4
|
+
const { rc: rcProp } = defineProps({
|
|
5
|
+
rc: { type: Object, required: false }
|
|
6
|
+
});
|
|
4
7
|
const emit = defineEmits([]);
|
|
8
|
+
const slots = defineSlots();
|
|
9
|
+
const { rc } = useRC("Placeholder", rcProp);
|
|
5
10
|
const placeholderStyles = tv({
|
|
6
11
|
slots: {
|
|
7
12
|
base: "relative flex items-center justify-center overflow-hidden rounded-sm border border-dashed border-accented px-4 opacity-75",
|
|
@@ -12,8 +17,8 @@ const { base, svg } = placeholderStyles();
|
|
|
12
17
|
</script>
|
|
13
18
|
|
|
14
19
|
<template>
|
|
15
|
-
<div :class="base()">
|
|
16
|
-
<svg :class="svg()">
|
|
20
|
+
<div :class="base({ class: rc.base })">
|
|
21
|
+
<svg :class="svg({ class: rc.svg })">
|
|
17
22
|
<defs>
|
|
18
23
|
<pattern
|
|
19
24
|
id="pattern-5c1e4f0e-62d5-498b-8ff0-cf77bb448c8e"
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
export interface PlaceholderProps {
|
|
2
|
+
rc?: {
|
|
3
|
+
base?: string;
|
|
4
|
+
svg?: string;
|
|
5
|
+
};
|
|
2
6
|
}
|
|
3
7
|
export interface PlaceholderEmits {
|
|
4
8
|
}
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
+
export interface PlaceholderSlots {
|
|
10
|
+
default: (props: {}) => any;
|
|
11
|
+
}
|
|
12
|
+
type __VLS_Slots = PlaceholderSlots;
|
|
9
13
|
declare const __VLS_base: import("vue").DefineComponent<PlaceholderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PlaceholderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
10
14
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
11
15
|
declare const _default: typeof __VLS_export;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export declare function useRC<T extends Record<string, any>>(namespace: string, propsProp: T | undefined): {
|
|
2
|
+
rc: import("vue").ComputedRef<T | (T extends any ? T : Omit<T, keyof T & (string | number | symbol)> & Omit<any, keyof T & (string | number | symbol)> & { -readonly [Key in keyof T & (string | number | symbol)]: T[Key] extends void | null | undefined ? any : T[Key] | (T[Key] extends infer T_1 ? T_1 extends T[Key] ? T_1 extends void | null | undefined ? any : T_1 | (T_1 extends any[] ? any : T_1 extends Function ? any : T_1 extends RegExp ? any : T_1 extends Promise<any> ? any : any) : never : never); })>;
|
|
3
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { computed } from "vue";
|
|
2
|
+
import { useAppConfig } from "#imports";
|
|
3
|
+
import { defu } from "defu";
|
|
4
|
+
export function useRC(namespace, propsProp) {
|
|
5
|
+
const appConfig = useAppConfig();
|
|
6
|
+
const rc = computed(() => {
|
|
7
|
+
const config = appConfig.rimelightComponents || {};
|
|
8
|
+
const conf = config[namespace] || config[namespace.toLowerCase()] || {};
|
|
9
|
+
return defu(propsProp || {}, conf.slots || conf);
|
|
10
|
+
});
|
|
11
|
+
return {
|
|
12
|
+
rc
|
|
13
|
+
};
|
|
14
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { computed } from "vue";
|
|
2
|
+
import { useAppConfig } from "#imports";
|
|
3
|
+
import { defu } from "defu";
|
|
4
|
+
export function useRC(namespace, propsProp) {
|
|
5
|
+
const appConfig = useAppConfig();
|
|
6
|
+
const rc = computed(() => {
|
|
7
|
+
const config = appConfig.rimelightComponents || {};
|
|
8
|
+
const conf = config[namespace] || config[namespace.toLowerCase()] || {};
|
|
9
|
+
return defu(propsProp || {}, conf.slots || conf);
|
|
10
|
+
});
|
|
11
|
+
return {
|
|
12
|
+
rc
|
|
13
|
+
};
|
|
14
|
+
}
|
|
@@ -5,12 +5,12 @@ import { type Localized } from "./index.js";
|
|
|
5
5
|
*/
|
|
6
6
|
export declare const LocalizedSchema: <T extends z.ZodTypeAny>(schema: T) => z.ZodType<Localized<z.infer<T>>>;
|
|
7
7
|
export declare const linkVariantEnum: z.ZodEnum<{
|
|
8
|
-
link: "link";
|
|
9
8
|
solid: "solid";
|
|
10
9
|
outline: "outline";
|
|
11
10
|
soft: "soft";
|
|
12
11
|
subtle: "subtle";
|
|
13
12
|
ghost: "ghost";
|
|
13
|
+
link: "link";
|
|
14
14
|
}>;
|
|
15
15
|
export declare const linkColorEnum: z.ZodEnum<{
|
|
16
16
|
primary: "primary";
|
|
@@ -44,12 +44,12 @@ export declare const LinkSchema: z.ZodObject<{
|
|
|
44
44
|
error: "error";
|
|
45
45
|
}>>;
|
|
46
46
|
variant: z.ZodOptional<z.ZodEnum<{
|
|
47
|
-
link: "link";
|
|
48
47
|
solid: "solid";
|
|
49
48
|
outline: "outline";
|
|
50
49
|
soft: "soft";
|
|
51
50
|
subtle: "subtle";
|
|
52
51
|
ghost: "ghost";
|
|
52
|
+
link: "link";
|
|
53
53
|
}>>;
|
|
54
54
|
}, z.core.$strip>;
|
|
55
55
|
export type Link = z.infer<typeof LinkSchema>;
|