@bitrix24/b24ui-nuxt 0.5.11 → 0.6.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/.nuxt/b24ui/advice.ts +10 -2
- package/.nuxt/b24ui/alert.ts +10 -2
- package/.nuxt/b24ui/avatar-group.ts +10 -2
- package/.nuxt/b24ui/avatar.ts +10 -2
- package/.nuxt/b24ui/badge.ts +10 -2
- package/.nuxt/b24ui/button-group.ts +10 -2
- package/.nuxt/b24ui/button.ts +16 -6
- package/.nuxt/b24ui/calendar.ts +10 -2
- package/.nuxt/b24ui/checkbox.ts +10 -2
- package/.nuxt/b24ui/chip.ts +10 -2
- package/.nuxt/b24ui/collapsible.ts +10 -2
- package/.nuxt/b24ui/container.ts +10 -2
- package/.nuxt/b24ui/countdown.ts +10 -2
- package/.nuxt/b24ui/description-list.ts +10 -2
- package/.nuxt/b24ui/dropdown-menu.ts +10 -2
- package/.nuxt/b24ui/form-field.ts +10 -2
- package/.nuxt/b24ui/form.ts +10 -2
- package/.nuxt/b24ui/input-menu.ts +12 -4
- package/.nuxt/b24ui/input-number.ts +10 -2
- package/.nuxt/b24ui/input.ts +10 -2
- package/.nuxt/b24ui/kbd.ts +10 -2
- package/.nuxt/b24ui/link.ts +10 -2
- package/.nuxt/b24ui/modal.ts +10 -2
- package/.nuxt/b24ui/navbar-divider.ts +10 -2
- package/.nuxt/b24ui/navbar-section.ts +10 -2
- package/.nuxt/b24ui/navbar-spacer.ts +10 -2
- package/.nuxt/b24ui/navbar.ts +10 -2
- package/.nuxt/b24ui/navigation-menu.ts +10 -2
- package/.nuxt/b24ui/popover.ts +10 -2
- package/.nuxt/b24ui/progress.ts +10 -2
- package/.nuxt/b24ui/radio-group.ts +10 -2
- package/.nuxt/b24ui/range.ts +10 -2
- package/.nuxt/b24ui/select-menu.ts +14 -6
- package/.nuxt/b24ui/select.ts +12 -4
- package/.nuxt/b24ui/separator.ts +10 -2
- package/.nuxt/b24ui/sidebar-body.ts +10 -2
- package/.nuxt/b24ui/sidebar-footer.ts +10 -2
- package/.nuxt/b24ui/sidebar-header.ts +10 -2
- package/.nuxt/b24ui/sidebar-heading.ts +10 -2
- package/.nuxt/b24ui/sidebar-layout.ts +10 -2
- package/.nuxt/b24ui/sidebar-section.ts +10 -2
- package/.nuxt/b24ui/sidebar-spacer.ts +10 -2
- package/.nuxt/b24ui/sidebar.ts +10 -2
- package/.nuxt/b24ui/skeleton.ts +10 -2
- package/.nuxt/b24ui/slideover.ts +10 -2
- package/.nuxt/b24ui/stacked-layout.ts +10 -2
- package/.nuxt/b24ui/switch.ts +10 -2
- package/.nuxt/b24ui/tabs.ts +10 -2
- package/.nuxt/b24ui/textarea.ts +10 -2
- package/.nuxt/b24ui/toast.ts +10 -2
- package/.nuxt/b24ui/toaster.ts +10 -2
- package/.nuxt/b24ui/tooltip.ts +10 -2
- package/cli/templates.mjs +19 -15
- package/dist/meta.d.mts +5675 -7513
- package/dist/meta.mjs +5675 -7513
- package/dist/module.json +3 -3
- package/dist/module.mjs +2 -2
- package/dist/runtime/components/Advice.vue +27 -55
- package/dist/runtime/components/Advice.vue.d.ts +56 -0
- package/dist/runtime/components/Alert.vue +35 -97
- package/dist/runtime/components/Alert.vue.d.ts +97 -0
- package/dist/runtime/components/App.vue +24 -34
- package/dist/runtime/components/App.vue.d.ts +23 -0
- package/dist/runtime/components/Avatar.vue +43 -82
- package/dist/runtime/components/Avatar.vue.d.ts +62 -0
- package/dist/runtime/components/AvatarGroup.vue +40 -77
- package/dist/runtime/components/AvatarGroup.vue.d.ts +40 -0
- package/dist/runtime/components/Badge.vue +40 -84
- package/dist/runtime/components/Badge.vue.d.ts +78 -0
- package/dist/runtime/components/Button.vue +107 -164
- package/dist/runtime/components/Button.vue.d.ts +115 -0
- package/dist/runtime/components/ButtonGroup.vue +25 -52
- package/dist/runtime/components/ButtonGroup.vue.d.ts +63 -0
- package/dist/runtime/components/Calendar.vue +73 -153
- package/dist/runtime/components/Calendar.vue.d.ts +107 -0
- package/dist/runtime/components/Checkbox.vue +42 -74
- package/dist/runtime/components/Checkbox.vue.d.ts +55 -0
- package/dist/runtime/components/Chip.vue +26 -75
- package/dist/runtime/components/Chip.vue.d.ts +77 -0
- package/dist/runtime/components/Collapsible.vue +22 -41
- package/dist/runtime/components/Collapsible.vue.d.ts +50 -0
- package/dist/runtime/components/Container.vue +15 -28
- package/dist/runtime/components/Container.vue.d.ts +27 -0
- package/dist/runtime/components/Countdown.vue +153 -379
- package/dist/runtime/components/Countdown.vue.d.ts +122 -0
- package/dist/runtime/components/DescriptionList.vue +78 -150
- package/dist/runtime/components/DescriptionList.vue.d.ts +109 -0
- package/dist/runtime/components/DropdownMenu.vue +38 -140
- package/dist/runtime/components/DropdownMenu.vue.d.ts +133 -0
- package/dist/runtime/components/DropdownMenuContent.vue +65 -79
- package/dist/runtime/components/DropdownMenuContent.vue.d.ts +51 -0
- package/dist/runtime/components/Form.vue +132 -218
- package/dist/runtime/components/Form.vue.d.ts +55 -0
- package/dist/runtime/components/FormField.vue +36 -81
- package/dist/runtime/components/FormField.vue.d.ts +73 -0
- package/dist/runtime/components/Input.vue +79 -180
- package/dist/runtime/components/Input.vue.d.ts +135 -0
- package/dist/runtime/components/InputMenu.vue +185 -382
- package/dist/runtime/components/InputMenu.vue.d.ts +357 -0
- package/dist/runtime/components/InputNumber.vue +77 -176
- package/dist/runtime/components/InputNumber.vue.d.ts +238 -0
- package/dist/runtime/components/Kbd.vue +20 -46
- package/dist/runtime/components/Kbd.vue.d.ts +55 -0
- package/dist/runtime/components/Link.vue +99 -179
- package/dist/runtime/components/Link.vue.d.ts +129 -0
- package/dist/runtime/components/LinkBase.vue +33 -42
- package/dist/runtime/components/LinkBase.vue.d.ts +48 -0
- package/dist/runtime/components/Modal.vue +48 -128
- package/dist/runtime/components/Modal.vue.d.ts +124 -0
- package/dist/runtime/components/ModalDialogClose.vue +5 -8
- package/dist/runtime/components/ModalDialogClose.vue.d.ts +10 -0
- package/dist/runtime/components/Navbar.vue +15 -33
- package/dist/runtime/components/Navbar.vue.d.ts +46 -0
- package/dist/runtime/components/NavbarDivider.vue +15 -33
- package/dist/runtime/components/NavbarDivider.vue.d.ts +46 -0
- package/dist/runtime/components/NavbarSection.vue +15 -33
- package/dist/runtime/components/NavbarSection.vue.d.ts +46 -0
- package/dist/runtime/components/NavbarSpacer.vue +15 -33
- package/dist/runtime/components/NavbarSpacer.vue.d.ts +46 -0
- package/dist/runtime/components/NavigationMenu.vue +74 -209
- package/dist/runtime/components/NavigationMenu.vue.d.ts +159 -0
- package/dist/runtime/components/OverlayProvider.vue +14 -18
- package/dist/runtime/components/OverlayProvider.vue.d.ts +2 -0
- package/dist/runtime/components/Popover.vue +40 -82
- package/dist/runtime/components/Popover.vue.d.ts +79 -0
- package/dist/runtime/components/Progress.vue +70 -137
- package/dist/runtime/components/Progress.vue.d.ts +103 -0
- package/dist/runtime/components/RadioGroup.vue +59 -135
- package/dist/runtime/components/RadioGroup.vue.d.ts +88 -0
- package/dist/runtime/components/Range.vue +46 -86
- package/dist/runtime/components/Range.vue.d.ts +73 -0
- package/dist/runtime/components/Select.vue +110 -261
- package/dist/runtime/components/Select.vue.d.ts +170 -0
- package/dist/runtime/components/SelectMenu.vue +161 -348
- package/dist/runtime/components/SelectMenu.vue.d.ts +217 -0
- package/dist/runtime/components/Separator.vue +28 -72
- package/dist/runtime/components/Separator.vue.d.ts +77 -0
- package/dist/runtime/components/Sidebar.vue +15 -33
- package/dist/runtime/components/Sidebar.vue.d.ts +46 -0
- package/dist/runtime/components/SidebarBody.vue +17 -39
- package/dist/runtime/components/SidebarBody.vue.d.ts +53 -0
- package/dist/runtime/components/SidebarFooter.vue +15 -33
- package/dist/runtime/components/SidebarFooter.vue.d.ts +46 -0
- package/dist/runtime/components/SidebarHeader.vue +15 -33
- package/dist/runtime/components/SidebarHeader.vue.d.ts +46 -0
- package/dist/runtime/components/SidebarHeading.vue +15 -33
- package/dist/runtime/components/SidebarHeading.vue.d.ts +46 -0
- package/dist/runtime/components/SidebarLayout.vue +34 -71
- package/dist/runtime/components/SidebarLayout.vue.d.ts +65 -0
- package/dist/runtime/components/SidebarSection.vue +15 -33
- package/dist/runtime/components/SidebarSection.vue.d.ts +46 -0
- package/dist/runtime/components/SidebarSpacer.vue +15 -33
- package/dist/runtime/components/SidebarSpacer.vue.d.ts +46 -0
- package/dist/runtime/components/Skeleton.vue +14 -23
- package/dist/runtime/components/Skeleton.vue.d.ts +26 -0
- package/dist/runtime/components/Slideover.vue +50 -132
- package/dist/runtime/components/Slideover.vue.d.ts +127 -0
- package/dist/runtime/components/StackedLayout.vue +34 -74
- package/dist/runtime/components/StackedLayout.vue.d.ts +65 -0
- package/dist/runtime/components/Switch.vue +46 -96
- package/dist/runtime/components/Switch.vue.d.ts +77 -0
- package/dist/runtime/components/Tabs.vue +41 -106
- package/dist/runtime/components/Tabs.vue.d.ts +104 -0
- package/dist/runtime/components/Textarea.vue +92 -202
- package/dist/runtime/components/Textarea.vue.d.ts +141 -0
- package/dist/runtime/components/Toast.vue +47 -106
- package/dist/runtime/components/Toast.vue.d.ts +95 -0
- package/dist/runtime/components/Toaster.vue +70 -116
- package/dist/runtime/components/Toaster.vue.d.ts +70 -0
- package/dist/runtime/components/Tooltip.vue +36 -65
- package/dist/runtime/components/Tooltip.vue.d.ts +65 -0
- package/dist/runtime/components/content/TableWrapper.vue +24 -71
- package/dist/runtime/components/content/TableWrapper.vue.d.ts +83 -0
- package/dist/runtime/composables/useAvatarGroup.d.ts +1 -1
- package/dist/runtime/composables/useButtonGroup.d.ts +2 -2
- package/dist/runtime/composables/useComponentIcons.d.ts +3 -3
- package/dist/runtime/composables/useFormField.d.ts +2 -2
- package/dist/runtime/composables/useOverlay.d.ts +14 -7
- package/dist/runtime/composables/useOverlay.js +14 -6
- package/dist/runtime/prose/A.vue +16 -26
- package/dist/runtime/prose/A.vue.d.ts +27 -0
- package/dist/runtime/prose/Blockquote.vue +14 -26
- package/dist/runtime/prose/Blockquote.vue.d.ts +27 -0
- package/dist/runtime/prose/Code.vue +15 -32
- package/dist/runtime/prose/Code.vue.d.ts +31 -0
- package/dist/runtime/prose/Em.vue +16 -26
- package/dist/runtime/prose/Em.vue.d.ts +27 -0
- package/dist/runtime/prose/H1.vue +14 -26
- package/dist/runtime/prose/H1.vue.d.ts +27 -0
- package/dist/runtime/prose/H2.vue +14 -26
- package/dist/runtime/prose/H2.vue.d.ts +27 -0
- package/dist/runtime/prose/H3.vue +14 -26
- package/dist/runtime/prose/H3.vue.d.ts +27 -0
- package/dist/runtime/prose/H4.vue +14 -26
- package/dist/runtime/prose/H4.vue.d.ts +27 -0
- package/dist/runtime/prose/H5.vue +14 -26
- package/dist/runtime/prose/H5.vue.d.ts +27 -0
- package/dist/runtime/prose/H6.vue +14 -26
- package/dist/runtime/prose/H6.vue.d.ts +27 -0
- package/dist/runtime/prose/Hr.vue +13 -22
- package/dist/runtime/prose/Hr.vue.d.ts +19 -0
- package/dist/runtime/prose/Img.vue +13 -26
- package/dist/runtime/prose/Img.vue.d.ts +19 -0
- package/dist/runtime/prose/Li.vue +14 -26
- package/dist/runtime/prose/Li.vue.d.ts +27 -0
- package/dist/runtime/prose/Ol.vue +14 -26
- package/dist/runtime/prose/Ol.vue.d.ts +27 -0
- package/dist/runtime/prose/P.vue +14 -26
- package/dist/runtime/prose/P.vue.d.ts +27 -0
- package/dist/runtime/prose/Pre.vue +17 -33
- package/dist/runtime/prose/Pre.vue.d.ts +47 -0
- package/dist/runtime/prose/Strong.vue +14 -26
- package/dist/runtime/prose/Strong.vue.d.ts +27 -0
- package/dist/runtime/prose/Table.vue +21 -57
- package/dist/runtime/prose/Table.vue.d.ts +74 -0
- package/dist/runtime/prose/Tbody.vue +14 -26
- package/dist/runtime/prose/Tbody.vue.d.ts +27 -0
- package/dist/runtime/prose/Td.vue +14 -26
- package/dist/runtime/prose/Td.vue.d.ts +27 -0
- package/dist/runtime/prose/Th.vue +14 -26
- package/dist/runtime/prose/Th.vue.d.ts +27 -0
- package/dist/runtime/prose/Thead.vue +14 -26
- package/dist/runtime/prose/Thead.vue.d.ts +27 -0
- package/dist/runtime/prose/Tr.vue +14 -26
- package/dist/runtime/prose/Tr.vue.d.ts +27 -0
- package/dist/runtime/prose/Ul.vue +14 -26
- package/dist/runtime/prose/Ul.vue.d.ts +27 -0
- package/dist/runtime/types/form.d.ts +1 -0
- package/dist/runtime/types/utils.d.ts +42 -3
- package/dist/runtime/utils/link.d.ts +3 -3
- package/dist/runtime/utils/tv.js +2 -2
- package/dist/runtime/vue/components/Link.vue +122 -208
- package/dist/runtime/vue/components/Link.vue.d.ts +129 -0
- package/dist/shared/{b24ui-nuxt.CS9Lf0os.mjs → b24ui-nuxt.wBs9vEU5.mjs} +33 -8
- package/dist/types.d.mts +3 -5
- package/dist/unplugin.mjs +1 -1
- package/dist/vite.mjs +1 -1
- package/package.json +19 -27
- package/dist/meta.cjs +0 -72112
- package/dist/meta.d.cts +0 -72110
- package/dist/meta.d.ts +0 -72110
- package/dist/module.cjs +0 -63
- package/dist/module.d.cts +0 -15
- package/dist/module.d.ts +0 -15
- package/dist/shared/b24ui-nuxt.DrKwIWoc.cjs +0 -7721
- package/dist/types.d.ts +0 -7
- package/dist/unplugin.cjs +0 -236
- package/dist/unplugin.d.cts +0 -33
- package/dist/unplugin.d.ts +0 -33
- package/dist/vite.cjs +0 -21
- package/dist/vite.d.cts +0 -14
- package/dist/vite.d.ts +0 -14
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import type { AppConfig } from '@nuxt/schema';
|
|
2
|
+
import theme from '#build/b24ui/content/table-wrapper';
|
|
3
|
+
import type { ComponentConfig } from '../../types/utils';
|
|
4
|
+
type TableWrapper = ComponentConfig<typeof theme, AppConfig, 'tableWrapper', 'b24ui.content'>;
|
|
5
|
+
export interface TableWrapperProps {
|
|
6
|
+
/**
|
|
7
|
+
* The element or component this component should render as.
|
|
8
|
+
* @defaultValue 'div'
|
|
9
|
+
*/
|
|
10
|
+
as?: any;
|
|
11
|
+
/**
|
|
12
|
+
* @defaultValue 'md'
|
|
13
|
+
*/
|
|
14
|
+
size?: TableWrapper['variants']['size'];
|
|
15
|
+
/**
|
|
16
|
+
* @defaultValue false
|
|
17
|
+
*/
|
|
18
|
+
rounded?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* @defaultValue false
|
|
21
|
+
*/
|
|
22
|
+
zebra?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* @defaultValue false
|
|
25
|
+
*/
|
|
26
|
+
pinRows?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* @defaultValue false
|
|
29
|
+
*/
|
|
30
|
+
pinCols?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* @defaultValue false
|
|
33
|
+
*/
|
|
34
|
+
rowHover?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* @defaultValue false
|
|
37
|
+
*/
|
|
38
|
+
bordered?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* @defaultValue true
|
|
41
|
+
*/
|
|
42
|
+
scrollbarThin?: boolean;
|
|
43
|
+
class?: any;
|
|
44
|
+
b24ui?: TableWrapper['slots'];
|
|
45
|
+
}
|
|
46
|
+
export interface TableWrapperSlots {
|
|
47
|
+
default(props?: {}): any;
|
|
48
|
+
}
|
|
49
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<TableWrapperProps>, {
|
|
50
|
+
as: string;
|
|
51
|
+
scrollbarThin: boolean;
|
|
52
|
+
}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<TableWrapperProps>, {
|
|
53
|
+
as: string;
|
|
54
|
+
scrollbarThin: boolean;
|
|
55
|
+
}>>> & Readonly<{}>, {
|
|
56
|
+
as: any;
|
|
57
|
+
scrollbarThin: boolean;
|
|
58
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
59
|
+
default?(_: {}): any;
|
|
60
|
+
}>;
|
|
61
|
+
export default _default;
|
|
62
|
+
type __VLS_WithDefaults<P, D> = {
|
|
63
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
|
|
64
|
+
default: D[K];
|
|
65
|
+
}> : P[K];
|
|
66
|
+
};
|
|
67
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
68
|
+
type __VLS_TypePropsToOption<T> = {
|
|
69
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
70
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
71
|
+
} : {
|
|
72
|
+
type: import('vue').PropType<T[K]>;
|
|
73
|
+
required: true;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
77
|
+
new (): {
|
|
78
|
+
$slots: S;
|
|
79
|
+
};
|
|
80
|
+
};
|
|
81
|
+
type __VLS_PrettifyLocal<T> = {
|
|
82
|
+
[K in keyof T]: T[K];
|
|
83
|
+
} & {};
|
|
@@ -6,5 +6,5 @@ export declare const avatarGroupInjectionKey: InjectionKey<ComputedRef<{
|
|
|
6
6
|
export declare function useAvatarGroup(props: {
|
|
7
7
|
size: AvatarGroupProps['size'];
|
|
8
8
|
}): {
|
|
9
|
-
size: ComputedRef<
|
|
9
|
+
size: ComputedRef<"md" | "3xs" | "2xs" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | undefined>;
|
|
10
10
|
};
|
|
@@ -10,8 +10,8 @@ type Props<T> = {
|
|
|
10
10
|
size?: GetObjectField<T, 'size'>;
|
|
11
11
|
};
|
|
12
12
|
export declare function useButtonGroup<T>(props: Props<T>): {
|
|
13
|
-
orientation: ComputedRef<
|
|
14
|
-
size: ComputedRef<
|
|
13
|
+
orientation: ComputedRef<"horizontal" | "vertical" | undefined>;
|
|
14
|
+
size: ComputedRef<"md" | "xs" | "sm" | "lg" | NonNullable<GetObjectField<T, "size">> | undefined>;
|
|
15
15
|
noSplit: ComputedRef<boolean>;
|
|
16
16
|
};
|
|
17
17
|
export {};
|
|
@@ -20,8 +20,8 @@ export interface UseComponentIconsProps {
|
|
|
20
20
|
trailingIcon?: IconComponent;
|
|
21
21
|
}
|
|
22
22
|
export declare function useComponentIcons(componentProps: MaybeRefOrGetter<UseComponentIconsProps>): {
|
|
23
|
-
isLeading: import("vue").ComputedRef<
|
|
23
|
+
isLeading: import("vue").ComputedRef<true | AvatarProps | undefined>;
|
|
24
24
|
isTrailing: import("vue").ComputedRef<boolean>;
|
|
25
|
-
leadingIconName: import("vue").ComputedRef<
|
|
26
|
-
trailingIconName: import("vue").ComputedRef<
|
|
25
|
+
leadingIconName: import("vue").ComputedRef<import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}> | undefined>;
|
|
26
|
+
trailingIconName: import("vue").ComputedRef<import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}> | undefined>;
|
|
27
27
|
};
|
|
@@ -26,12 +26,12 @@ export declare function useFormField<T>(props?: Props<T>, opts?: {
|
|
|
26
26
|
}): {
|
|
27
27
|
id: ComputedRef<string | undefined>;
|
|
28
28
|
name: ComputedRef<string | undefined>;
|
|
29
|
-
size: ComputedRef<
|
|
29
|
+
size: ComputedRef<"md" | "xs" | "sm" | "lg" | NonNullable<GetObjectField<T, "size">> | undefined>;
|
|
30
30
|
color: ComputedRef<"danger" | GetObjectField<T, "color"> | undefined>;
|
|
31
31
|
highlight: ComputedRef<boolean | undefined>;
|
|
32
32
|
disabled: ComputedRef<boolean | undefined>;
|
|
33
33
|
emitFormBlur: () => void;
|
|
34
|
-
emitFormInput: import("@vueuse/core").
|
|
34
|
+
emitFormInput: import("@vueuse/core").UseDebounceFnReturn<() => void>;
|
|
35
35
|
emitFormChange: () => void;
|
|
36
36
|
emitFormFocus: () => void;
|
|
37
37
|
ariaAttrs: ComputedRef<{
|
|
@@ -6,22 +6,29 @@ export type OverlayOptions<OverlayAttrs = Record<string, any>> = {
|
|
|
6
6
|
props?: OverlayAttrs;
|
|
7
7
|
destroyOnClose?: boolean;
|
|
8
8
|
};
|
|
9
|
-
|
|
9
|
+
interface ManagedOverlayOptionsPrivate<T extends Component> {
|
|
10
10
|
component?: T;
|
|
11
11
|
id: symbol;
|
|
12
12
|
isMounted: boolean;
|
|
13
|
-
|
|
14
|
-
resolvePromise?: (value:
|
|
15
|
-
}
|
|
13
|
+
isOpen: boolean;
|
|
14
|
+
resolvePromise?: (value: any) => void;
|
|
15
|
+
}
|
|
16
16
|
export type Overlay = OverlayOptions<Component> & ManagedOverlayOptionsPrivate<Component>;
|
|
17
|
-
interface OverlayInstance<T> {
|
|
18
|
-
|
|
17
|
+
interface OverlayInstance<T extends Component> extends Omit<ManagedOverlayOptionsPrivate<T>, 'component'> {
|
|
18
|
+
id: symbol;
|
|
19
|
+
result: Promise<CloseEventArgType<ComponentEmit<T>>>;
|
|
20
|
+
open: (props?: ComponentProps<T>) => Omit<OverlayInstance<T>, 'open' | 'close' | 'patch' | 'modelValue' | 'resolvePromise'>;
|
|
19
21
|
close: (value?: any) => void;
|
|
20
22
|
patch: (props: Partial<ComponentProps<T>>) => void;
|
|
21
23
|
}
|
|
22
24
|
declare function _useOverlay(): {
|
|
23
25
|
overlays: import("vue").ShallowReactive<Overlay[]>;
|
|
24
|
-
open: <T extends Component>(id: symbol, props?: ComponentProps<T>) =>
|
|
26
|
+
open: <T extends Component>(id: symbol, props?: ComponentProps<T>) => {
|
|
27
|
+
id: symbol;
|
|
28
|
+
isMounted: boolean;
|
|
29
|
+
isOpen: boolean;
|
|
30
|
+
result: Promise<any>;
|
|
31
|
+
};
|
|
25
32
|
close: (id: symbol, value?: any) => void;
|
|
26
33
|
create: <T extends Component>(component: T, _options?: OverlayOptions<ComponentProps<T>>) => OverlayInstance<T>;
|
|
27
34
|
patch: <T extends Component>(id: symbol, props: Partial<ComponentProps<T>>) => void;
|
|
@@ -6,7 +6,7 @@ function _useOverlay() {
|
|
|
6
6
|
const { props, defaultOpen, destroyOnClose } = _options || {};
|
|
7
7
|
const options = reactive({
|
|
8
8
|
id: Symbol(import.meta.dev ? "useOverlay" : ""),
|
|
9
|
-
|
|
9
|
+
isOpen: !!defaultOpen,
|
|
10
10
|
component: markRaw(component),
|
|
11
11
|
isMounted: !!defaultOpen,
|
|
12
12
|
destroyOnClose: !!destroyOnClose,
|
|
@@ -14,6 +14,9 @@ function _useOverlay() {
|
|
|
14
14
|
});
|
|
15
15
|
overlays.push(options);
|
|
16
16
|
return {
|
|
17
|
+
...options,
|
|
18
|
+
result: new Promise(() => {
|
|
19
|
+
}),
|
|
17
20
|
open: (props2) => open(options.id, props2),
|
|
18
21
|
close: (value) => close(options.id, value),
|
|
19
22
|
patch: (props2) => patch(options.id, props2)
|
|
@@ -24,15 +27,20 @@ function _useOverlay() {
|
|
|
24
27
|
if (props) {
|
|
25
28
|
patch(overlay.id, props);
|
|
26
29
|
}
|
|
27
|
-
overlay.
|
|
30
|
+
overlay.isOpen = true;
|
|
28
31
|
overlay.isMounted = true;
|
|
29
|
-
return
|
|
30
|
-
|
|
31
|
-
|
|
32
|
+
return {
|
|
33
|
+
id,
|
|
34
|
+
isMounted: overlay.isMounted,
|
|
35
|
+
isOpen: overlay.isOpen,
|
|
36
|
+
result: new Promise((resolve) => {
|
|
37
|
+
overlay.resolvePromise = resolve;
|
|
38
|
+
})
|
|
39
|
+
};
|
|
32
40
|
};
|
|
33
41
|
const close = (id, value) => {
|
|
34
42
|
const overlay = getOverlay(id);
|
|
35
|
-
overlay.
|
|
43
|
+
overlay.isOpen = false;
|
|
36
44
|
if (overlay.resolvePromise) {
|
|
37
45
|
overlay.resolvePromise(value);
|
|
38
46
|
overlay.resolvePromise = void 0;
|
package/dist/runtime/prose/A.vue
CHANGED
|
@@ -1,32 +1,22 @@
|
|
|
1
|
-
<script
|
|
2
|
-
import
|
|
3
|
-
import _appConfig from '#build/app.config'
|
|
4
|
-
import theme from '#build/b24ui/prose/a'
|
|
5
|
-
import { tv } from '../utils/tv'
|
|
6
|
-
|
|
7
|
-
const appConfigProseA = _appConfig as AppConfig & { b24ui: { prose: { a: Partial<typeof theme> } } }
|
|
8
|
-
|
|
9
|
-
const proseA = tv({ extend: tv(theme), ...(appConfigProseA.b24ui?.prose?.a || {}) })
|
|
10
|
-
|
|
11
|
-
export interface proseAProps {
|
|
12
|
-
class?: any
|
|
13
|
-
b24ui?: Partial<typeof proseA.slots>
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export interface proseASlots {
|
|
17
|
-
default(props?: {}): any
|
|
18
|
-
}
|
|
1
|
+
<script>
|
|
2
|
+
import theme from "#build/b24ui/prose/a";
|
|
19
3
|
</script>
|
|
20
4
|
|
|
21
|
-
<script setup
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
const
|
|
5
|
+
<script setup>
|
|
6
|
+
import { computed } from "vue";
|
|
7
|
+
import { useAppConfig } from "#imports";
|
|
8
|
+
import { tv } from "../utils/tv";
|
|
9
|
+
const props = defineProps({
|
|
10
|
+
class: { type: null, required: false },
|
|
11
|
+
b24ui: { type: null, required: false }
|
|
12
|
+
});
|
|
13
|
+
defineSlots();
|
|
14
|
+
const appConfig = useAppConfig();
|
|
15
|
+
const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.a || {} })());
|
|
26
16
|
</script>
|
|
27
17
|
|
|
28
18
|
<template>
|
|
29
|
-
<a
|
|
30
|
-
|
|
31
|
-
|
|
19
|
+
<a :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
|
|
20
|
+
<slot />
|
|
21
|
+
</a>
|
|
32
22
|
</template>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { AppConfig } from '@nuxt/schema';
|
|
2
|
+
import theme from '#build/b24ui/prose/a';
|
|
3
|
+
import type { ComponentConfig } from '../types/utils';
|
|
4
|
+
type ProseA = ComponentConfig<typeof theme, AppConfig, 'a', 'b24ui.prose'>;
|
|
5
|
+
export interface ProseAProps {
|
|
6
|
+
class?: any;
|
|
7
|
+
b24ui?: ProseA['slots'];
|
|
8
|
+
}
|
|
9
|
+
export interface ProseASlots {
|
|
10
|
+
default(props?: {}): any;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseAProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseAProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<ProseASlots> & ProseASlots>;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
15
|
+
type __VLS_TypePropsToOption<T> = {
|
|
16
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
17
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
18
|
+
} : {
|
|
19
|
+
type: import('vue').PropType<T[K]>;
|
|
20
|
+
required: true;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -1,34 +1,22 @@
|
|
|
1
|
-
<script
|
|
2
|
-
import
|
|
3
|
-
import _appConfig from '#build/app.config'
|
|
4
|
-
import theme from '#build/b24ui/prose/blockquote'
|
|
5
|
-
import { tv } from '../utils/tv'
|
|
6
|
-
|
|
7
|
-
const appConfigProseBlockquote = _appConfig as AppConfig & { b24ui: { prose: { blockquote: Partial<typeof theme> } } }
|
|
8
|
-
|
|
9
|
-
const proseBlockquote = tv({ extend: tv(theme), ...(appConfigProseBlockquote.b24ui?.prose?.blockquote || {}) })
|
|
10
|
-
|
|
11
|
-
export interface proseBlockquoteProps {
|
|
12
|
-
class?: any
|
|
13
|
-
b24ui?: Partial<typeof proseBlockquote.slots>
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export interface proseBlockquoteSlots {
|
|
17
|
-
default(props?: {}): any
|
|
18
|
-
}
|
|
1
|
+
<script>
|
|
2
|
+
import theme from "#build/b24ui/prose/blockquote";
|
|
19
3
|
</script>
|
|
20
4
|
|
|
21
|
-
<script setup
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
const
|
|
5
|
+
<script setup>
|
|
6
|
+
import { computed } from "vue";
|
|
7
|
+
import { useAppConfig } from "#imports";
|
|
8
|
+
import { tv } from "../utils/tv";
|
|
9
|
+
const props = defineProps({
|
|
10
|
+
class: { type: null, required: false },
|
|
11
|
+
b24ui: { type: null, required: false }
|
|
12
|
+
});
|
|
13
|
+
defineSlots();
|
|
14
|
+
const appConfig = useAppConfig();
|
|
15
|
+
const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.blockquote || {} })());
|
|
26
16
|
</script>
|
|
27
17
|
|
|
28
18
|
<template>
|
|
29
|
-
<blockquote
|
|
30
|
-
:class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
|
|
31
|
-
>
|
|
19
|
+
<blockquote :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
|
|
32
20
|
<slot />
|
|
33
21
|
</blockquote>
|
|
34
22
|
</template>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { AppConfig } from '@nuxt/schema';
|
|
2
|
+
import theme from '#build/b24ui/prose/blockquote';
|
|
3
|
+
import type { ComponentConfig } from '../types/utils';
|
|
4
|
+
type ProseBlockquote = ComponentConfig<typeof theme, AppConfig, 'blockquote', 'b24ui.prose'>;
|
|
5
|
+
export interface ProseBlockquoteProps {
|
|
6
|
+
class?: any;
|
|
7
|
+
b24ui?: ProseBlockquote['slots'];
|
|
8
|
+
}
|
|
9
|
+
export interface ProseBlockquoteSlots {
|
|
10
|
+
default(props?: {}): any;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseBlockquoteProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseBlockquoteProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<ProseBlockquoteSlots> & ProseBlockquoteSlots>;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
15
|
+
type __VLS_TypePropsToOption<T> = {
|
|
16
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
17
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
18
|
+
} : {
|
|
19
|
+
type: import('vue').PropType<T[K]>;
|
|
20
|
+
required: true;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -1,38 +1,21 @@
|
|
|
1
|
-
<script
|
|
2
|
-
import
|
|
3
|
-
import type { AppConfig } from '@nuxt/schema'
|
|
4
|
-
import _appConfig from '#build/app.config'
|
|
5
|
-
import theme from '#build/b24ui/prose/code'
|
|
6
|
-
import { tv } from '../utils/tv'
|
|
7
|
-
|
|
8
|
-
const appConfigProseCode = _appConfig as AppConfig & { b24ui: { prose: { code: Partial<typeof theme> } } }
|
|
9
|
-
|
|
10
|
-
const proseCode = tv({ extend: tv(theme), ...(appConfigProseCode.b24ui?.prose?.code || {}) })
|
|
11
|
-
|
|
12
|
-
type ProseCodeVariants = VariantProps<typeof proseCode>
|
|
13
|
-
|
|
14
|
-
export interface proseCodeProps {
|
|
15
|
-
/**
|
|
16
|
-
* @defaultValue 'default'
|
|
17
|
-
*/
|
|
18
|
-
color?: ProseCodeVariants['color']
|
|
19
|
-
class?: any
|
|
20
|
-
b24ui?: Partial<typeof proseCode.slots>
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export interface proseCodeSlots {
|
|
24
|
-
default(props?: {}): any
|
|
25
|
-
}
|
|
1
|
+
<script>
|
|
2
|
+
import theme from "#build/b24ui/prose/code";
|
|
26
3
|
</script>
|
|
27
4
|
|
|
28
|
-
<script setup
|
|
29
|
-
import { computed } from
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
5
|
+
<script setup>
|
|
6
|
+
import { computed } from "vue";
|
|
7
|
+
import { useAppConfig } from "#imports";
|
|
8
|
+
import { tv } from "../utils/tv";
|
|
9
|
+
const props = defineProps({
|
|
10
|
+
color: { type: null, required: false },
|
|
11
|
+
class: { type: null, required: false },
|
|
12
|
+
b24ui: { type: null, required: false }
|
|
13
|
+
});
|
|
14
|
+
defineSlots();
|
|
15
|
+
const appConfig = useAppConfig();
|
|
16
|
+
const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.code || {} })({
|
|
34
17
|
color: props.color
|
|
35
|
-
}))
|
|
18
|
+
}));
|
|
36
19
|
</script>
|
|
37
20
|
|
|
38
21
|
<template>
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import type { AppConfig } from '@nuxt/schema';
|
|
2
|
+
import theme from '#build/b24ui/prose/code';
|
|
3
|
+
import type { ComponentConfig } from '../types/utils';
|
|
4
|
+
type ProseCode = ComponentConfig<typeof theme, AppConfig, 'code', 'b24ui.prose'>;
|
|
5
|
+
export interface ProseCodeProps {
|
|
6
|
+
/**
|
|
7
|
+
* @defaultValue 'default'
|
|
8
|
+
*/
|
|
9
|
+
color?: ProseCode['variants']['color'];
|
|
10
|
+
class?: any;
|
|
11
|
+
b24ui?: ProseCode['slots'];
|
|
12
|
+
}
|
|
13
|
+
export interface ProseCodeSlots {
|
|
14
|
+
default(props?: {}): any;
|
|
15
|
+
}
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseCodeProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseCodeProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<ProseCodeSlots> & ProseCodeSlots>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
19
|
+
type __VLS_TypePropsToOption<T> = {
|
|
20
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
21
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
22
|
+
} : {
|
|
23
|
+
type: import('vue').PropType<T[K]>;
|
|
24
|
+
required: true;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
28
|
+
new (): {
|
|
29
|
+
$slots: S;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
@@ -1,32 +1,22 @@
|
|
|
1
|
-
<script
|
|
2
|
-
import
|
|
3
|
-
import _appConfig from '#build/app.config'
|
|
4
|
-
import theme from '#build/b24ui/prose/em'
|
|
5
|
-
import { tv } from '../utils/tv'
|
|
6
|
-
|
|
7
|
-
const appConfigProseEm = _appConfig as AppConfig & { b24ui: { prose: { em: Partial<typeof theme> } } }
|
|
8
|
-
|
|
9
|
-
const proseEm = tv({ extend: tv(theme), ...(appConfigProseEm.b24ui?.prose?.em || {}) })
|
|
10
|
-
|
|
11
|
-
export interface proseEmProps {
|
|
12
|
-
class?: any
|
|
13
|
-
b24ui?: Partial<typeof proseEm.slots>
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export interface proseEmSlots {
|
|
17
|
-
default(props?: {}): any
|
|
18
|
-
}
|
|
1
|
+
<script>
|
|
2
|
+
import theme from "#build/b24ui/prose/em";
|
|
19
3
|
</script>
|
|
20
4
|
|
|
21
|
-
<script setup
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
const
|
|
5
|
+
<script setup>
|
|
6
|
+
import { computed } from "vue";
|
|
7
|
+
import { useAppConfig } from "#imports";
|
|
8
|
+
import { tv } from "../utils/tv";
|
|
9
|
+
const props = defineProps({
|
|
10
|
+
class: { type: null, required: false },
|
|
11
|
+
b24ui: { type: null, required: false }
|
|
12
|
+
});
|
|
13
|
+
defineSlots();
|
|
14
|
+
const appConfig = useAppConfig();
|
|
15
|
+
const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.em || {} })());
|
|
26
16
|
</script>
|
|
27
17
|
|
|
28
18
|
<template>
|
|
29
|
-
<em
|
|
30
|
-
|
|
31
|
-
|
|
19
|
+
<em :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
|
|
20
|
+
<slot />
|
|
21
|
+
</em>
|
|
32
22
|
</template>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { AppConfig } from '@nuxt/schema';
|
|
2
|
+
import theme from '#build/b24ui/prose/em';
|
|
3
|
+
import type { ComponentConfig } from '../types/utils';
|
|
4
|
+
type ProseEm = ComponentConfig<typeof theme, AppConfig, 'em', 'b24ui.prose'>;
|
|
5
|
+
export interface ProseEmProps {
|
|
6
|
+
class?: any;
|
|
7
|
+
b24ui?: ProseEm['slots'];
|
|
8
|
+
}
|
|
9
|
+
export interface ProseEmSlots {
|
|
10
|
+
default(props?: {}): any;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseEmProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseEmProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<ProseEmSlots> & ProseEmSlots>;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
15
|
+
type __VLS_TypePropsToOption<T> = {
|
|
16
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
17
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
18
|
+
} : {
|
|
19
|
+
type: import('vue').PropType<T[K]>;
|
|
20
|
+
required: true;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -1,34 +1,22 @@
|
|
|
1
|
-
<script
|
|
2
|
-
import
|
|
3
|
-
import _appConfig from '#build/app.config'
|
|
4
|
-
import theme from '#build/b24ui/prose/h1'
|
|
5
|
-
import { tv } from '../utils/tv'
|
|
6
|
-
|
|
7
|
-
const appConfigProseH1 = _appConfig as AppConfig & { b24ui: { prose: { h1: Partial<typeof theme> } } }
|
|
8
|
-
|
|
9
|
-
const proseH1 = tv({ extend: tv(theme), ...(appConfigProseH1.b24ui?.prose?.h1 || {}) })
|
|
10
|
-
|
|
11
|
-
export interface proseH1Props {
|
|
12
|
-
class?: any
|
|
13
|
-
b24ui?: Partial<typeof proseH1.slots>
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export interface proseH1Slots {
|
|
17
|
-
default(props?: {}): any
|
|
18
|
-
}
|
|
1
|
+
<script>
|
|
2
|
+
import theme from "#build/b24ui/prose/h1";
|
|
19
3
|
</script>
|
|
20
4
|
|
|
21
|
-
<script setup
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
const
|
|
5
|
+
<script setup>
|
|
6
|
+
import { computed } from "vue";
|
|
7
|
+
import { useAppConfig } from "#imports";
|
|
8
|
+
import { tv } from "../utils/tv";
|
|
9
|
+
const props = defineProps({
|
|
10
|
+
class: { type: null, required: false },
|
|
11
|
+
b24ui: { type: null, required: false }
|
|
12
|
+
});
|
|
13
|
+
defineSlots();
|
|
14
|
+
const appConfig = useAppConfig();
|
|
15
|
+
const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.h1 || {} })());
|
|
26
16
|
</script>
|
|
27
17
|
|
|
28
18
|
<template>
|
|
29
|
-
<h1
|
|
30
|
-
:class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
|
|
31
|
-
>
|
|
19
|
+
<h1 :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
|
|
32
20
|
<slot />
|
|
33
21
|
</h1>
|
|
34
22
|
</template>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { AppConfig } from '@nuxt/schema';
|
|
2
|
+
import theme from '#build/b24ui/prose/h1';
|
|
3
|
+
import type { ComponentConfig } from '../types/utils';
|
|
4
|
+
type ProseH1 = ComponentConfig<typeof theme, AppConfig, 'h1', 'b24ui.prose'>;
|
|
5
|
+
export interface ProseH1Props {
|
|
6
|
+
class?: any;
|
|
7
|
+
b24ui?: ProseH1['slots'];
|
|
8
|
+
}
|
|
9
|
+
export interface ProseH1Slots {
|
|
10
|
+
default(props?: {}): any;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseH1Props>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseH1Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<ProseH1Slots> & ProseH1Slots>;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
15
|
+
type __VLS_TypePropsToOption<T> = {
|
|
16
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
17
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
18
|
+
} : {
|
|
19
|
+
type: import('vue').PropType<T[K]>;
|
|
20
|
+
required: true;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|