@elmethis/core 1.0.0-alpha.179 → 1.0.0-alpha.180
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/components/media/ElmBlockImage.stories.d.ts +9 -0
- package/dist/components/media/ElmBlockImage.vue.d.ts +10 -0
- package/dist/components/media/ElmImage.stories.d.ts +1 -0
- package/dist/components/media/ElmImage.vue.mjs +2 -2
- package/dist/components/media/ElmImage.vue3.mjs +6 -6
- package/dist/index.d.ts +2 -0
- package/dist/index.mjs +41 -40
- package/package.json +1 -1
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import { default as ElmBlockImage } from './ElmBlockImage.vue';
|
|
3
|
+
declare const meta: Meta<typeof ElmBlockImage>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Primary: Story;
|
|
7
|
+
export declare const Svg: Story;
|
|
8
|
+
export declare const Modal: Story;
|
|
9
|
+
export declare const Invalid: Story;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ElmImageProps } from './ElmImage.vue';
|
|
2
|
+
export type ElmBlockImageProps = {
|
|
3
|
+
rounded?: boolean;
|
|
4
|
+
shadow?: boolean;
|
|
5
|
+
} & ElmImageProps;
|
|
6
|
+
declare const _default: import('vue').DefineComponent<ElmBlockImageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmBlockImageProps> & Readonly<{}>, {
|
|
7
|
+
rounded: boolean;
|
|
8
|
+
shadow: boolean;
|
|
9
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
10
|
+
export default _default;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
try {
|
|
4
4
|
if (typeof document != "undefined") {
|
|
5
5
|
var elementStyle = document.createElement("style");
|
|
6
|
-
elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-
|
|
6
|
+
elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-aae1a3f7],.v-leave-from[data-v-aae1a3f7]{opacity:1}.v-enter-active[data-v-aae1a3f7],.v-leave-active[data-v-aae1a3f7]{transition:opacity .3s}.v-enter-from[data-v-aae1a3f7],.v-leave-to[data-v-aae1a3f7]{opacity:0}"));
|
|
7
7
|
document.head.appendChild(elementStyle);
|
|
8
8
|
}
|
|
9
9
|
} catch (e) {
|
|
@@ -16,7 +16,7 @@ import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
|
16
16
|
const cssModules = {
|
|
17
17
|
"$style": style0
|
|
18
18
|
};
|
|
19
|
-
const ElmImage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-
|
|
19
|
+
const ElmImage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-aae1a3f7"]]);
|
|
20
20
|
export {
|
|
21
21
|
ElmImage as default
|
|
22
22
|
};
|
|
@@ -3,23 +3,23 @@
|
|
|
3
3
|
try {
|
|
4
4
|
if (typeof document != "undefined") {
|
|
5
5
|
var elementStyle = document.createElement("style");
|
|
6
|
-
elementStyle.appendChild(document.createTextNode(".
|
|
6
|
+
elementStyle.appendChild(document.createTextNode("._image_151nq_1{display:block;margin-block:var(--margin-block);max-width:100%;height:var(--height);opacity:var(--opacity);transition:opacity .4s;cursor:var(--cursor)}._error_151nq_11{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;min-height:10rem;line-height:1.5rem;color:#c56565}._fallback_151nq_23{margin-block:var(--margin-block);margin:0;padding:0;position:relative;width:100%;z-index:1;display:flex;justify-content:center;align-items:center;aspect-ratio:1200/630}._modal_151nq_36{z-index:1000;position:fixed;width:100%;height:100vh;top:0;left:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;cursor:zoom-out}._modal_151nq_36 ._modal-image_151nq_49{width:100vw;height:100vh;-o-object-fit:contain;object-fit:contain}"));
|
|
7
7
|
document.head.appendChild(elementStyle);
|
|
8
8
|
}
|
|
9
9
|
} catch (e) {
|
|
10
10
|
console.error("vite-plugin-css-injected-by-js", e);
|
|
11
11
|
}
|
|
12
12
|
})();
|
|
13
|
-
const image = "
|
|
14
|
-
const error = "
|
|
15
|
-
const fallback = "
|
|
16
|
-
const modal = "
|
|
13
|
+
const image = "_image_151nq_1";
|
|
14
|
+
const error = "_error_151nq_11";
|
|
15
|
+
const fallback = "_fallback_151nq_23";
|
|
16
|
+
const modal = "_modal_151nq_36";
|
|
17
17
|
const style0 = {
|
|
18
18
|
image,
|
|
19
19
|
error,
|
|
20
20
|
fallback,
|
|
21
21
|
modal,
|
|
22
|
-
"modal-image": "_modal-
|
|
22
|
+
"modal-image": "_modal-image_151nq_49"
|
|
23
23
|
};
|
|
24
24
|
export {
|
|
25
25
|
style0 as default,
|
package/dist/index.d.ts
CHANGED
|
@@ -84,6 +84,8 @@ export type { ElmFileProps } from './components/media/ElmFile.vue';
|
|
|
84
84
|
export { default as ElmFile } from './components/media/ElmFile.vue';
|
|
85
85
|
export type { ElmImageProps } from './components/media/ElmImage.vue';
|
|
86
86
|
export { default as ElmImage } from './components/media/ElmImage.vue';
|
|
87
|
+
export type { ElmBlockImageProps } from './components/media/ElmBlockImage.vue';
|
|
88
|
+
export { default as ElmBlockImage } from './components/media/ElmImage.vue';
|
|
87
89
|
export type { ElmBookmarkProps } from './components/navigation/ElmBookmark.vue';
|
|
88
90
|
export { default as ElmBookmark } from './components/navigation/ElmBookmark.vue';
|
|
89
91
|
export type { ElmBreadcrumbProps } from './components/navigation/ElmBreadcrumb.vue';
|
package/dist/index.mjs
CHANGED
|
@@ -52,52 +52,53 @@ import { default as default40 } from "./components/inline/ElmInlineLink.vue.mjs"
|
|
|
52
52
|
import { default as default41 } from "./components/inline/ElmInlineRuby.vue.mjs";
|
|
53
53
|
import { default as default42 } from "./components/inline/ElmInlineText.vue.mjs";
|
|
54
54
|
import { default as default43 } from "./components/media/ElmFile.vue.mjs";
|
|
55
|
-
import { default as default44 } from "./components/media/ElmImage.vue.mjs";
|
|
56
|
-
import { default as
|
|
57
|
-
import { default as
|
|
58
|
-
import { default as
|
|
59
|
-
import { default as
|
|
60
|
-
import { default as
|
|
61
|
-
import { default as
|
|
62
|
-
import { default as
|
|
63
|
-
import { default as
|
|
64
|
-
import { default as
|
|
55
|
+
import { default as default44, default as default45 } from "./components/media/ElmImage.vue.mjs";
|
|
56
|
+
import { default as default46 } from "./components/navigation/ElmBookmark.vue.mjs";
|
|
57
|
+
import { default as default47 } from "./components/navigation/ElmBreadcrumb.vue.mjs";
|
|
58
|
+
import { default as default48 } from "./components/navigation/ElmPagetop.vue.mjs";
|
|
59
|
+
import { default as default49 } from "./components/navigation/ElmTableOfContents.vue.mjs";
|
|
60
|
+
import { default as default50 } from "./components/others/ElmColorSample.vue.mjs";
|
|
61
|
+
import { default as default51 } from "./components/others/ElmColorTable.vue.mjs";
|
|
62
|
+
import { default as default52 } from "./components/renderer/ElmJsonRenderer.vue.mjs";
|
|
63
|
+
import { default as default53 } from "./components/table/ElmTable.vue.mjs";
|
|
64
|
+
import { default as default54 } from "./components/table/ElmTableHeader.vue.mjs";
|
|
65
65
|
|
|
66
|
-
import { default as
|
|
66
|
+
import { default as default55 } from "./components/table/ElmTableBody.vue.mjs";
|
|
67
67
|
|
|
68
|
-
import { default as
|
|
69
|
-
import { default as
|
|
70
|
-
import { default as
|
|
71
|
-
import { default as
|
|
68
|
+
import { default as default56 } from "./components/table/ElmTableRow.vue.mjs";
|
|
69
|
+
import { default as default57 } from "./components/table/ElmTableCell.vue.mjs";
|
|
70
|
+
import { default as default58 } from "./components/typography/ElmBlockQuote.vue.mjs";
|
|
71
|
+
import { default as default59 } from "./components/typography/ElmBulletedList.vue.mjs";
|
|
72
72
|
|
|
73
|
-
import { default as
|
|
74
|
-
import { default as
|
|
75
|
-
import { default as
|
|
73
|
+
import { default as default60 } from "./components/typography/ElmCallout.vue.mjs";
|
|
74
|
+
import { default as default61 } from "./components/typography/ElmDivider.vue.mjs";
|
|
75
|
+
import { default as default62 } from "./components/typography/ElmNumberedList.vue.mjs";
|
|
76
76
|
|
|
77
|
-
import { default as
|
|
78
|
-
import { default as
|
|
77
|
+
import { default as default63 } from "./components/typography/ElmParagraph.vue.mjs";
|
|
78
|
+
import { default as default64 } from "./components/typography/ElmListItem.vue.mjs";
|
|
79
79
|
import { useElmethisTheme } from "./hooks/useElmethisTheme.mjs";
|
|
80
80
|
import { useTyping } from "./hooks/useTyping.mjs";
|
|
81
81
|
export {
|
|
82
82
|
default33 as ElmArrowIcon,
|
|
83
83
|
default2 as ElmBadge,
|
|
84
84
|
default19 as ElmBlockFallback,
|
|
85
|
-
|
|
86
|
-
|
|
85
|
+
default44 as ElmBlockImage,
|
|
86
|
+
default58 as ElmBlockQuote,
|
|
87
|
+
default46 as ElmBookmark,
|
|
87
88
|
default34 as ElmBookmarkIcon,
|
|
88
|
-
|
|
89
|
-
|
|
89
|
+
default47 as ElmBreadcrumb,
|
|
90
|
+
default59 as ElmBulletedList,
|
|
90
91
|
default21 as ElmButton,
|
|
91
|
-
|
|
92
|
+
default60 as ElmCallout,
|
|
92
93
|
default22 as ElmCheckbox,
|
|
93
94
|
default4 as ElmCodeBlock,
|
|
94
|
-
|
|
95
|
-
|
|
95
|
+
default50 as ElmColorSample,
|
|
96
|
+
default51 as ElmColorTable,
|
|
96
97
|
default6 as ElmColumn,
|
|
97
98
|
default7 as ElmColumnList,
|
|
98
99
|
default35 as ElmCubeIcon,
|
|
99
100
|
default8 as ElmDesktopWindow,
|
|
100
|
-
|
|
101
|
+
default61 as ElmDivider,
|
|
101
102
|
default36 as ElmDotLoadingIcon,
|
|
102
103
|
default43 as ElmFile,
|
|
103
104
|
default32 as ElmFragmentIdentifier,
|
|
@@ -107,20 +108,20 @@ export {
|
|
|
107
108
|
default29 as ElmHeading4,
|
|
108
109
|
default30 as ElmHeading5,
|
|
109
110
|
default31 as ElmHeading6,
|
|
110
|
-
|
|
111
|
+
default45 as ElmImage,
|
|
111
112
|
default40 as ElmInlineLink,
|
|
112
113
|
default41 as ElmInlineRuby,
|
|
113
114
|
default42 as ElmInlineText,
|
|
114
|
-
|
|
115
|
+
default52 as ElmJsonRenderer,
|
|
115
116
|
default5 as ElmKatex,
|
|
116
117
|
default37 as ElmLanguageIcon,
|
|
117
|
-
|
|
118
|
+
default64 as ElmListItem,
|
|
118
119
|
default38 as ElmLoginIcon,
|
|
119
120
|
default9 as ElmModal,
|
|
120
121
|
default16 as ElmMultiProgress,
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
122
|
+
default62 as ElmNumberedList,
|
|
123
|
+
default48 as ElmPagetop,
|
|
124
|
+
default63 as ElmParagraph,
|
|
124
125
|
default10 as ElmParallax,
|
|
125
126
|
default15 as ElmProgress,
|
|
126
127
|
default18 as ElmRectangleWave,
|
|
@@ -129,12 +130,12 @@ export {
|
|
|
129
130
|
default20 as ElmSpinner,
|
|
130
131
|
default17 as ElmStatusMessage,
|
|
131
132
|
default23 as ElmSwitch,
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
133
|
+
default53 as ElmTable,
|
|
134
|
+
default55 as ElmTableBody,
|
|
135
|
+
default57 as ElmTableCell,
|
|
136
|
+
default54 as ElmTableHeader,
|
|
137
|
+
default49 as ElmTableOfContents,
|
|
138
|
+
default56 as ElmTableRow,
|
|
138
139
|
default3 as ElmTag,
|
|
139
140
|
default24 as ElmTextField,
|
|
140
141
|
default13 as ElmToggle,
|