@elmethis/core 1.0.0-alpha.5 → 1.0.0-alpha.51
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/{Bash-BNH7i6M4.js → Bash-CpiLtF9p.js} +19 -15
- package/dist/C-ABcyEmdL.js +26 -0
- package/dist/Cpp-DpdYeJAf.js +15 -0
- package/dist/Csharp-CbHvsgFP.js +26 -0
- package/dist/Css-Tm8uulPe.js +18 -0
- package/dist/Go-CO-6hQrV.js +18 -0
- package/dist/Html-CrQaDVZ2.js +18 -0
- package/dist/Java-DP-J_R-n.js +15 -0
- package/dist/{JavaScript-Draokhsa.js → JavaScript-tuieNA8n.js} +1 -1
- package/dist/Json-Asq5b193.js +18 -0
- package/dist/Kotlin-CSXUh208.js +15 -0
- package/dist/Lua-BvOB4cQL.js +26 -0
- package/dist/Npm-B7fnTbl9.js +22 -0
- package/dist/Python-BnGGUUkK.js +15 -0
- package/dist/{Rust-C_eoFnxh.js → Rust-Cz99hLkg.js} +1 -1
- package/dist/Sql-BEc6Dccg.js +25 -0
- package/dist/Terraform-BVP3ya1n.js +28 -0
- package/dist/{TypeScript-BNXNLm5c.js → TypeScript-CwKx9UjV.js} +1 -1
- package/dist/components/badge/ElmTag.stories.d.ts +7 -0
- package/dist/components/badge/ElmTag.vue.d.ts +14 -0
- package/dist/components/code/ElmCodeBlock.vue.d.ts +5 -0
- package/dist/components/containments/ElmColumn.stories.d.ts +6 -0
- package/dist/components/containments/ElmColumn.vue.d.ts +18 -0
- package/dist/components/containments/ElmColumnList.vue.d.ts +18 -0
- package/dist/components/containments/ElmDesktopWindow.stories.d.ts +6 -0
- package/dist/components/containments/ElmDesktopWindow.vue.d.ts +26 -0
- package/dist/components/containments/ElmModal.stories.d.ts +6 -0
- package/dist/components/containments/ElmModal.vue.d.ts +34 -0
- package/dist/components/containments/ElmParallax.stories.d.ts +6 -0
- package/dist/components/containments/ElmParallax.vue.d.ts +6 -0
- package/dist/components/containments/ElmToggle.stories.d.ts +1 -0
- package/dist/components/containments/ElmToggle.vue.d.ts +6 -0
- package/dist/components/data/ElmMultiProgress.stories.d.ts +6 -0
- package/dist/components/data/ElmMultiProgress.vue.d.ts +30 -0
- package/dist/components/data/ElmProgress.stories.d.ts +10 -0
- package/dist/components/data/ElmProgress.vue.d.ts +38 -0
- package/dist/components/fallback/ElmBlockFallback.stories.d.ts +6 -0
- package/dist/components/fallback/ElmBlockFallback.vue.d.ts +4 -0
- package/dist/components/form/ElmButton.stories.d.ts +12 -0
- package/dist/components/form/ElmButton.vue.d.ts +39 -0
- package/dist/components/icon/ElmArrowIcon.stories.d.ts +6 -0
- package/dist/components/icon/ElmArrowIcon.vue.d.ts +26 -0
- package/dist/components/icon/ElmBookmarkIcon.stories.d.ts +8 -0
- package/dist/components/icon/ElmBookmarkIcon.vue.d.ts +7 -0
- package/dist/components/icon/ElmDotLoadingIcon.vue.d.ts +1 -1
- package/dist/components/icon/ElmLoginIcon.stories.d.ts +6 -0
- package/dist/components/icon/ElmLoginIcon.vue.d.ts +18 -0
- package/dist/components/icon/languages/C.vue.d.ts +2 -0
- package/dist/components/icon/languages/Cpp.vue.d.ts +2 -0
- package/dist/components/icon/languages/Csharp.vue.d.ts +2 -0
- package/dist/components/icon/languages/Css.vue.d.ts +2 -0
- package/dist/components/icon/languages/Go.vue.d.ts +2 -0
- package/dist/components/icon/languages/Html.vue.d.ts +2 -0
- package/dist/components/icon/languages/Java.vue.d.ts +2 -0
- package/dist/components/icon/languages/Json.vue.d.ts +2 -0
- package/dist/components/icon/languages/Kotlin.vue.d.ts +2 -0
- package/dist/components/icon/languages/Lua.vue.d.ts +2 -0
- package/dist/components/icon/languages/Npm.vue.d.ts +2 -0
- package/dist/components/icon/languages/Python.vue.d.ts +2 -0
- package/dist/components/icon/languages/Sql.vue.d.ts +2 -0
- package/dist/components/icon/languages/Terraform.vue.d.ts +2 -0
- package/dist/components/inline/ElmInlineText.stories.d.ts +1 -0
- package/dist/components/inline/ElmInlineText.vue.d.ts +2 -1
- package/dist/components/media/ElmFile.stories.d.ts +6 -0
- package/dist/components/media/ElmFile.vue.d.ts +21 -0
- package/dist/components/media/ElmImage.stories.d.ts +1 -0
- package/dist/components/media/ElmImage.vue.d.ts +5 -0
- package/dist/components/navigation/ElmBookmark.stories.d.ts +3 -0
- package/dist/components/navigation/ElmBookmark.vue.d.ts +6 -1
- package/dist/components/navigation/ElmTableOfContents.stories.d.ts +7 -0
- package/dist/components/navigation/ElmTableOfContents.vue.d.ts +9 -0
- package/dist/components/others/ElmColorSample.stories.d.ts +6 -0
- package/dist/components/others/ElmColorSample.vue.d.ts +8 -0
- package/dist/components/others/ElmColorTable.stories.d.ts +6 -0
- package/dist/components/others/ElmColorTable.vue.d.ts +11 -0
- package/dist/components/renderer/ElmJsonRenderer.stories.d.ts +1 -0
- package/dist/components/renderer/ElmJsonRenderer.vue.d.ts +18 -3
- package/dist/components/table/ElmTable.vue.d.ts +5 -0
- package/dist/components/typography/ElmDivider.vue.d.ts +5 -0
- package/dist/elmethis.js +57 -36
- package/dist/elmethis.umd.cjs +24 -20
- package/dist/hooks/useElmethisTheme.d.ts +4 -0
- package/dist/index-BeqiTiI9.js +20595 -0
- package/dist/index.d.ts +23 -2
- package/package.json +39 -4
- package/dist/index-CKwesLRY.js +0 -16000
- package/dist/vite.svg +0 -1
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { Property } from 'csstype';
|
|
2
|
+
export interface ElmMultiProgressProps {
|
|
3
|
+
progress: Array<{
|
|
4
|
+
/**
|
|
5
|
+
* The current value of the progress.
|
|
6
|
+
*/
|
|
7
|
+
value: number;
|
|
8
|
+
/**
|
|
9
|
+
* The buffer value of the progress.
|
|
10
|
+
*/
|
|
11
|
+
buffer?: number;
|
|
12
|
+
/**
|
|
13
|
+
* The color of the progress.
|
|
14
|
+
*/
|
|
15
|
+
color: string;
|
|
16
|
+
}>;
|
|
17
|
+
/**
|
|
18
|
+
* The weight of the progress.
|
|
19
|
+
*/
|
|
20
|
+
weight?: Property.Height<string | number>;
|
|
21
|
+
/**
|
|
22
|
+
* Whether the progress should be round.
|
|
23
|
+
*/
|
|
24
|
+
round?: boolean;
|
|
25
|
+
}
|
|
26
|
+
declare const _default: import('vue').DefineComponent<ElmMultiProgressProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmMultiProgressProps> & Readonly<{}>, {
|
|
27
|
+
weight: Property.Height<string | number>;
|
|
28
|
+
round: boolean;
|
|
29
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
30
|
+
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import { default as ElmProgress } from './ElmProgress.vue';
|
|
3
|
+
declare const meta: Meta<typeof ElmProgress>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Primary: Story;
|
|
7
|
+
export declare const WithBuffer: Story;
|
|
8
|
+
export declare const Bold: Story;
|
|
9
|
+
export declare const WithColor: Story;
|
|
10
|
+
export declare const Loading: Story;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { Property } from 'csstype';
|
|
2
|
+
export interface ElmProgressProps {
|
|
3
|
+
/**
|
|
4
|
+
* The current value of the progress.
|
|
5
|
+
*/
|
|
6
|
+
value: number;
|
|
7
|
+
/**
|
|
8
|
+
* The buffer value of the progress.
|
|
9
|
+
*/
|
|
10
|
+
buffer?: number;
|
|
11
|
+
/**
|
|
12
|
+
* The maximum value of the progress.
|
|
13
|
+
*/
|
|
14
|
+
max?: number;
|
|
15
|
+
/**
|
|
16
|
+
* The weight of the progress.
|
|
17
|
+
*/
|
|
18
|
+
weight?: Property.Height<string | number>;
|
|
19
|
+
/**
|
|
20
|
+
* Whether the progress should be round.
|
|
21
|
+
*/
|
|
22
|
+
round?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* The color of the progress.
|
|
25
|
+
*/
|
|
26
|
+
color?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Whether the progress is loading.
|
|
29
|
+
*/
|
|
30
|
+
loading?: boolean;
|
|
31
|
+
}
|
|
32
|
+
declare const _default: import('vue').DefineComponent<ElmProgressProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmProgressProps> & Readonly<{}>, {
|
|
33
|
+
max: number;
|
|
34
|
+
weight: Property.Height<string | number>;
|
|
35
|
+
round: boolean;
|
|
36
|
+
loading: boolean;
|
|
37
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
38
|
+
export default _default;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import { default as ElmBlockFallback } from './ElmBlockFallback.vue';
|
|
3
|
+
declare const meta: Meta<typeof ElmBlockFallback>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Primary: Story;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export interface ElmBlockFallbackProps {
|
|
2
|
+
}
|
|
3
|
+
declare const _default: import('vue').DefineComponent<ElmBlockFallbackProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmBlockFallbackProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
4
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import { default as ElmButton } from './ElmButton.vue';
|
|
3
|
+
declare const meta: Meta<typeof ElmButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Primary: Story;
|
|
7
|
+
export declare const Block: Story;
|
|
8
|
+
export declare const Loading: Story;
|
|
9
|
+
export declare const Icon: Story;
|
|
10
|
+
export declare const Flex: Story;
|
|
11
|
+
export declare const Disabled: Story;
|
|
12
|
+
export declare const WithPrimary: Story;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
export interface ElmButtonProps {
|
|
2
|
+
/**
|
|
3
|
+
* Whether the button is in loading state.
|
|
4
|
+
*/
|
|
5
|
+
loading?: boolean;
|
|
6
|
+
/**
|
|
7
|
+
* Whether the button is block.
|
|
8
|
+
*/
|
|
9
|
+
block?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Whether the button is disabled.
|
|
12
|
+
*/
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Whether the button is primary.
|
|
16
|
+
*/
|
|
17
|
+
primary?: boolean;
|
|
18
|
+
}
|
|
19
|
+
declare function __VLS_template(): {
|
|
20
|
+
slots: {
|
|
21
|
+
default?(_: {}): any;
|
|
22
|
+
};
|
|
23
|
+
refs: {};
|
|
24
|
+
attrs: Partial<{}>;
|
|
25
|
+
};
|
|
26
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
27
|
+
declare const __VLS_component: import('vue').DefineComponent<ElmButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmButtonProps> & Readonly<{}>, {
|
|
28
|
+
block: boolean;
|
|
29
|
+
loading: boolean;
|
|
30
|
+
disabled: boolean;
|
|
31
|
+
primary: boolean;
|
|
32
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
33
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
34
|
+
export default _default;
|
|
35
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
36
|
+
new (): {
|
|
37
|
+
$slots: S;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Property } from 'csstype';
|
|
2
|
+
export interface ElmArrowIconProps {
|
|
3
|
+
/**
|
|
4
|
+
* Specifies the direction of the arrow.
|
|
5
|
+
*/
|
|
6
|
+
direction?: 'up' | 'down' | 'left' | 'right';
|
|
7
|
+
/**
|
|
8
|
+
* Specifies whether the arrow is in loading state.
|
|
9
|
+
*/
|
|
10
|
+
loading?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Specifies whether the arrow is in pending state.
|
|
13
|
+
*/
|
|
14
|
+
pending?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Specifies the size of the arrow.
|
|
17
|
+
*/
|
|
18
|
+
size?: Property.Height;
|
|
19
|
+
}
|
|
20
|
+
declare const _default: import('vue').DefineComponent<ElmArrowIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmArrowIconProps> & Readonly<{}>, {
|
|
21
|
+
size: Property.Height;
|
|
22
|
+
loading: boolean;
|
|
23
|
+
direction: "up" | "down" | "left" | "right";
|
|
24
|
+
pending: boolean;
|
|
25
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
26
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import { default as ElmBookmarkIcon } from './ElmBookmarkIcon.vue';
|
|
3
|
+
declare const meta: Meta<typeof ElmBookmarkIcon>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Primary: Story;
|
|
7
|
+
export declare const Long: Story;
|
|
8
|
+
export declare const NoFavicon: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export interface ElmBookmarkIconProps {
|
|
2
|
+
name?: string;
|
|
3
|
+
href: string;
|
|
4
|
+
favicon?: string;
|
|
5
|
+
}
|
|
6
|
+
declare const _default: import('vue').DefineComponent<ElmBookmarkIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmBookmarkIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
export default _default;
|
|
@@ -12,7 +12,7 @@ export interface ElmDotLoadingIconProps {
|
|
|
12
12
|
size?: Property.Width<string | number>;
|
|
13
13
|
}
|
|
14
14
|
declare const _default: import('vue').DefineComponent<ElmDotLoadingIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmDotLoadingIconProps> & Readonly<{}>, {
|
|
15
|
-
size: Property.Width<string | number>;
|
|
16
15
|
color: Property.BackgroundColor;
|
|
16
|
+
size: Property.Width<string | number>;
|
|
17
17
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
18
18
|
export default _default;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export interface ElmLoginIconProps {
|
|
2
|
+
/**
|
|
3
|
+
* Specifies the width of the icon.
|
|
4
|
+
*/
|
|
5
|
+
size?: string;
|
|
6
|
+
/**
|
|
7
|
+
* Specifies whether the icon is for login or logout.
|
|
8
|
+
*/
|
|
9
|
+
isLogin?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Specifies whether the icon is loading.
|
|
12
|
+
*/
|
|
13
|
+
isLoading?: boolean;
|
|
14
|
+
}
|
|
15
|
+
declare const _default: import('vue').DefineComponent<ElmLoginIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmLoginIconProps> & Readonly<{}>, {
|
|
16
|
+
size: string;
|
|
17
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
18
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -9,7 +9,7 @@ export interface ElmInlineTextProps {
|
|
|
9
9
|
*
|
|
10
10
|
* e.g.) `'red'`, `'#ff0000'`, `'rgba(255, 0, 0, 0.5)'`
|
|
11
11
|
*/
|
|
12
|
-
color?: Property.
|
|
12
|
+
color?: Property.Color;
|
|
13
13
|
/**
|
|
14
14
|
* Specifies the font size of the text.
|
|
15
15
|
*/
|
|
@@ -30,6 +30,7 @@ export interface ElmInlineTextProps {
|
|
|
30
30
|
* Specifies whether the text should be strikethrough.
|
|
31
31
|
*/
|
|
32
32
|
strikethrough?: boolean;
|
|
33
|
+
background?: Property.BackgroundColor;
|
|
33
34
|
}
|
|
34
35
|
declare const _default: import('vue').DefineComponent<ElmInlineTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmInlineTextProps> & Readonly<{}>, {
|
|
35
36
|
bold: boolean;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Property } from 'csstype';
|
|
2
|
+
export interface ElmFileProps {
|
|
3
|
+
/**
|
|
4
|
+
* The name of the file.
|
|
5
|
+
*/
|
|
6
|
+
name?: string;
|
|
7
|
+
/**
|
|
8
|
+
* The source of the file.
|
|
9
|
+
*/
|
|
10
|
+
src: string;
|
|
11
|
+
/**
|
|
12
|
+
* The size of the file in bytes.
|
|
13
|
+
*/
|
|
14
|
+
filesize?: string;
|
|
15
|
+
/**
|
|
16
|
+
* The margin of the file.
|
|
17
|
+
*/
|
|
18
|
+
margin?: Property.MarginBlock;
|
|
19
|
+
}
|
|
20
|
+
declare const _default: import('vue').DefineComponent<ElmFileProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmFileProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
21
|
+
export default _default;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Property } from 'csstype';
|
|
1
2
|
export interface ElmImageProps {
|
|
2
3
|
/**
|
|
3
4
|
* Image source URL
|
|
@@ -11,6 +12,10 @@ export interface ElmImageProps {
|
|
|
11
12
|
* Enable modal on image click. Default: `false`
|
|
12
13
|
*/
|
|
13
14
|
enableModal?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* The margin of the image.
|
|
17
|
+
*/
|
|
18
|
+
margin?: Property.MarginBlock;
|
|
14
19
|
}
|
|
15
20
|
declare const _default: import('vue').DefineComponent<ElmImageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmImageProps> & Readonly<{}>, {
|
|
16
21
|
enableModal: boolean;
|
|
@@ -6,3 +6,6 @@ type Story = StoryObj<typeof meta>;
|
|
|
6
6
|
export declare const Primary: Story;
|
|
7
7
|
export declare const WithoutDate: Story;
|
|
8
8
|
export declare const Card: Story;
|
|
9
|
+
export declare const Square: Story;
|
|
10
|
+
export declare const SquareCard: Story;
|
|
11
|
+
export declare const InvalidImage: Story;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Property } from 'csstype';
|
|
1
2
|
export interface ElmBookmarkProps {
|
|
2
3
|
/**
|
|
3
4
|
* Whether to display the bookmark horizontally.
|
|
@@ -28,7 +29,7 @@ export interface ElmBookmarkProps {
|
|
|
28
29
|
/**
|
|
29
30
|
* The URL to navigate to.
|
|
30
31
|
*/
|
|
31
|
-
url
|
|
32
|
+
url?: string;
|
|
32
33
|
/**
|
|
33
34
|
* The date the bookmark was created.
|
|
34
35
|
*/
|
|
@@ -39,6 +40,10 @@ export interface ElmBookmarkProps {
|
|
|
39
40
|
* If provided, the default behavior (navigating to the URL) is prevented.
|
|
40
41
|
*/
|
|
41
42
|
onClick?: () => void;
|
|
43
|
+
/**
|
|
44
|
+
* The margin of the bookmark.
|
|
45
|
+
*/
|
|
46
|
+
margin?: Property.MarginBlock;
|
|
42
47
|
}
|
|
43
48
|
declare const _default: import('vue').DefineComponent<ElmBookmarkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmBookmarkProps> & Readonly<{}>, {
|
|
44
49
|
openInNewTab: boolean;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import { default as ElmTableOfContents } from './ElmTableOfContents.vue';
|
|
3
|
+
declare const meta: Meta<typeof ElmTableOfContents>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Primary: Story;
|
|
7
|
+
export declare const Deep: Story;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export interface ElmTableOfContentsProps {
|
|
2
|
+
headings: Array<{
|
|
3
|
+
level: 1 | 2 | 3 | 4 | 5 | 6;
|
|
4
|
+
text: string;
|
|
5
|
+
id?: string;
|
|
6
|
+
}>;
|
|
7
|
+
}
|
|
8
|
+
declare const _default: import('vue').DefineComponent<ElmTableOfContentsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmTableOfContentsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface ElmColorSampleProps {
|
|
2
|
+
/**
|
|
3
|
+
* The color to display.
|
|
4
|
+
*/
|
|
5
|
+
color: string;
|
|
6
|
+
}
|
|
7
|
+
declare const _default: import('vue').DefineComponent<ElmColorSampleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmColorSampleProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export interface ElmColorTableProps {
|
|
2
|
+
/**
|
|
3
|
+
* The colors to display.
|
|
4
|
+
*/
|
|
5
|
+
colors: {
|
|
6
|
+
name: string;
|
|
7
|
+
code: string;
|
|
8
|
+
}[];
|
|
9
|
+
}
|
|
10
|
+
declare const _default: import('vue').DefineComponent<ElmColorTableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmColorTableProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
export default _default;
|
|
@@ -25,8 +25,11 @@ import { ElmImageProps } from '../media/ElmImage.vue';
|
|
|
25
25
|
import { ElmBookmarkProps } from '../navigation/ElmBookmark.vue';
|
|
26
26
|
import { ElmToggleProps } from '../containments/ElmToggle.vue';
|
|
27
27
|
import { ElmCheckboxProps } from '../form/ElmCheckbox.vue';
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
import { ElmFileProps } from '../media/ElmFile.vue';
|
|
29
|
+
import { ElmColumnProps } from '../containments/ElmColumn.vue';
|
|
30
|
+
import { ElmColumnListProps } from '../containments/ElmColumnList.vue';
|
|
31
|
+
type ComponentType = 'ElmInlineText' | 'ElmInlineCode' | 'ElmInlineLink' | 'ElmCallout' | 'ElmBulletedList' | 'ElmNumberedList' | 'ElmListItem' | 'ElmBlockQuote' | 'ElmDivider' | 'ElmHeading1' | 'ElmHeading2' | 'ElmHeading3' | 'ElmHeading4' | 'ElmHeading5' | 'ElmHeading6' | 'ElmCodeBlock' | 'ElmParagraph' | 'ElmTable' | 'ElmTableHeader' | 'ElmTableBody' | 'ElmTableRow' | 'ElmTableCell' | 'ElmKatex' | 'ElmImage' | 'ElmBookmark' | 'ElmToggle' | 'ElmCheckbox' | 'ElmFile' | 'ElmColumn' | 'ElmColumnList';
|
|
32
|
+
type ComponentProps = ElmInlineTextProps | ElmInlineCodeProps | ElmInlineLinkProps | ElmCalloutProps | ElmBulletedListProps | ElmNumberedListProps | ElmListItemProps | ElmBlockQuoteProps | ElmDividerProps | ElmHeading1Props | ElmHeading2Props | ElmHeading3Props | ElmHeading4Props | ElmHeading5Props | ElmHeading6Props | ElmCodeBlockProps | ElmParagraphProps | ElmTableProps | ElmTableHeaderProps | ElmTableBodyProps | ElmTableRowProps | ElmTableCellProps | ElmKatexProps | ElmImageProps | ElmBookmarkProps | ElmToggleProps | ElmCheckboxProps | ElmFileProps | ElmColumnProps | ElmColumnListProps;
|
|
30
33
|
interface JsonComponentBase {
|
|
31
34
|
type: ComponentType;
|
|
32
35
|
props?: ComponentProps;
|
|
@@ -140,7 +143,19 @@ interface ElmCheckboxJsonComponent extends JsonComponentBase {
|
|
|
140
143
|
type: 'ElmCheckbox';
|
|
141
144
|
props?: ElmCheckboxProps;
|
|
142
145
|
}
|
|
143
|
-
|
|
146
|
+
interface ElmFileJsonComponent extends JsonComponentBase {
|
|
147
|
+
type: 'ElmFile';
|
|
148
|
+
props?: ElmFileProps;
|
|
149
|
+
}
|
|
150
|
+
interface ElmColumnJsonComponent extends JsonComponentBase {
|
|
151
|
+
type: 'ElmColumn';
|
|
152
|
+
props?: ElmColumnProps;
|
|
153
|
+
}
|
|
154
|
+
interface ElmColumnListJsonComponent extends JsonComponentBase {
|
|
155
|
+
type: 'ElmColumnList';
|
|
156
|
+
props?: ElmColumnListProps;
|
|
157
|
+
}
|
|
158
|
+
type JsonComponent = ElmInlineTextJsonComponent | ElmInlineCodeJsonComponent | ElmInlineLinkJsonComponent | ElmCalloutJsonComponent | ElmBulletedListJsonComponent | ElmNumberedListJsonComponent | ElmListItemJsonComponent | ElmBlockQuoteJsonComponent | ElmDividerJsonComponent | ElmHeading1JsonComponent | ElmHeading2JsonComponent | ElmHeading3JsonComponent | ElmHeading4JsonComponent | ElmHeading5JsonComponent | ElmHeading6JsonComponent | ElmCodeBlockJsonComponent | ElmParagraphJsonComponent | ElmTableJsonComponent | ElmTableHeaderJsonComponent | ElmTableBodyJsonComponent | ElmTableRowJsonComponent | ElmTableCellJsonComponent | ElmKatexJsonComponent | ElmImageJsonComponent | ElmBookmarkJsonComponent | ElmToggleJsonComponent | ElmCheckboxJsonComponent | ElmFileJsonComponent | ElmColumnJsonComponent | ElmColumnListJsonComponent;
|
|
144
159
|
export interface ElmJsonRendererProps {
|
|
145
160
|
json: JsonComponent[];
|
|
146
161
|
}
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
+
import { Property } from 'csstype';
|
|
1
2
|
export interface ElmDividerProps {
|
|
3
|
+
/**
|
|
4
|
+
* The margin of the divider.
|
|
5
|
+
*/
|
|
6
|
+
margin?: Property.MarginBlock;
|
|
2
7
|
}
|
|
3
8
|
declare const _default: import('vue').DefineComponent<ElmDividerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmDividerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
4
9
|
export default _default;
|