@elmethis/core 1.0.0-alpha.4 → 1.0.0-alpha.41
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-Baz1BxzT.js → Bash-_qylOkZi.js} +19 -15
- package/dist/{JavaScript-B2h5GaAI.js → JavaScript-X5j3rcy1.js} +1 -1
- package/dist/{Rust-OtMDYMq1.js → Rust-CfTiYuB7.js} +1 -1
- package/dist/{TypeScript-BjyEfQ06.js → TypeScript-MQdwVdJC.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/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/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 +16 -0
- package/dist/components/media/ElmImage.vue.d.ts +5 -0
- package/dist/components/navigation/ElmBookmark.stories.d.ts +2 -0
- 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 -37
- package/dist/elmethis.umd.cjs +24 -20
- package/dist/hooks/useElmethisTheme.d.ts +4 -0
- package/dist/index-BSs37k1l.js +19092 -0
- package/dist/index.d.ts +22 -2
- package/package.json +38 -4
- package/dist/index-DiODNzIp.js +0 -15999
- package/dist/vite.svg +0 -1
|
@@ -1,26 +1,30 @@
|
|
|
1
|
-
import { openBlock as t, createElementBlock as e, createElementVNode as
|
|
2
|
-
import { _ as
|
|
3
|
-
const
|
|
1
|
+
import { openBlock as t, createElementBlock as e, createElementVNode as l, normalizeClass as o } from "vue";
|
|
2
|
+
import { _ as n } from "./index-BSs37k1l.js";
|
|
3
|
+
const a = "_path_1ccs2_1", r = {
|
|
4
|
+
path: a
|
|
5
|
+
}, p = {}, m = {
|
|
4
6
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5
7
|
viewBox: "0 0 128 128"
|
|
6
8
|
};
|
|
7
|
-
function
|
|
8
|
-
return t(), e("svg",
|
|
9
|
-
c("path", {
|
|
9
|
+
function _(s, c) {
|
|
10
|
+
return t(), e("svg", m, [
|
|
11
|
+
c[0] || (c[0] = l("path", {
|
|
10
12
|
fill: "none",
|
|
11
13
|
d: "M4.24 4.24h119.53v119.53H4.24z"
|
|
12
|
-
}, null, -1),
|
|
13
|
-
|
|
14
|
-
class:
|
|
14
|
+
}, null, -1)),
|
|
15
|
+
l("path", {
|
|
16
|
+
class: o(s.$style.path),
|
|
15
17
|
d: "M109.01 28.64L71.28 6.24c-2.25-1.33-4.77-2-7.28-2s-5.03.67-7.28 2.01l-37.74 22.4c-4.5 2.67-7.28 7.61-7.28 12.96v44.8c0 5.35 2.77 10.29 7.28 12.96l37.73 22.4c2.25 1.34 4.76 2 7.28 2c2.51 0 5.03-.67 7.28-2l37.74-22.4c4.5-2.67 7.28-7.62 7.28-12.96V41.6c0-5.34-2.77-10.29-7.28-12.96M79.79 98.59l.06 3.22c0 .39-.25.83-.55.99l-1.91 1.1c-.3.15-.56-.03-.56-.42l-.03-3.17c-1.63.68-3.29.84-4.34.42c-.2-.08-.29-.37-.21-.71l.69-2.91c.06-.23.18-.46.34-.6c.06-.06.12-.1.18-.13c.11-.06.22-.07.31-.03c1.14.38 2.59.2 3.99-.5c1.78-.9 2.97-2.72 2.95-4.52c-.02-1.64-.9-2.31-3.05-2.33c-2.74.01-5.3-.53-5.34-4.57c-.03-3.32 1.69-6.78 4.43-8.96l-.03-3.25c0-.4.24-.84.55-1l1.85-1.18c.3-.15.56.04.56.43l.03 3.25c1.36-.54 2.54-.69 3.61-.44c.23.06.34.38.24.75l-.72 2.88c-.06.22-.18.44-.33.58a.8.8 0 0 1-.19.14c-.1.05-.19.06-.28.05c-.49-.11-1.65-.36-3.48.56c-1.92.97-2.59 2.64-2.58 3.88c.02 1.48.77 1.93 3.39 1.97c3.49.06 4.99 1.58 5.03 5.09c.05 3.44-1.79 7.15-4.61 9.41m26.34-60.5l-35.7 22.05c-4.45 2.6-7.73 5.52-7.74 10.89v43.99c0 3.21 1.3 5.29 3.29 5.9c-.65.11-1.32.19-1.98.19c-2.09 0-4.15-.57-5.96-1.64l-37.73-22.4c-3.69-2.19-5.98-6.28-5.98-10.67V41.6c0-4.39 2.29-8.48 5.98-10.67l37.74-22.4c1.81-1.07 3.87-1.64 5.96-1.64s4.15.57 5.96 1.64l37.74 22.4c3.11 1.85 5.21 5.04 5.8 8.63c-1.27-2.67-4.09-3.39-7.38-1.47"
|
|
16
|
-
}, null,
|
|
17
|
-
c("path", {
|
|
18
|
+
}, null, 2),
|
|
19
|
+
c[1] || (c[1] = l("path", {
|
|
18
20
|
fill: "#4fa847",
|
|
19
21
|
d: "m99.12 90.73l-9.4 5.62c-.25.15-.43.31-.43.61v2.46c0 .3.2.43.45.28l9.54-5.8c.25-.15.29-.42.29-.72v-2.17c0-.3-.2-.42-.45-.28"
|
|
20
|
-
}, null, -1)
|
|
21
|
-
])
|
|
22
|
+
}, null, -1))
|
|
23
|
+
]);
|
|
22
24
|
}
|
|
23
|
-
const
|
|
25
|
+
const d = {
|
|
26
|
+
$style: r
|
|
27
|
+
}, h = /* @__PURE__ */ n(p, [["render", _], ["__cssModules", d]]);
|
|
24
28
|
export {
|
|
25
|
-
|
|
29
|
+
h as default
|
|
26
30
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { openBlock as l, createElementBlock as t, createElementVNode as e } from "vue";
|
|
2
|
-
import { _ as o } from "./index-
|
|
2
|
+
import { _ as o } from "./index-BSs37k1l.js";
|
|
3
3
|
const s = {}, r = {
|
|
4
4
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5
5
|
viewBox: "0 0 128 128",
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import { default as ElmTag } from './ElmTag.vue';
|
|
3
|
+
declare const meta: Meta<typeof ElmTag>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Primary: Story;
|
|
7
|
+
export declare const Multiple: Story;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export interface ElmTagProps {
|
|
2
|
+
/**
|
|
3
|
+
* The text to display in the tag.
|
|
4
|
+
*/
|
|
5
|
+
text: string;
|
|
6
|
+
/**
|
|
7
|
+
* The color of the tag.
|
|
8
|
+
*/
|
|
9
|
+
color?: string;
|
|
10
|
+
}
|
|
11
|
+
declare const _default: import('vue').DefineComponent<ElmTagProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmTagProps> & Readonly<{}>, {
|
|
12
|
+
color: string;
|
|
13
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
14
|
+
export default _default;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Property } from 'csstype';
|
|
1
2
|
export interface ElmCodeBlockProps {
|
|
2
3
|
/**
|
|
3
4
|
* The code to display.
|
|
@@ -12,6 +13,10 @@ export interface ElmCodeBlockProps {
|
|
|
12
13
|
* If not provided, the language will be used.
|
|
13
14
|
*/
|
|
14
15
|
caption?: string;
|
|
16
|
+
/**
|
|
17
|
+
* The margin of the code block.
|
|
18
|
+
*/
|
|
19
|
+
margin?: Property.MarginBlock;
|
|
15
20
|
}
|
|
16
21
|
declare const _default: import('vue').DefineComponent<ElmCodeBlockProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmCodeBlockProps> & Readonly<{}>, {
|
|
17
22
|
language: string;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export interface ElmColumnProps {
|
|
2
|
+
}
|
|
3
|
+
declare function __VLS_template(): {
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
attrs: Partial<{}>;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<ElmColumnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmColumnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export interface ElmColumnListProps {
|
|
2
|
+
}
|
|
3
|
+
declare function __VLS_template(): {
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
attrs: Partial<{}>;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<ElmColumnListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmColumnListProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import { default as ElmDesktopWindow } from './ElmDesktopWindow.vue';
|
|
3
|
+
declare const meta: Meta<typeof ElmDesktopWindow>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Primary: Story;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Property } from 'csstype';
|
|
2
|
+
export interface ElmDesktopWindowProps {
|
|
3
|
+
/**
|
|
4
|
+
* The minimum height of the window.
|
|
5
|
+
* @default '6rem'
|
|
6
|
+
*/
|
|
7
|
+
minHeight?: Property.MinHeight;
|
|
8
|
+
}
|
|
9
|
+
declare function __VLS_template(): {
|
|
10
|
+
slots: {
|
|
11
|
+
default?(_: {}): any;
|
|
12
|
+
};
|
|
13
|
+
refs: {};
|
|
14
|
+
attrs: Partial<{}>;
|
|
15
|
+
};
|
|
16
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
17
|
+
declare const __VLS_component: import('vue').DefineComponent<ElmDesktopWindowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmDesktopWindowProps> & Readonly<{}>, {
|
|
18
|
+
minHeight: Property.MinHeight;
|
|
19
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
20
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { Property } from 'csstype';
|
|
2
|
+
export interface ElmModalProps {
|
|
3
|
+
/**
|
|
4
|
+
* The width of the modal.
|
|
5
|
+
* @default '90%'
|
|
6
|
+
*/
|
|
7
|
+
width: Property.Width;
|
|
8
|
+
}
|
|
9
|
+
declare let __VLS_typeProps: ElmModalProps;
|
|
10
|
+
type __VLS_PublicProps = {
|
|
11
|
+
'isOpen'?: boolean;
|
|
12
|
+
} & typeof __VLS_typeProps;
|
|
13
|
+
declare function __VLS_template(): {
|
|
14
|
+
slots: {
|
|
15
|
+
default?(_: {}): any;
|
|
16
|
+
};
|
|
17
|
+
refs: {};
|
|
18
|
+
attrs: Partial<{}>;
|
|
19
|
+
};
|
|
20
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
21
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
22
|
+
"update:isOpen": (isOpen: boolean) => any;
|
|
23
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
24
|
+
"onUpdate:isOpen"?: ((isOpen: boolean) => any) | undefined;
|
|
25
|
+
}>, {
|
|
26
|
+
width: Property.Width;
|
|
27
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
28
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
29
|
+
export default _default;
|
|
30
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
31
|
+
new (): {
|
|
32
|
+
$slots: S;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export interface ElmParallaxProps {
|
|
2
|
+
imageUrl1: string;
|
|
3
|
+
imageUrl2: string;
|
|
4
|
+
}
|
|
5
|
+
declare const _default: import('vue').DefineComponent<ElmParallaxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmParallaxProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
6
|
+
export default _default;
|
|
@@ -1,8 +1,13 @@
|
|
|
1
|
+
import { Property } from 'csstype';
|
|
1
2
|
export interface ElmToggleProps {
|
|
2
3
|
/**
|
|
3
4
|
* The summary of the toggle.
|
|
4
5
|
*/
|
|
5
6
|
summary: string;
|
|
7
|
+
/**
|
|
8
|
+
* The margin of the toggle.
|
|
9
|
+
*/
|
|
10
|
+
margin?: Property.MarginBlock;
|
|
6
11
|
}
|
|
7
12
|
declare let __VLS_typeProps: ElmToggleProps;
|
|
8
13
|
type __VLS_PublicProps = {
|
|
@@ -10,6 +15,7 @@ type __VLS_PublicProps = {
|
|
|
10
15
|
} & typeof __VLS_typeProps;
|
|
11
16
|
declare function __VLS_template(): {
|
|
12
17
|
slots: {
|
|
18
|
+
summary?(_: {}): any;
|
|
13
19
|
default?(_: {}): any;
|
|
14
20
|
};
|
|
15
21
|
refs: {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import { default as ElmMultiProgress } from './ElmMultiProgress.vue';
|
|
3
|
+
declare const meta: Meta<typeof ElmMultiProgress>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Primary: Story;
|
|
@@ -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,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;
|
|
@@ -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,16 @@
|
|
|
1
|
+
export interface ElmFileProps {
|
|
2
|
+
/**
|
|
3
|
+
* The name of the file.
|
|
4
|
+
*/
|
|
5
|
+
name?: string;
|
|
6
|
+
/**
|
|
7
|
+
* The source of the file.
|
|
8
|
+
*/
|
|
9
|
+
src: string;
|
|
10
|
+
/**
|
|
11
|
+
* The size of the file in bytes.
|
|
12
|
+
*/
|
|
13
|
+
filesize?: string;
|
|
14
|
+
}
|
|
15
|
+
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>;
|
|
16
|
+
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;
|
|
@@ -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;
|