@elmethis/core 1.0.0-alpha.180 → 1.0.0-alpha.181
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.vue.mjs +10 -0
- package/dist/components/media/ElmBlockImage.vue2.mjs +33 -0
- package/dist/components/media/ElmBlockImage.vue3.mjs +20 -0
- package/dist/components/renderer/ElmJsonRenderer.vue.d.ts +9 -3
- package/dist/components/renderer/ElmJsonRenderer.vue.mjs +4 -0
- package/package.json +1 -1
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _sfc_main from "./ElmBlockImage.vue2.mjs";
|
|
2
|
+
import style0 from "./ElmBlockImage.vue3.mjs";
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const cssModules = {
|
|
5
|
+
"$style": style0
|
|
6
|
+
};
|
|
7
|
+
const ElmBlockImage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
8
|
+
export {
|
|
9
|
+
ElmBlockImage as default
|
|
10
|
+
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, normalizeProps, guardReactiveProps } from "vue";
|
|
2
|
+
import ElmImage from "./ElmImage.vue.mjs";
|
|
3
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
4
|
+
__name: "ElmBlockImage",
|
|
5
|
+
props: {
|
|
6
|
+
rounded: { type: Boolean, default: true },
|
|
7
|
+
shadow: { type: Boolean, default: true },
|
|
8
|
+
src: {},
|
|
9
|
+
alt: {},
|
|
10
|
+
enableModal: { type: Boolean },
|
|
11
|
+
margin: {}
|
|
12
|
+
},
|
|
13
|
+
setup(__props) {
|
|
14
|
+
const props = __props;
|
|
15
|
+
return (_ctx, _cache) => {
|
|
16
|
+
return openBlock(), createElementBlock("div", {
|
|
17
|
+
class: normalizeClass(_ctx.$style.container)
|
|
18
|
+
}, [
|
|
19
|
+
createElementVNode("div", {
|
|
20
|
+
style: normalizeStyle({
|
|
21
|
+
boxShadow: _ctx.shadow ? "0 0 0.125rem #b3b3b3" : void 0,
|
|
22
|
+
..._ctx.rounded ? { borderRadius: "0.25rem", overflow: "hidden" } : {}
|
|
23
|
+
})
|
|
24
|
+
}, [
|
|
25
|
+
createVNode(ElmImage, normalizeProps(guardReactiveProps(props)), null, 16)
|
|
26
|
+
], 4)
|
|
27
|
+
], 2);
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
export {
|
|
32
|
+
_sfc_main as default
|
|
33
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
(function() {
|
|
2
|
+
"use strict";
|
|
3
|
+
try {
|
|
4
|
+
if (typeof document != "undefined") {
|
|
5
|
+
var elementStyle = document.createElement("style");
|
|
6
|
+
elementStyle.appendChild(document.createTextNode("._container_ppumw_1{width:100%;display:flex;justify-content:center}"));
|
|
7
|
+
document.head.appendChild(elementStyle);
|
|
8
|
+
}
|
|
9
|
+
} catch (e) {
|
|
10
|
+
console.error("vite-plugin-css-injected-by-js", e);
|
|
11
|
+
}
|
|
12
|
+
})();
|
|
13
|
+
const container = "_container_ppumw_1";
|
|
14
|
+
const style0 = {
|
|
15
|
+
container
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
container,
|
|
19
|
+
style0 as default
|
|
20
|
+
};
|
|
@@ -22,14 +22,15 @@ import { ElmTableRowProps } from '../table/ElmTableRow.vue';
|
|
|
22
22
|
import { ElmTableCellProps } from '../table/ElmTableCell.vue';
|
|
23
23
|
import { ElmKatexProps } from '../code/ElmKatex.vue';
|
|
24
24
|
import { ElmImageProps } from '../media/ElmImage.vue';
|
|
25
|
+
import { ElmBlockImageProps } from '../media/ElmBlockImage.vue';
|
|
25
26
|
import { ElmBookmarkProps } from '../navigation/ElmBookmark.vue';
|
|
26
27
|
import { ElmToggleProps } from '../containments/ElmToggle.vue';
|
|
27
28
|
import { ElmCheckboxProps } from '../form/ElmCheckbox.vue';
|
|
28
29
|
import { ElmFileProps } from '../media/ElmFile.vue';
|
|
29
30
|
import { ElmColumnProps } from '../containments/ElmColumn.vue';
|
|
30
31
|
import { ElmColumnListProps } from '../containments/ElmColumnList.vue';
|
|
31
|
-
type ComponentType = 'ElmInlineText' | 'ElmInlineLink' | 'ElmInlineIcon' | '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 | ElmInlineLinkProps | ElmInlineIconProps | 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;
|
|
32
|
+
type ComponentType = 'ElmInlineText' | 'ElmInlineLink' | 'ElmInlineIcon' | 'ElmCallout' | 'ElmBulletedList' | 'ElmNumberedList' | 'ElmListItem' | 'ElmBlockQuote' | 'ElmDivider' | 'ElmHeading1' | 'ElmHeading2' | 'ElmHeading3' | 'ElmHeading4' | 'ElmHeading5' | 'ElmHeading6' | 'ElmCodeBlock' | 'ElmParagraph' | 'ElmTable' | 'ElmTableHeader' | 'ElmTableBody' | 'ElmTableRow' | 'ElmTableCell' | 'ElmKatex' | 'ElmImage' | 'ElmBlockImage' | 'ElmBookmark' | 'ElmToggle' | 'ElmCheckbox' | 'ElmFile' | 'ElmColumn' | 'ElmColumnList';
|
|
33
|
+
type ComponentProps = ElmInlineTextProps | ElmInlineLinkProps | ElmInlineIconProps | ElmCalloutProps | ElmBulletedListProps | ElmNumberedListProps | ElmListItemProps | ElmBlockQuoteProps | ElmDividerProps | ElmHeading1Props | ElmHeading2Props | ElmHeading3Props | ElmHeading4Props | ElmHeading5Props | ElmHeading6Props | ElmCodeBlockProps | ElmParagraphProps | ElmTableProps | ElmTableHeaderProps | ElmTableBodyProps | ElmTableRowProps | ElmTableCellProps | ElmKatexProps | ElmImageProps | ElmBlockImageProps | ElmBookmarkProps | ElmToggleProps | ElmCheckboxProps | ElmFileProps | ElmColumnProps | ElmColumnListProps;
|
|
33
34
|
interface JsonComponentBase {
|
|
34
35
|
type: ComponentType;
|
|
35
36
|
id?: string;
|
|
@@ -156,6 +157,11 @@ interface ElmImageJsonComponent extends JsonComponentBase {
|
|
|
156
157
|
id?: string;
|
|
157
158
|
props?: ElmImageProps;
|
|
158
159
|
}
|
|
160
|
+
interface ElmBlockImageJsonComponent extends JsonComponentBase {
|
|
161
|
+
type: 'ElmBlockImage';
|
|
162
|
+
id?: string;
|
|
163
|
+
props?: ElmBlockImageProps;
|
|
164
|
+
}
|
|
159
165
|
interface ElmBookmarkJsonComponent extends JsonComponentBase {
|
|
160
166
|
type: 'ElmBookmark';
|
|
161
167
|
id?: string;
|
|
@@ -186,7 +192,7 @@ interface ElmColumnListJsonComponent extends JsonComponentBase {
|
|
|
186
192
|
id?: string;
|
|
187
193
|
props?: ElmColumnListProps;
|
|
188
194
|
}
|
|
189
|
-
type JsonComponent = ElmInlineTextJsonComponent | ElmInlineLinkJsonComponent | ElmInlineIconJsonComponent | 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;
|
|
195
|
+
type JsonComponent = ElmInlineTextJsonComponent | ElmInlineLinkJsonComponent | ElmInlineIconJsonComponent | ElmCalloutJsonComponent | ElmBulletedListJsonComponent | ElmNumberedListJsonComponent | ElmListItemJsonComponent | ElmBlockQuoteJsonComponent | ElmDividerJsonComponent | ElmHeading1JsonComponent | ElmHeading2JsonComponent | ElmHeading3JsonComponent | ElmHeading4JsonComponent | ElmHeading5JsonComponent | ElmHeading6JsonComponent | ElmCodeBlockJsonComponent | ElmParagraphJsonComponent | ElmTableJsonComponent | ElmTableHeaderJsonComponent | ElmTableBodyJsonComponent | ElmTableRowJsonComponent | ElmTableCellJsonComponent | ElmKatexJsonComponent | ElmImageJsonComponent | ElmBlockImageJsonComponent | ElmBookmarkJsonComponent | ElmToggleJsonComponent | ElmCheckboxJsonComponent | ElmFileJsonComponent | ElmColumnJsonComponent | ElmColumnListJsonComponent;
|
|
190
196
|
export interface ElmJsonRendererProps {
|
|
191
197
|
json: JsonComponent[];
|
|
192
198
|
}
|
|
@@ -71,6 +71,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
71
71
|
);
|
|
72
72
|
const ElmKatex = defineAsyncComponent(() => import("../code/ElmKatex.vue.mjs"));
|
|
73
73
|
const ElmImage = defineAsyncComponent(() => import("../media/ElmImage.vue.mjs"));
|
|
74
|
+
const ElmBlockImage = defineAsyncComponent(
|
|
75
|
+
() => import("../media/ElmBlockImage.vue.mjs")
|
|
76
|
+
);
|
|
74
77
|
const ElmBookmark = defineAsyncComponent(
|
|
75
78
|
() => import("../navigation/ElmBookmark.vue.mjs")
|
|
76
79
|
);
|
|
@@ -112,6 +115,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
112
115
|
ElmTableCell: markRaw(ElmTableCell),
|
|
113
116
|
ElmKatex: markRaw(ElmKatex),
|
|
114
117
|
ElmImage: markRaw(ElmImage),
|
|
118
|
+
ElmBlockImage: markRaw(ElmBlockImage),
|
|
115
119
|
ElmBookmark: markRaw(ElmBookmark),
|
|
116
120
|
ElmToggle: markRaw(ElmToggle),
|
|
117
121
|
ElmCheckbox: markRaw(ElmCheckbox),
|