@elmethis/core 1.0.0-alpha.15 → 1.0.0-alpha.151
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/_virtual/_plugin-vue_export-helper.mjs +10 -0
- package/dist/components/{inline/ElmInlineCode.stories.d.ts → badge/ElmBadge.stories.d.ts} +2 -2
- package/dist/components/badge/ElmBadge.vue.d.ts +21 -0
- package/dist/components/badge/ElmBadge.vue.mjs +10 -0
- package/dist/components/badge/ElmBadge.vue2.mjs +33 -0
- package/dist/components/badge/ElmBadge.vue3.mjs +14 -0
- package/dist/components/badge/ElmTag.stories.d.ts +7 -0
- package/dist/components/badge/ElmTag.vue.d.ts +14 -0
- package/dist/components/badge/ElmTag.vue.mjs +10 -0
- package/dist/components/badge/ElmTag.vue2.mjs +39 -0
- package/dist/components/badge/ElmTag.vue3.mjs +14 -0
- package/dist/components/code/ElmCodeBlock.vue.d.ts +8 -1
- package/dist/components/code/ElmCodeBlock.vue.mjs +10 -0
- package/dist/components/code/ElmCodeBlock.vue2.mjs +86 -0
- package/dist/components/code/ElmCodeBlock.vue3.mjs +18 -0
- package/dist/components/code/ElmKatex.vue.d.ts +3 -1
- package/dist/components/code/ElmKatex.vue.mjs +10 -0
- package/dist/components/code/ElmKatex.vue2.mjs +46 -0
- package/dist/components/code/ElmKatex.vue3.mjs +8 -0
- package/dist/components/code/{ElmPrismHighlighter.stories.d.ts → ElmShikiHighlighter.stories.d.ts} +2 -3
- package/dist/components/code/{ElmPrismHighlighter.vue.d.ts → ElmShikiHighlighter.vue.d.ts} +3 -3
- package/dist/components/code/ElmShikiHighlighter.vue.mjs +11 -0
- package/dist/components/code/ElmShikiHighlighter.vue2.mjs +44 -0
- package/dist/components/code/ElmShikiHighlighter.vue3.mjs +8 -0
- package/dist/components/containments/ElmColumn.vue.d.ts +3 -2
- package/dist/components/containments/ElmColumn.vue.mjs +10 -0
- package/dist/components/containments/ElmColumn.vue2.mjs +16 -0
- package/dist/components/containments/ElmColumn.vue3.mjs +8 -0
- package/dist/components/containments/ElmColumnList.vue.d.ts +3 -2
- package/dist/components/containments/ElmColumnList.vue.mjs +10 -0
- package/dist/components/containments/ElmColumnList.vue2.mjs +16 -0
- package/dist/components/containments/ElmColumnList.vue3.mjs +6 -0
- package/dist/components/containments/ElmDesktopWindow.stories.d.ts +6 -0
- package/dist/components/containments/ElmDesktopWindow.vue.d.ts +27 -0
- package/dist/components/containments/ElmDesktopWindow.vue.mjs +10 -0
- package/dist/components/containments/ElmDesktopWindow.vue2.mjs +42 -0
- package/dist/components/containments/ElmDesktopWindow.vue3.mjs +14 -0
- package/dist/components/containments/ElmModal.stories.d.ts +6 -0
- package/dist/components/containments/ElmModal.vue.d.ts +35 -0
- package/dist/components/containments/ElmModal.vue.mjs +10 -0
- package/dist/components/containments/ElmModal.vue2.mjs +44 -0
- package/dist/components/containments/ElmModal.vue3.mjs +11 -0
- package/dist/components/containments/ElmParallax.vue.mjs +10 -0
- package/dist/components/containments/ElmParallax.vue2.mjs +35 -0
- package/dist/components/containments/ElmParallax.vue3.mjs +8 -0
- package/dist/components/containments/ElmSnackbar.stories.d.ts +6 -0
- package/dist/components/containments/ElmSnackbar.vue.d.ts +11 -0
- package/dist/components/containments/ElmSnackbar.vue.mjs +10 -0
- package/dist/components/containments/ElmSnackbar.vue2.mjs +39 -0
- package/dist/components/containments/ElmSnackbar.vue3.mjs +14 -0
- package/dist/components/containments/ElmSnackbarContainer.vue.d.ts +10 -0
- package/dist/components/containments/ElmSnackbarContainer.vue.mjs +10 -0
- package/dist/components/containments/ElmSnackbarContainer.vue2.mjs +33 -0
- package/dist/components/containments/ElmSnackbarContainer.vue3.mjs +7 -0
- package/dist/components/containments/ElmToggle.stories.d.ts +1 -0
- package/dist/components/containments/ElmToggle.vue.d.ts +13 -6
- package/dist/components/containments/ElmToggle.vue.mjs +10 -0
- package/dist/components/containments/ElmToggle.vue2.mjs +71 -0
- package/dist/components/containments/ElmToggle.vue3.mjs +17 -0
- package/dist/components/containments/ElmTooltip.vue.d.ts +5 -2
- package/dist/components/containments/ElmTooltip.vue.mjs +10 -0
- package/dist/components/containments/ElmTooltip.vue2.mjs +49 -0
- package/dist/components/containments/ElmTooltip.vue3.mjs +8 -0
- package/dist/components/containments/useSnackbarState.d.ts +28 -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/ElmMultiProgress.vue.mjs +10 -0
- package/dist/components/data/ElmMultiProgress.vue2.mjs +45 -0
- package/dist/components/data/ElmMultiProgress.vue3.mjs +11 -0
- package/dist/components/data/ElmProgress.stories.d.ts +1 -0
- package/dist/components/data/ElmProgress.vue.d.ts +6 -1
- package/dist/components/data/ElmProgress.vue.mjs +10 -0
- package/dist/components/data/ElmProgress.vue2.mjs +53 -0
- package/dist/components/data/ElmProgress.vue3.mjs +20 -0
- package/dist/components/data/ElmStatusMessage.stories.d.ts +9 -0
- package/dist/components/data/ElmStatusMessage.vue.d.ts +6 -0
- package/dist/components/data/ElmStatusMessage.vue.mjs +10 -0
- package/dist/components/data/ElmStatusMessage.vue2.mjs +75 -0
- package/dist/components/data/ElmStatusMessage.vue3.mjs +11 -0
- package/dist/components/fallback/ElmBlockFallback.stories.d.ts +6 -0
- package/dist/components/fallback/ElmBlockFallback.vue.d.ts +4 -0
- package/dist/components/fallback/ElmBlockFallback.vue.mjs +10 -0
- package/dist/components/fallback/ElmBlockFallback.vue2.mjs +17 -0
- package/dist/components/fallback/ElmBlockFallback.vue3.mjs +6 -0
- package/dist/components/fallback/ElmRectangleWave.vue.d.ts +1 -1
- package/dist/components/fallback/ElmRectangleWave.vue.mjs +10 -0
- package/dist/components/fallback/ElmRectangleWave.vue2.mjs +15 -0
- package/dist/components/fallback/ElmRectangleWave.vue3.mjs +9 -0
- package/dist/components/fallback/ElmSpinner.stories.d.ts +6 -0
- package/dist/components/fallback/ElmSpinner.vue.d.ts +9 -0
- package/dist/components/fallback/ElmSpinner.vue.mjs +10 -0
- package/dist/components/fallback/ElmSpinner.vue2.mjs +30 -0
- package/dist/components/fallback/ElmSpinner.vue3.mjs +12 -0
- package/dist/components/form/ElmButton.stories.d.ts +11 -0
- package/dist/components/form/ElmButton.vue.d.ts +41 -0
- package/dist/components/form/ElmButton.vue.mjs +10 -0
- package/dist/components/form/ElmButton.vue2.mjs +57 -0
- package/dist/components/form/ElmButton.vue3.mjs +20 -0
- package/dist/components/form/ElmCheckbox.vue.d.ts +16 -6
- package/dist/components/form/ElmCheckbox.vue.mjs +10 -0
- package/dist/components/form/ElmCheckbox.vue2.mjs +177 -0
- package/dist/components/form/ElmCheckbox.vue3.mjs +22 -0
- package/dist/components/form/ElmSwitch.stories.d.ts +6 -0
- package/dist/components/form/ElmSwitch.vue.d.ts +32 -0
- package/dist/components/form/ElmSwitch.vue.mjs +10 -0
- package/dist/components/form/ElmSwitch.vue2.mjs +61 -0
- package/dist/components/form/ElmSwitch.vue3.mjs +16 -0
- package/dist/components/form/ElmTextField.stories.d.ts +6 -0
- package/dist/components/form/ElmTextField.vue.d.ts +30 -0
- package/dist/components/form/ElmTextField.vue.mjs +10 -0
- package/dist/components/form/ElmTextField.vue2.mjs +124 -0
- package/dist/components/form/ElmTextField.vue3.mjs +34 -0
- package/dist/components/form/ElmTotp.stories.d.ts +6 -0
- package/dist/components/form/ElmTotp.vue.d.ts +12 -0
- package/dist/components/form/ElmTotp.vue.mjs +10 -0
- package/dist/components/form/ElmTotp.vue2.mjs +102 -0
- package/dist/components/form/ElmTotp.vue3.mjs +22 -0
- package/dist/components/headings/ElmFragmentIdentifier.stories.d.ts +6 -0
- package/dist/components/headings/ElmFragmentIdentifier.vue.d.ts +8 -0
- package/dist/components/headings/ElmFragmentIdentifier.vue.mjs +10 -0
- package/dist/components/headings/ElmFragmentIdentifier.vue2.mjs +54 -0
- package/dist/components/headings/ElmFragmentIdentifier.vue3.mjs +11 -0
- package/dist/components/headings/ElmHeading1.vue.d.ts +9 -1
- package/dist/components/headings/ElmHeading1.vue.mjs +10 -0
- package/dist/components/headings/ElmHeading1.vue2.mjs +43 -0
- package/dist/components/headings/ElmHeading1.vue3.mjs +8 -0
- package/dist/components/headings/ElmHeading2.vue.d.ts +9 -1
- package/dist/components/headings/ElmHeading2.vue.mjs +10 -0
- package/dist/components/headings/ElmHeading2.vue2.mjs +49 -0
- package/dist/components/headings/ElmHeading2.vue3.mjs +11 -0
- package/dist/components/headings/ElmHeading3.vue.d.ts +9 -1
- package/dist/components/headings/ElmHeading3.vue.mjs +10 -0
- package/dist/components/headings/ElmHeading3.vue2.mjs +39 -0
- package/dist/components/headings/ElmHeading3.vue3.mjs +8 -0
- package/dist/components/headings/ElmHeading4.vue.d.ts +6 -0
- package/dist/components/headings/ElmHeading4.vue.mjs +10 -0
- package/dist/components/headings/ElmHeading4.vue2.mjs +31 -0
- package/dist/components/headings/ElmHeading4.vue3.mjs +8 -0
- package/dist/components/headings/ElmHeading5.vue.d.ts +6 -0
- package/dist/components/headings/ElmHeading5.vue.mjs +10 -0
- package/dist/components/headings/ElmHeading5.vue2.mjs +31 -0
- package/dist/components/headings/ElmHeading5.vue3.mjs +8 -0
- package/dist/components/headings/ElmHeading6.vue.d.ts +6 -0
- package/dist/components/headings/ElmHeading6.vue.mjs +10 -0
- package/dist/components/headings/ElmHeading6.vue2.mjs +31 -0
- package/dist/components/headings/ElmHeading6.vue3.mjs +8 -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/ElmArrowIcon.vue.mjs +10 -0
- package/dist/components/icon/ElmArrowIcon.vue2.mjs +31 -0
- package/dist/components/icon/ElmArrowIcon.vue3.mjs +17 -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/ElmBookmarkIcon.vue.mjs +10 -0
- package/dist/components/icon/ElmBookmarkIcon.vue2.mjs +45 -0
- package/dist/components/icon/ElmBookmarkIcon.vue3.mjs +15 -0
- package/dist/components/icon/ElmCubeIcon.vue.d.ts +1 -1
- package/dist/components/icon/ElmCubeIcon.vue.mjs +10 -0
- package/dist/components/icon/ElmCubeIcon.vue2.mjs +41 -0
- package/dist/components/icon/ElmCubeIcon.vue3.mjs +12 -0
- package/dist/components/icon/ElmDotLoadingIcon.vue.d.ts +2 -2
- package/dist/components/icon/ElmDotLoadingIcon.vue.mjs +10 -0
- package/dist/components/icon/ElmDotLoadingIcon.vue2.mjs +28 -0
- package/dist/components/icon/ElmDotLoadingIcon.vue3.mjs +14 -0
- package/dist/components/icon/ElmLanguageIcon.vue.d.ts +1 -1
- package/dist/components/icon/ElmLanguageIcon.vue.mjs +10 -0
- package/dist/components/icon/ElmLanguageIcon.vue2.mjs +148 -0
- package/dist/components/icon/ElmLanguageIcon.vue3.mjs +11 -0
- package/dist/components/icon/ElmLoginIcon.stories.d.ts +6 -0
- package/dist/components/icon/ElmLoginIcon.vue.d.ts +18 -0
- package/dist/components/icon/ElmLoginIcon.vue.mjs +10 -0
- package/dist/components/icon/ElmLoginIcon.vue2.mjs +37 -0
- package/dist/components/icon/ElmLoginIcon.vue3.mjs +8 -0
- package/dist/components/icon/ElmToggleTheme.vue.mjs +10 -0
- package/dist/components/icon/ElmToggleTheme.vue2.mjs +30 -0
- package/dist/components/icon/ElmToggleTheme.vue3.mjs +8 -0
- package/dist/components/icon/languages/Bash.vue.d.ts +1 -1
- package/dist/{Bash-Cd5wtNan.js → components/icon/languages/Bash.vue.mjs} +20 -15
- package/dist/components/icon/languages/Bash.vue2.mjs +8 -0
- package/dist/components/icon/languages/{JavaScript.vue.d.ts → Css.vue.d.ts} +1 -1
- package/dist/components/icon/languages/Css.vue.mjs +19 -0
- package/dist/components/icon/languages/Rust.vue.d.ts +1 -1
- package/dist/components/icon/languages/Rust.vue.mjs +17 -0
- package/dist/components/inline/ElmInlineLink.vue.d.ts +1 -1
- package/dist/components/inline/ElmInlineLink.vue.mjs +10 -0
- package/dist/components/inline/ElmInlineLink.vue2.mjs +53 -0
- package/dist/components/inline/ElmInlineLink.vue3.mjs +11 -0
- package/dist/components/inline/ElmInlineRuby.vue.d.ts +1 -1
- package/dist/components/inline/ElmInlineRuby.vue.mjs +29 -0
- package/dist/components/inline/ElmInlineRuby.vue2.mjs +4 -0
- package/dist/components/inline/ElmInlineText.stories.d.ts +1 -0
- package/dist/components/inline/ElmInlineText.vue.d.ts +10 -1
- package/dist/components/inline/ElmInlineText.vue.mjs +10 -0
- package/dist/components/inline/ElmInlineText.vue2.mjs +57 -0
- package/dist/components/inline/ElmInlineText.vue3.mjs +11 -0
- package/dist/components/inline/ElmTypingAnimation.stories.d.ts +6 -0
- package/dist/components/inline/ElmTypingAnimation.vue.d.ts +21 -0
- package/dist/components/jsonschema/ElmChildContainer.stories.d.ts +6 -0
- package/dist/components/jsonschema/ElmChildContainer.vue.d.ts +21 -0
- package/dist/components/jsonschema/ElmFieldAttribute.stories.d.ts +6 -0
- package/dist/components/jsonschema/ElmFieldAttribute.vue.d.ts +7 -0
- package/dist/components/jsonschema/ElmFieldType.stories.d.ts +7 -0
- package/dist/components/jsonschema/ElmFieldType.vue.d.ts +8 -0
- package/dist/components/jsonschema/ElmJsonSchema.stories.d.ts +7 -0
- package/dist/components/jsonschema/ElmJsonSchema.vue.d.ts +7 -0
- package/dist/components/media/ElmFile.vue.d.ts +6 -1
- package/dist/components/media/ElmFile.vue.mjs +10 -0
- package/dist/components/media/ElmFile.vue2.mjs +77 -0
- package/dist/components/media/ElmFile.vue3.mjs +14 -0
- package/dist/components/media/ElmImage.stories.d.ts +1 -0
- package/dist/components/media/ElmImage.vue.d.ts +5 -0
- package/dist/components/media/ElmImage.vue.mjs +10 -0
- package/dist/components/media/ElmImage.vue2.mjs +91 -0
- package/dist/components/media/ElmImage.vue3.mjs +18 -0
- package/dist/components/navigation/ElmBookmark.stories.d.ts +2 -0
- package/dist/components/navigation/ElmBookmark.vue.d.ts +13 -9
- package/dist/components/navigation/ElmBookmark.vue.mjs +10 -0
- package/dist/components/navigation/ElmBookmark.vue2.mjs +115 -0
- package/dist/components/navigation/ElmBookmark.vue3.mjs +32 -0
- package/dist/components/navigation/ElmBreadcrumb.vue.d.ts +3 -1
- package/dist/components/navigation/ElmBreadcrumb.vue.mjs +10 -0
- package/dist/components/navigation/ElmBreadcrumb.vue2.mjs +63 -0
- package/dist/components/navigation/ElmBreadcrumb.vue3.mjs +18 -0
- package/dist/components/navigation/ElmPagetop.vue.d.ts +1 -1
- package/dist/components/navigation/ElmPagetop.vue.mjs +10 -0
- package/dist/components/navigation/ElmPagetop.vue2.mjs +51 -0
- package/dist/components/navigation/ElmPagetop.vue3.mjs +18 -0
- package/dist/components/navigation/ElmTableOfContents.vue.d.ts +1 -1
- package/dist/components/navigation/ElmTableOfContents.vue.mjs +10 -0
- package/dist/components/navigation/ElmTableOfContents.vue2.mjs +43 -0
- package/dist/components/navigation/ElmTableOfContents.vue3.mjs +14 -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/ElmColorSample.vue.mjs +10 -0
- package/dist/components/others/ElmColorSample.vue2.mjs +72 -0
- package/dist/components/others/ElmColorSample.vue3.mjs +9 -0
- package/dist/components/others/ElmColorTable.stories.d.ts +6 -0
- package/dist/components/others/ElmColorTable.vue.d.ts +11 -0
- package/dist/components/others/ElmColorTable.vue.mjs +10 -0
- package/dist/components/others/ElmColorTable.vue2.mjs +45 -0
- package/dist/components/others/ElmColorTable.vue3.mjs +10 -0
- package/dist/components/others/ElmTemplate.stories.d.ts +6 -0
- package/dist/components/others/ElmTyping.vue.d.ts +4 -0
- package/dist/components/renderer/ElmJsonRenderer.vue.d.ts +33 -8
- package/dist/components/renderer/ElmJsonRenderer.vue.mjs +96 -0
- package/dist/components/renderer/ElmJsonRenderer.vue2.mjs +4 -0
- package/dist/components/renderer/ElmJsonRendererAsync.vue.d.ts +3 -0
- package/dist/components/renderer/ElmJsonRendererAsync.vue.mjs +24 -0
- package/dist/components/renderer/ElmJsonRendererAsync.vue2.mjs +4 -0
- package/dist/components/table/ElmTable.vue.d.ts +8 -2
- package/dist/components/table/ElmTable.vue.mjs +6 -0
- package/dist/components/table/ElmTable.vue2.mjs +22 -0
- package/dist/components/table/ElmTableBody.vue.d.ts +3 -2
- package/dist/components/table/ElmTableBody.vue.mjs +15 -0
- package/dist/components/table/ElmTableBody.vue3.mjs +5 -0
- package/dist/components/table/ElmTableCell.vue.d.ts +2 -1
- package/dist/components/table/ElmTableCell.vue.mjs +6 -0
- package/dist/components/table/ElmTableCell.vue2.mjs +22 -0
- package/dist/components/table/ElmTableHeader.vue.d.ts +3 -2
- package/dist/components/table/ElmTableHeader.vue.mjs +15 -0
- package/dist/components/table/ElmTableHeader.vue3.mjs +5 -0
- package/dist/components/table/ElmTableRow.vue.d.ts +3 -2
- package/dist/components/table/ElmTableRow.vue.mjs +14 -0
- package/dist/components/table/ElmTableRow.vue2.mjs +4 -0
- package/dist/components/template/ElmTemplate.vue.d.ts +1 -1
- package/dist/components/typography/ElmBlockQuote.vue.d.ts +5 -2
- package/dist/components/typography/ElmBlockQuote.vue.mjs +10 -0
- package/dist/components/typography/ElmBlockQuote.vue2.mjs +27 -0
- package/dist/components/typography/ElmBlockQuote.vue3.mjs +8 -0
- package/dist/components/typography/ElmBulletedList.vue.d.ts +5 -2
- package/dist/components/typography/ElmBulletedList.vue.mjs +27 -0
- package/dist/components/typography/ElmBulletedList.vue3.mjs +5 -0
- package/dist/components/typography/ElmCallout.vue.d.ts +5 -2
- package/dist/components/typography/ElmCallout.vue.mjs +10 -0
- package/dist/components/typography/ElmCallout.vue2.mjs +57 -0
- package/dist/components/typography/ElmCallout.vue3.mjs +14 -0
- package/dist/components/typography/ElmDivider.vue.d.ts +8 -1
- package/dist/components/typography/ElmDivider.vue.mjs +10 -0
- package/dist/components/typography/ElmDivider.vue2.mjs +29 -0
- package/dist/components/typography/ElmDivider.vue3.mjs +8 -0
- package/dist/components/typography/ElmListItem.vue.d.ts +3 -2
- package/dist/components/typography/ElmListItem.vue.mjs +10 -0
- package/dist/components/typography/ElmListItem.vue2.mjs +16 -0
- package/dist/components/typography/ElmListItem.vue3.mjs +8 -0
- package/dist/components/typography/ElmNumberedList.vue.d.ts +5 -2
- package/dist/components/typography/ElmNumberedList.vue.mjs +27 -0
- package/dist/components/typography/ElmNumberedList.vue3.mjs +5 -0
- package/dist/components/typography/ElmParagraph.vue.d.ts +5 -2
- package/dist/components/typography/ElmParagraph.vue.mjs +10 -0
- package/dist/components/typography/ElmParagraph.vue2.mjs +27 -0
- package/dist/components/typography/ElmParagraph.vue3.mjs +8 -0
- package/dist/hooks/useElmethisTheme.d.ts +4 -0
- package/dist/hooks/useElmethisTheme.mjs +43 -0
- package/dist/hooks/useTyping.d.ts +17 -0
- package/dist/hooks/useTyping.mjs +37 -0
- package/dist/index.d.ts +127 -44
- package/dist/index.mjs +148 -0
- package/package.json +37 -29
- package/dist/JavaScript-CPGj6jvI.js +0 -22
- package/dist/Rust-Beyp-qeb.js +0 -16
- package/dist/TypeScript-Dk8QmsMS.js +0 -22
- package/dist/components/icon/languages/TypeScript.vue.d.ts +0 -2
- package/dist/components/inline/ElmInlineCode.vue.d.ts +0 -15
- package/dist/elmethis.js +0 -46
- package/dist/elmethis.umd.cjs +0 -419
- package/dist/index-DO0Qe0Kt.js +0 -16225
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { VNode } from 'vue';
|
|
2
|
+
export declare function useSnackbarState(): {
|
|
3
|
+
snackbars: import('vue').Ref<{
|
|
4
|
+
id: string;
|
|
5
|
+
label?: string | undefined;
|
|
6
|
+
timeout: number;
|
|
7
|
+
children?: VNode | undefined;
|
|
8
|
+
close: () => void;
|
|
9
|
+
}[], {
|
|
10
|
+
id: string;
|
|
11
|
+
label?: string;
|
|
12
|
+
timeout: number;
|
|
13
|
+
children?: VNode;
|
|
14
|
+
close: () => void;
|
|
15
|
+
}[] | {
|
|
16
|
+
id: string;
|
|
17
|
+
label?: string | undefined;
|
|
18
|
+
timeout: number;
|
|
19
|
+
children?: VNode | undefined;
|
|
20
|
+
close: () => void;
|
|
21
|
+
}[]>;
|
|
22
|
+
push: ({ label, timeout, children }: {
|
|
23
|
+
label?: string;
|
|
24
|
+
timeout?: number;
|
|
25
|
+
children?: VNode;
|
|
26
|
+
}) => string;
|
|
27
|
+
remove: (id: string) => void;
|
|
28
|
+
};
|
|
@@ -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, {}, HTMLDivElement>;
|
|
30
|
+
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _sfc_main from "./ElmMultiProgress.vue2.mjs";
|
|
2
|
+
import style0 from "./ElmMultiProgress.vue3.mjs";
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const cssModules = {
|
|
5
|
+
"$style": style0
|
|
6
|
+
};
|
|
7
|
+
const ElmMultiProgress = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
8
|
+
export {
|
|
9
|
+
ElmMultiProgress as default
|
|
10
|
+
};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, Fragment, renderList } from "vue";
|
|
2
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
3
|
+
__name: "ElmMultiProgress",
|
|
4
|
+
props: {
|
|
5
|
+
progress: {},
|
|
6
|
+
weight: { default: "4px" },
|
|
7
|
+
round: { type: Boolean, default: true }
|
|
8
|
+
},
|
|
9
|
+
setup(__props) {
|
|
10
|
+
const props = __props;
|
|
11
|
+
const max = computed(() => props.progress.reduce((p, n) => p + n.value, 0));
|
|
12
|
+
const computedProgress = computed(() => {
|
|
13
|
+
let cumulative = 0;
|
|
14
|
+
return props.progress.map((p) => {
|
|
15
|
+
const scale = p.value / max.value * 100;
|
|
16
|
+
const start = cumulative;
|
|
17
|
+
cumulative += scale;
|
|
18
|
+
return { ...p, scale: scale / 100, start };
|
|
19
|
+
});
|
|
20
|
+
});
|
|
21
|
+
return (_ctx, _cache) => {
|
|
22
|
+
return openBlock(), createElementBlock("div", {
|
|
23
|
+
class: normalizeClass(_ctx.$style.container),
|
|
24
|
+
style: normalizeStyle({
|
|
25
|
+
"--weight": _ctx.weight,
|
|
26
|
+
"--border-radius": _ctx.round ? "calc(var(--weight) / 2)" : void 0
|
|
27
|
+
})
|
|
28
|
+
}, [
|
|
29
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(computedProgress.value, (p) => {
|
|
30
|
+
return openBlock(), createElementBlock("div", {
|
|
31
|
+
key: _ctx.index,
|
|
32
|
+
class: normalizeClass(_ctx.$style.bar),
|
|
33
|
+
style: normalizeStyle({
|
|
34
|
+
"--transform": `translateX(${p.start}%) scaleX(${p.scale})`,
|
|
35
|
+
"--color": p.color
|
|
36
|
+
})
|
|
37
|
+
}, null, 6);
|
|
38
|
+
}), 128))
|
|
39
|
+
], 6);
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
export {
|
|
44
|
+
_sfc_main as default
|
|
45
|
+
};
|
|
@@ -15,7 +15,7 @@ export interface ElmProgressProps {
|
|
|
15
15
|
/**
|
|
16
16
|
* The weight of the progress.
|
|
17
17
|
*/
|
|
18
|
-
weight
|
|
18
|
+
weight?: Property.Height<string | number>;
|
|
19
19
|
/**
|
|
20
20
|
* Whether the progress should be round.
|
|
21
21
|
*/
|
|
@@ -24,10 +24,15 @@ export interface ElmProgressProps {
|
|
|
24
24
|
* The color of the progress.
|
|
25
25
|
*/
|
|
26
26
|
color?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Whether the progress is loading.
|
|
29
|
+
*/
|
|
30
|
+
loading?: boolean;
|
|
27
31
|
}
|
|
28
32
|
declare const _default: import('vue').DefineComponent<ElmProgressProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmProgressProps> & Readonly<{}>, {
|
|
29
33
|
max: number;
|
|
30
34
|
weight: Property.Height<string | number>;
|
|
31
35
|
round: boolean;
|
|
36
|
+
loading: boolean;
|
|
32
37
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
33
38
|
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _sfc_main from "./ElmProgress.vue2.mjs";
|
|
2
|
+
import style0 from "./ElmProgress.vue3.mjs";
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const cssModules = {
|
|
5
|
+
"$style": style0
|
|
6
|
+
};
|
|
7
|
+
const ElmProgress = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
8
|
+
export {
|
|
9
|
+
ElmProgress as default
|
|
10
|
+
};
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, normalizeClass, normalizeStyle, createCommentVNode } from "vue";
|
|
2
|
+
const _hoisted_1 = ["value", "max"];
|
|
3
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
4
|
+
__name: "ElmProgress",
|
|
5
|
+
props: {
|
|
6
|
+
value: {},
|
|
7
|
+
buffer: {},
|
|
8
|
+
max: { default: 100 },
|
|
9
|
+
weight: { default: "4px" },
|
|
10
|
+
round: { type: Boolean, default: true },
|
|
11
|
+
color: {},
|
|
12
|
+
loading: { type: Boolean, default: false }
|
|
13
|
+
},
|
|
14
|
+
setup(__props) {
|
|
15
|
+
return (_ctx, _cache) => {
|
|
16
|
+
return openBlock(), createElementBlock(Fragment, null, [
|
|
17
|
+
createElementVNode("progress", {
|
|
18
|
+
class: normalizeClass(_ctx.$style.progress),
|
|
19
|
+
value: _ctx.value,
|
|
20
|
+
max: _ctx.max
|
|
21
|
+
}, null, 10, _hoisted_1),
|
|
22
|
+
createElementVNode("div", {
|
|
23
|
+
class: normalizeClass(_ctx.$style.container),
|
|
24
|
+
style: normalizeStyle({
|
|
25
|
+
"--weight": _ctx.weight,
|
|
26
|
+
"--border-radius": _ctx.round ? "calc(var(--weight) / 2)" : void 0,
|
|
27
|
+
"--color": _ctx.color
|
|
28
|
+
})
|
|
29
|
+
}, [
|
|
30
|
+
createElementVNode("div", {
|
|
31
|
+
class: normalizeClass(_ctx.$style.value),
|
|
32
|
+
style: normalizeStyle({
|
|
33
|
+
"--scale-x": `scaleX(${_ctx.loading ? 0 : _ctx.value / _ctx.max})`
|
|
34
|
+
})
|
|
35
|
+
}, null, 6),
|
|
36
|
+
_ctx.loading ? (openBlock(), createElementBlock("div", {
|
|
37
|
+
key: 0,
|
|
38
|
+
class: normalizeClass(_ctx.$style.loading)
|
|
39
|
+
}, null, 2)) : createCommentVNode("", true),
|
|
40
|
+
createElementVNode("div", {
|
|
41
|
+
class: normalizeClass(_ctx.$style.buffer),
|
|
42
|
+
style: normalizeStyle({
|
|
43
|
+
"--scale-x": `scaleX(${_ctx.loading ? 0 : _ctx.buffer != null ? _ctx.buffer / _ctx.max : _ctx.value / _ctx.max})`
|
|
44
|
+
})
|
|
45
|
+
}, null, 6)
|
|
46
|
+
], 6)
|
|
47
|
+
], 64);
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
export {
|
|
52
|
+
_sfc_main as default
|
|
53
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
const progress = "_progress_17sza_1";
|
|
2
|
+
const loading = "_loading_17sza_23";
|
|
3
|
+
const container = "_container_17sza_40";
|
|
4
|
+
const value = "_value_17sza_51";
|
|
5
|
+
const buffer = "_buffer_17sza_64";
|
|
6
|
+
const style0 = {
|
|
7
|
+
progress,
|
|
8
|
+
loading,
|
|
9
|
+
container,
|
|
10
|
+
value,
|
|
11
|
+
buffer
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
buffer,
|
|
15
|
+
container,
|
|
16
|
+
style0 as default,
|
|
17
|
+
loading,
|
|
18
|
+
progress,
|
|
19
|
+
value
|
|
20
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import { default as ElmStatusMessage } from './ElmStatusMessage.vue';
|
|
3
|
+
declare const meta: Meta<typeof ElmStatusMessage>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Primary: Story;
|
|
7
|
+
export declare const Success: Story;
|
|
8
|
+
export declare const Error: Story;
|
|
9
|
+
export declare const Warning: Story;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export interface ElmStatusMessageProps {
|
|
2
|
+
status: 'success' | 'error' | 'warning' | 'pending';
|
|
3
|
+
message: string;
|
|
4
|
+
}
|
|
5
|
+
declare const _default: import('vue').DefineComponent<ElmStatusMessageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmStatusMessageProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
6
|
+
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _sfc_main from "./ElmStatusMessage.vue2.mjs";
|
|
2
|
+
import style0 from "./ElmStatusMessage.vue3.mjs";
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const cssModules = {
|
|
5
|
+
"$style": style0
|
|
6
|
+
};
|
|
7
|
+
const ElmStatusMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-0a79ebd0"]]);
|
|
8
|
+
export {
|
|
9
|
+
ElmStatusMessage as default
|
|
10
|
+
};
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { defineComponent, createBlock, openBlock, Transition, withCtx, createElementBlock, normalizeClass, createVNode, unref } from "vue";
|
|
2
|
+
import { Icon } from "@iconify/vue";
|
|
3
|
+
import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "ElmStatusMessage",
|
|
6
|
+
props: {
|
|
7
|
+
status: {},
|
|
8
|
+
message: {}
|
|
9
|
+
},
|
|
10
|
+
setup(__props) {
|
|
11
|
+
return (_ctx, _cache) => {
|
|
12
|
+
return openBlock(), createBlock(Transition, { mode: "out-in" }, {
|
|
13
|
+
default: withCtx(() => [
|
|
14
|
+
_ctx.status === "pending" ? (openBlock(), createElementBlock("div", {
|
|
15
|
+
key: 0,
|
|
16
|
+
class: normalizeClass(_ctx.$style.wrapper)
|
|
17
|
+
}, [
|
|
18
|
+
createVNode(unref(Icon), {
|
|
19
|
+
icon: "mdi:rotate-clockwise",
|
|
20
|
+
class: normalizeClass(_ctx.$style.icon),
|
|
21
|
+
style: { color: "#6987b8" }
|
|
22
|
+
}, null, 8, ["class"]),
|
|
23
|
+
createVNode(ElmInlineText, {
|
|
24
|
+
text: _ctx.message,
|
|
25
|
+
color: "#6987b8"
|
|
26
|
+
}, null, 8, ["text"])
|
|
27
|
+
], 2)) : _ctx.status === "error" ? (openBlock(), createElementBlock("div", {
|
|
28
|
+
key: 1,
|
|
29
|
+
class: normalizeClass(_ctx.$style.wrapper)
|
|
30
|
+
}, [
|
|
31
|
+
createVNode(unref(Icon), {
|
|
32
|
+
icon: "uis:exclamation-circle",
|
|
33
|
+
class: normalizeClass(_ctx.$style.icon),
|
|
34
|
+
style: { color: "#c56565" }
|
|
35
|
+
}, null, 8, ["class"]),
|
|
36
|
+
createVNode(ElmInlineText, {
|
|
37
|
+
text: _ctx.message,
|
|
38
|
+
color: "#c56565"
|
|
39
|
+
}, null, 8, ["text"])
|
|
40
|
+
], 2)) : _ctx.status === "warning" ? (openBlock(), createElementBlock("div", {
|
|
41
|
+
key: 2,
|
|
42
|
+
class: normalizeClass(_ctx.$style.wrapper)
|
|
43
|
+
}, [
|
|
44
|
+
createVNode(unref(Icon), {
|
|
45
|
+
icon: "ic:baseline-warning",
|
|
46
|
+
class: normalizeClass(_ctx.$style.icon),
|
|
47
|
+
style: { color: "#cdb57b" }
|
|
48
|
+
}, null, 8, ["class"]),
|
|
49
|
+
createVNode(ElmInlineText, {
|
|
50
|
+
text: _ctx.message,
|
|
51
|
+
color: "#cdb57b"
|
|
52
|
+
}, null, 8, ["text"])
|
|
53
|
+
], 2)) : (openBlock(), createElementBlock("div", {
|
|
54
|
+
key: 3,
|
|
55
|
+
class: normalizeClass(_ctx.$style.wrapper)
|
|
56
|
+
}, [
|
|
57
|
+
createVNode(unref(Icon), {
|
|
58
|
+
icon: "material-symbols-light:check-circle",
|
|
59
|
+
class: normalizeClass(_ctx.$style.icon),
|
|
60
|
+
style: { color: "#59b57c" }
|
|
61
|
+
}, null, 8, ["class"]),
|
|
62
|
+
createVNode(ElmInlineText, {
|
|
63
|
+
text: _ctx.message,
|
|
64
|
+
color: "#59b57c"
|
|
65
|
+
}, null, 8, ["text"])
|
|
66
|
+
], 2))
|
|
67
|
+
]),
|
|
68
|
+
_: 1
|
|
69
|
+
});
|
|
70
|
+
};
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
export {
|
|
74
|
+
_sfc_main as default
|
|
75
|
+
};
|
|
@@ -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, {}, HTMLDivElement>;
|
|
4
|
+
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _sfc_main from "./ElmBlockFallback.vue2.mjs";
|
|
2
|
+
import style0 from "./ElmBlockFallback.vue3.mjs";
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const cssModules = {
|
|
5
|
+
"$style": style0
|
|
6
|
+
};
|
|
7
|
+
const ElmBlockFallback = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
8
|
+
export {
|
|
9
|
+
ElmBlockFallback as default
|
|
10
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { defineComponent, createElementBlock, openBlock, normalizeClass, createVNode } from "vue";
|
|
2
|
+
import ElmDotLoadingIcon from "../icon/ElmDotLoadingIcon.vue.mjs";
|
|
3
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
4
|
+
__name: "ElmBlockFallback",
|
|
5
|
+
setup(__props) {
|
|
6
|
+
return (_ctx, _cache) => {
|
|
7
|
+
return openBlock(), createElementBlock("div", {
|
|
8
|
+
class: normalizeClass(_ctx.$style["elmethis-block-fallback"])
|
|
9
|
+
}, [
|
|
10
|
+
createVNode(ElmDotLoadingIcon)
|
|
11
|
+
], 2);
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
export {
|
|
16
|
+
_sfc_main as default
|
|
17
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export interface ElmRectangleWaveProps {
|
|
2
2
|
}
|
|
3
|
-
declare const _default: import('vue').DefineComponent<ElmRectangleWaveProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmRectangleWaveProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {},
|
|
3
|
+
declare const _default: import('vue').DefineComponent<ElmRectangleWaveProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmRectangleWaveProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
4
4
|
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _sfc_main from "./ElmRectangleWave.vue2.mjs";
|
|
2
|
+
import style0 from "./ElmRectangleWave.vue3.mjs";
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const cssModules = {
|
|
5
|
+
"$style": style0
|
|
6
|
+
};
|
|
7
|
+
const ElmRectangleWave = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
8
|
+
export {
|
|
9
|
+
ElmRectangleWave as default
|
|
10
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { defineComponent, createElementBlock, openBlock, normalizeClass } from "vue";
|
|
2
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
3
|
+
__name: "ElmRectangleWave",
|
|
4
|
+
setup(__props) {
|
|
5
|
+
return (_ctx, _cache) => {
|
|
6
|
+
return openBlock(), createElementBlock("div", {
|
|
7
|
+
"aria-hidden": "",
|
|
8
|
+
class: normalizeClass(_ctx.$style["rectangle-wave"])
|
|
9
|
+
}, null, 2);
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
export {
|
|
14
|
+
_sfc_main as default
|
|
15
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export interface ElmSpinnerProps {
|
|
2
|
+
radius?: number;
|
|
3
|
+
weight?: number;
|
|
4
|
+
}
|
|
5
|
+
declare const _default: import('vue').DefineComponent<ElmSpinnerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmSpinnerProps> & Readonly<{}>, {
|
|
6
|
+
weight: number;
|
|
7
|
+
radius: number;
|
|
8
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _sfc_main from "./ElmSpinner.vue2.mjs";
|
|
2
|
+
import style0 from "./ElmSpinner.vue3.mjs";
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const cssModules = {
|
|
5
|
+
"$style": style0
|
|
6
|
+
};
|
|
7
|
+
const ElmSpinner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
8
|
+
export {
|
|
9
|
+
ElmSpinner as default
|
|
10
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { defineComponent, createElementBlock, openBlock, createElementVNode, normalizeClass } from "vue";
|
|
2
|
+
const _hoisted_1 = ["height", "width"];
|
|
3
|
+
const _hoisted_2 = ["cx", "cy", "r", "strokeWidth"];
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "ElmSpinner",
|
|
6
|
+
props: {
|
|
7
|
+
radius: { default: 16 },
|
|
8
|
+
weight: { default: 2 }
|
|
9
|
+
},
|
|
10
|
+
setup(__props) {
|
|
11
|
+
return (_ctx, _cache) => {
|
|
12
|
+
return openBlock(), createElementBlock("svg", {
|
|
13
|
+
height: _ctx.radius * 2,
|
|
14
|
+
width: _ctx.radius * 2
|
|
15
|
+
}, [
|
|
16
|
+
createElementVNode("circle", {
|
|
17
|
+
class: normalizeClass(_ctx.$style.circle),
|
|
18
|
+
cx: _ctx.radius,
|
|
19
|
+
cy: _ctx.radius,
|
|
20
|
+
r: _ctx.radius - _ctx.weight,
|
|
21
|
+
fill: "transparent",
|
|
22
|
+
strokeWidth: _ctx.weight
|
|
23
|
+
}, null, 10, _hoisted_2)
|
|
24
|
+
], 8, _hoisted_1);
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
export {
|
|
29
|
+
_sfc_main as default
|
|
30
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
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 Flex: Story;
|
|
10
|
+
export declare const Disabled: Story;
|
|
11
|
+
export declare const WithPrimary: Story;
|
|
@@ -0,0 +1,41 @@
|
|
|
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
|
+
onClick: () => void;
|
|
19
|
+
}
|
|
20
|
+
declare function __VLS_template(): {
|
|
21
|
+
attrs: Partial<{}>;
|
|
22
|
+
slots: {
|
|
23
|
+
default?(_: {}): any;
|
|
24
|
+
};
|
|
25
|
+
refs: {};
|
|
26
|
+
rootEl: HTMLButtonElement;
|
|
27
|
+
};
|
|
28
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
29
|
+
declare const __VLS_component: import('vue').DefineComponent<ElmButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmButtonProps> & Readonly<{}>, {
|
|
30
|
+
block: boolean;
|
|
31
|
+
loading: boolean;
|
|
32
|
+
disabled: boolean;
|
|
33
|
+
primary: boolean;
|
|
34
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
|
|
35
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
36
|
+
export default _default;
|
|
37
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
38
|
+
new (): {
|
|
39
|
+
$slots: S;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _sfc_main from "./ElmButton.vue2.mjs";
|
|
2
|
+
import style0 from "./ElmButton.vue3.mjs";
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const cssModules = {
|
|
5
|
+
"$style": style0
|
|
6
|
+
};
|
|
7
|
+
const ElmButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-afd6570b"]]);
|
|
8
|
+
export {
|
|
9
|
+
ElmButton as default
|
|
10
|
+
};
|