@elmethis/core 1.0.0-alpha.190 → 1.0.0-alpha.191
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/others/ElmJsonComponentRenderer.vue2.mjs +5 -8
- package/dist/components/table/ElmTable.vue.d.ts +4 -1
- package/dist/components/table/ElmTable.vue2.mjs +6 -2
- package/dist/components/table/ElmTable.vue3.mjs +5 -5
- package/dist/components/table/ElmTableBody.vue.mjs +1 -2
- package/dist/components/table/ElmTableBody.vue2.mjs +4 -0
- package/dist/components/table/ElmTableCell.vue.mjs +5 -14
- package/dist/components/table/ElmTableCell.vue2.mjs +10 -4
- package/dist/components/table/ElmTableCell.vue3.mjs +26 -0
- package/dist/components/table/ElmTableHeader.vue.d.ts +2 -2
- package/dist/components/table/ElmTableHeader.vue.mjs +8 -13
- package/dist/components/table/ElmTableHeader.vue2.mjs +17 -0
- package/dist/components/table/ElmTableHeader.vue3.mjs +7 -4
- package/dist/components/table/ElmTableRow.vue.mjs +8 -15
- package/dist/components/table/ElmTableRow.vue2.mjs +17 -1
- package/dist/components/table/ElmTableRow.vue3.mjs +21 -0
- package/dist/index.mjs +1 -3
- package/package.json +1 -1
- package/dist/components/table/ElmTableBody.vue3.mjs +0 -17
|
@@ -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-a7487e3e],.v-leave-from[data-v-a7487e3e]{opacity:1}.v-enter-active[data-v-a7487e3e],.v-leave-active[data-v-a7487e3e]{transition:opacity .1s}.v-enter-from[data-v-a7487e3e],.v-leave-to[data-v-a7487e3e]{opacity:0}\n.v-enter-to[data-v-17343ed2],.v-leave-from[data-v-17343ed2]{opacity:1}.v-enter-active[data-v-17343ed2],.v-leave-active[data-v-17343ed2]{transition:opacity .15s}.v-enter-from[data-v-17343ed2],.v-leave-to[data-v-17343ed2]{opacity:0}\n.v-enter-to[data-v-83a74154],.v-leave-from[data-v-83a74154]{opacity:1}.v-enter-active[data-v-83a74154],.v-leave-active[data-v-83a74154]{transition:opacity .2s}.v-enter-from[data-v-83a74154],.v-leave-to[data-v-83a74154]{opacity:0}\n.fade-enter-active[data-v-12f55baa],.fade-leave-active[data-v-12f55baa]{transition:all .3s ease}.fade-enter-from[data-v-12f55baa],.fade-leave-to[data-v-12f55baa]{opacity:0;transform:translate(30px)}\n.v-enter-to[data-v-6b2a5911],.v-leave-from[data-v-6b2a5911]{opacity:1}.v-enter-active[data-v-6b2a5911],.v-leave-active[data-v-6b2a5911]{transition:opacity .2s;transform-origin:top}.v-enter-from[data-v-6b2a5911],.v-leave-to[data-v-6b2a5911]{opacity:0}\n.v-enter-to[data-v-cd939485],.v-leave-from[data-v-cd939485]{transform:scale(1);opacity:1}.v-enter-active[data-v-cd939485],.v-leave-active[data-v-cd939485]{transition:opacity .1s,transform .2s}.v-enter-from[data-v-cd939485],.v-leave-to[data-v-cd939485]{transform:scale(.5);opacity:0}\n.v-enter-to[data-v-227d59df],.v-leave-from[data-v-227d59df]{opacity:1}.v-enter-active[data-v-227d59df],.v-leave-active[data-v-227d59df]{transition:opacity .15s}.v-enter-from[data-v-227d59df],.v-leave-to[data-v-227d59df]{opacity:0}\n.v-enter-to[data-v-324befdb],.v-leave-from[data-v-324befdb]{opacity:1}.v-enter-active[data-v-324befdb],.v-leave-active[data-v-324befdb]{transition:opacity .1s}.v-enter-from[data-v-324befdb],.v-leave-to[data-v-324befdb]{opacity:0}\n.v-enter-to[data-v-a6508d78],.v-leave-from[data-v-a6508d78]{opacity:1}.v-enter-active[data-v-a6508d78],.v-leave-active[data-v-a6508d78]{transition:opacity .3s}.v-enter-from[data-v-a6508d78],.v-leave-to[data-v-a6508d78]{opacity:0}\n.v-enter-to[data-v-061854af],.v-leave-from[data-v-061854af]{opacity:1}.v-enter-active[data-v-061854af],.v-leave-active[data-v-061854af]{transition:opacity .3s}.v-enter-from[data-v-061854af],.v-leave-to[data-v-061854af]{opacity:0}\n.elmethis-
|
|
6
|
+
elementStyle.appendChild(document.createTextNode(".v-enter-to[data-v-a7487e3e],.v-leave-from[data-v-a7487e3e]{opacity:1}.v-enter-active[data-v-a7487e3e],.v-leave-active[data-v-a7487e3e]{transition:opacity .1s}.v-enter-from[data-v-a7487e3e],.v-leave-to[data-v-a7487e3e]{opacity:0}\n.v-enter-to[data-v-17343ed2],.v-leave-from[data-v-17343ed2]{opacity:1}.v-enter-active[data-v-17343ed2],.v-leave-active[data-v-17343ed2]{transition:opacity .15s}.v-enter-from[data-v-17343ed2],.v-leave-to[data-v-17343ed2]{opacity:0}\n.v-enter-to[data-v-83a74154],.v-leave-from[data-v-83a74154]{opacity:1}.v-enter-active[data-v-83a74154],.v-leave-active[data-v-83a74154]{transition:opacity .2s}.v-enter-from[data-v-83a74154],.v-leave-to[data-v-83a74154]{opacity:0}\n.fade-enter-active[data-v-12f55baa],.fade-leave-active[data-v-12f55baa]{transition:all .3s ease}.fade-enter-from[data-v-12f55baa],.fade-leave-to[data-v-12f55baa]{opacity:0;transform:translate(30px)}\n.v-enter-to[data-v-6b2a5911],.v-leave-from[data-v-6b2a5911]{opacity:1}.v-enter-active[data-v-6b2a5911],.v-leave-active[data-v-6b2a5911]{transition:opacity .2s;transform-origin:top}.v-enter-from[data-v-6b2a5911],.v-leave-to[data-v-6b2a5911]{opacity:0}\n.v-enter-to[data-v-cd939485],.v-leave-from[data-v-cd939485]{transform:scale(1);opacity:1}.v-enter-active[data-v-cd939485],.v-leave-active[data-v-cd939485]{transition:opacity .1s,transform .2s}.v-enter-from[data-v-cd939485],.v-leave-to[data-v-cd939485]{transform:scale(.5);opacity:0}\n.v-enter-to[data-v-227d59df],.v-leave-from[data-v-227d59df]{opacity:1}.v-enter-active[data-v-227d59df],.v-leave-active[data-v-227d59df]{transition:opacity .15s}.v-enter-from[data-v-227d59df],.v-leave-to[data-v-227d59df]{opacity:0}\n.v-enter-to[data-v-324befdb],.v-leave-from[data-v-324befdb]{opacity:1}.v-enter-active[data-v-324befdb],.v-leave-active[data-v-324befdb]{transition:opacity .1s}.v-enter-from[data-v-324befdb],.v-leave-to[data-v-324befdb]{opacity:0}\n.v-enter-to[data-v-a6508d78],.v-leave-from[data-v-a6508d78]{opacity:1}.v-enter-active[data-v-a6508d78],.v-leave-active[data-v-a6508d78]{transition:opacity .3s}.v-enter-from[data-v-a6508d78],.v-leave-to[data-v-a6508d78]{opacity:0}\n.v-enter-to[data-v-061854af],.v-leave-from[data-v-061854af]{opacity:1}.v-enter-active[data-v-061854af],.v-leave-active[data-v-061854af]{transition:opacity .3s}.v-enter-from[data-v-061854af],.v-leave-to[data-v-061854af]{opacity:0}\n.elmethis-list-common{margin-block:1rem;opacity:var(--opacity);transition:opacity .8s;box-sizing:border-box;padding-left:1.25rem}.elmethis-bulleted-list li{box-sizing:border-box;padding-left:.5rem;margin-block:.75rem}.elmethis-bulleted-list li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMTYgMTYnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICA+CiAgICA8cGF0aAogICAgICBmaWxsPScjNDQ5NzYzJwogICAgICBvcGFjaXR5PScwLjgnCiAgICAgIGQ9J00zIDMuNzMyYTEuNSAxLjUgMCAwIDEgMi4zMDUtMS4yNjVsNi43MDYgNC4yNjdhMS41IDEuNSAwIDAgMSAwIDIuNTMxbC02LjcwNiA0LjI2OEExLjUgMS41IDAgMCAxIDMgMTIuMjY3VjMuNzMyWicKICAgIC8+CiAgPC9zdmc+)}.elmethis-bulleted-list li ul li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMjQgMjQnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICAgIHN0cm9rZT0nIzQ0OTc2MycKICAgIGZpbGw9J3RyYW5zcGFyZW50JwogID4KICAgIDxwYXRoCiAgICAgIHN0cm9rZUxpbmVjYXA9J3JvdW5kJwogICAgICBzdHJva2VMaW5lam9pbj0ncm91bmQnCiAgICAgIGQ9J001LjI1IDUuNjUzYzAtLjg1Ni45MTctMS4zOTggMS42NjctLjk4NmwxMS41NCA2LjM0N2ExLjEyNSAxLjEyNSAwIDAgMSAwIDEuOTcybC0xMS41NCA2LjM0N2ExLjEyNSAxLjEyNSAwIDAgMS0xLjY2Ny0uOTg2VjUuNjUzWicKICAgIC8+CiAgPC9zdmc+)}.elmethis-bulleted-list li ul li ul li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMjAgMjAnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICAgIHN0cm9rZT0nIzQ0OTc2MycKICAgIGZpbGw9JyM0NDk3NjMnCiAgPgogICAgPHBhdGgKICAgICAgZmlsbFJ1bGU9J2V2ZW5vZGQnCiAgICAgIGQ9J004LjIyIDUuMjJhLjc1Ljc1IDAgMCAxIDEuMDYgMGw0LjI1IDQuMjVhLjc1Ljc1IDAgMCAxIDAgMS4wNmwtNC4yNSA0LjI1YS43NS43NSAwIDAgMS0xLjA2LTEuMDZMMTEuOTQgMTAgOC4yMiA2LjI4YS43NS43NSAwIDAgMSAwLTEuMDZaJwogICAgICBjbGlwUnVsZT0nZXZlbm9kZCcKICAgIC8+CiAgPC9zdmc+)}.elmethis-numbered-list li{box-sizing:border-box;padding-left:.25rem;margin-block:.75rem;margin-left:.25rem;list-style-type:decimal}.elmethis-numbered-list li::marker{font-weight:700;color:#9771bd}.elmethis-numbered-list li ol li{list-style-type:lower-alpha}.elmethis-numbered-list li ol li ol li{list-style-type:lower-roman}.elmethis-numbered-list li ol li ol li ol li{list-style-type:lower-greek}"));
|
|
7
7
|
document.head.appendChild(elementStyle);
|
|
8
8
|
}
|
|
9
9
|
} catch (e) {
|
|
@@ -28,9 +28,6 @@ import "lodash-es";
|
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
31
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
35
32
|
__name: "ElmJsonComponentRenderer",
|
|
36
33
|
props: {
|
|
@@ -97,15 +94,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
97
94
|
loadingComponent: ElmBlockFallback
|
|
98
95
|
});
|
|
99
96
|
const AsyncElmTableHeader = defineAsyncComponent({
|
|
100
|
-
loader: () => import("../table/ElmTableHeader.
|
|
97
|
+
loader: () => import("../table/ElmTableHeader.vue.mjs"),
|
|
101
98
|
loadingComponent: ElmBlockFallback
|
|
102
99
|
});
|
|
103
100
|
const AsyncElmTableBody = defineAsyncComponent({
|
|
104
|
-
loader: () => import("../table/ElmTableBody.
|
|
101
|
+
loader: () => import("../table/ElmTableBody.vue2.mjs"),
|
|
105
102
|
loadingComponent: ElmBlockFallback
|
|
106
103
|
});
|
|
107
104
|
const AsyncElmTableRow = defineAsyncComponent({
|
|
108
|
-
loader: () => import("../table/ElmTableRow.
|
|
105
|
+
loader: () => import("../table/ElmTableRow.vue.mjs"),
|
|
109
106
|
loadingComponent: ElmBlockFallback
|
|
110
107
|
});
|
|
111
108
|
const AsyncElmTableCell = defineAsyncComponent({
|
|
@@ -185,7 +182,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
185
182
|
Katex: ({ props: props2 }) => h(AsyncElmKatex, { expression: props2.expression, block: true }),
|
|
186
183
|
Table: ({ props: props2, slots }) => h(
|
|
187
184
|
AsyncElmTable,
|
|
188
|
-
{ caption: props2 == null ? void 0 : props2.caption },
|
|
185
|
+
{ caption: props2 == null ? void 0 : props2.caption, hasRowHeader: props2 == null ? void 0 : props2.hasRowHeader },
|
|
189
186
|
{
|
|
190
187
|
body: h(AsyncElmTableBody, {}, render2(slots.body)),
|
|
191
188
|
header: slots.header != null ? h(AsyncElmTableHeader, {}, render2(slots.header)) : void 0
|
|
@@ -7,6 +7,7 @@ export interface ElmTableProps {
|
|
|
7
7
|
*/
|
|
8
8
|
margin?: Property.MarginBlock;
|
|
9
9
|
caption?: string;
|
|
10
|
+
hasRowHeader?: boolean;
|
|
10
11
|
}
|
|
11
12
|
declare function __VLS_template(): {
|
|
12
13
|
attrs: Partial<{}>;
|
|
@@ -33,7 +34,9 @@ declare function __VLS_template(): {
|
|
|
33
34
|
rootEl: HTMLTableElement;
|
|
34
35
|
};
|
|
35
36
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
36
|
-
declare const __VLS_component: import('vue').DefineComponent<ElmTableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmTableProps> & Readonly<{}>, {
|
|
37
|
+
declare const __VLS_component: import('vue').DefineComponent<ElmTableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmTableProps> & Readonly<{}>, {
|
|
38
|
+
hasRowHeader: boolean;
|
|
39
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableElement>;
|
|
37
40
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
38
41
|
export default _default;
|
|
39
42
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, createCommentVNode, renderSlot, createElementVNode, createVNode, unref } from "vue";
|
|
1
|
+
import { defineComponent, computed, provide, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, createCommentVNode, renderSlot, createElementVNode, createVNode, unref } from "vue";
|
|
2
2
|
import ElmInlineText from "../typography/ElmInlineText.vue.mjs";
|
|
3
3
|
import { mdiTable } from "../../node_modules/.pnpm/@mdi_js@7.4.47/node_modules/@mdi/js/mdi.mjs";
|
|
4
4
|
const _hoisted_1 = { key: 0 };
|
|
@@ -12,9 +12,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
12
12
|
__name: "ElmTable",
|
|
13
13
|
props: {
|
|
14
14
|
margin: {},
|
|
15
|
-
caption: {}
|
|
15
|
+
caption: {},
|
|
16
|
+
hasRowHeader: { type: Boolean, default: false }
|
|
16
17
|
},
|
|
17
18
|
setup(__props) {
|
|
19
|
+
const props = __props;
|
|
20
|
+
const hasRowHeader = computed(() => props.hasRowHeader);
|
|
21
|
+
provide("hasRowHeader", hasRowHeader);
|
|
18
22
|
const slots = useSlots();
|
|
19
23
|
return (_ctx, _cache) => {
|
|
20
24
|
return openBlock(), createElementBlock("table", {
|
|
@@ -3,20 +3,20 @@
|
|
|
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("._table_h3hx3_1{margin-block:var(--margin-block);border-collapse:collapse;border-spacing:0;box-shadow:0 0 .125rem #0003;color:#000000b3}[data-theme=dark] ._table_h3hx3_1{color:#ffffffb3}._caption_h3hx3_12{position:relative;width:100%;display:inline-flex;justify-content:center;align-items:center;gap:1rem;margin-block-end:1rem}._caption-inner_h3hx3_22{display:inline-flex;justify-content:center;align-items:center;gap:.25rem}._spacing_h3hx3_29{flex-grow:1;height:1px;background-color:#80808033}"));
|
|
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 table = "
|
|
14
|
-
const caption = "
|
|
15
|
-
const spacing = "
|
|
13
|
+
const table = "_table_h3hx3_1";
|
|
14
|
+
const caption = "_caption_h3hx3_12";
|
|
15
|
+
const spacing = "_spacing_h3hx3_29";
|
|
16
16
|
const style0 = {
|
|
17
17
|
table,
|
|
18
18
|
caption,
|
|
19
|
-
"caption-inner": "_caption-
|
|
19
|
+
"caption-inner": "_caption-inner_h3hx3_22",
|
|
20
20
|
spacing
|
|
21
21
|
};
|
|
22
22
|
export {
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { defineComponent, createElementBlock, openBlock, renderSlot } from "vue";
|
|
2
|
-
const _hoisted_1 = { class: "elmethis-table-header-body" };
|
|
3
2
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
4
3
|
__name: "ElmTableBody",
|
|
5
4
|
setup(__props) {
|
|
6
5
|
return (_ctx, _cache) => {
|
|
7
|
-
return openBlock(), createElementBlock("tbody",
|
|
6
|
+
return openBlock(), createElementBlock("tbody", null, [
|
|
8
7
|
renderSlot(_ctx.$slots, "default")
|
|
9
8
|
]);
|
|
10
9
|
};
|
|
@@ -1,19 +1,10 @@
|
|
|
1
|
-
(function() {
|
|
2
|
-
"use strict";
|
|
3
|
-
try {
|
|
4
|
-
if (typeof document != "undefined") {
|
|
5
|
-
var elementStyle = document.createElement("style");
|
|
6
|
-
elementStyle.appendChild(document.createTextNode("td.cell[data-v-43a0650e]{padding:.75rem 1rem;border-top:1px solid rgba(0,0,0,.15);border-right:1px dotted rgba(0,0,0,.1)}[data-theme=dark] td.cell[data-v-43a0650e]{border-top-color:#ffffff26;border-right-color:#ffffff1a}th.cell[data-v-43a0650e]{padding:.75rem 1rem;border-right:1px dotted rgba(0,0,0,.15)}[data-theme=dark] th.cell[data-v-43a0650e]{border-right:1px dotted rgba(255,255,255,.15)}"));
|
|
7
|
-
document.head.appendChild(elementStyle);
|
|
8
|
-
}
|
|
9
|
-
} catch (e) {
|
|
10
|
-
console.error("vite-plugin-css-injected-by-js", e);
|
|
11
|
-
}
|
|
12
|
-
})();
|
|
13
1
|
import _sfc_main from "./ElmTableCell.vue2.mjs";
|
|
14
|
-
|
|
2
|
+
import style0 from "./ElmTableCell.vue3.mjs";
|
|
15
3
|
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
16
|
-
const
|
|
4
|
+
const cssModules = {
|
|
5
|
+
"$style": style0
|
|
6
|
+
};
|
|
7
|
+
const ElmTableCell = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
17
8
|
export {
|
|
18
9
|
ElmTableCell as default
|
|
19
10
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, createBlock, openBlock, resolveDynamicComponent, withCtx, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from "vue";
|
|
1
|
+
import { defineComponent, inject, createBlock, openBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from "vue";
|
|
2
2
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
3
3
|
__name: "ElmTableCell",
|
|
4
4
|
props: {
|
|
@@ -6,14 +6,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
6
6
|
text: {}
|
|
7
7
|
},
|
|
8
8
|
setup(__props) {
|
|
9
|
+
const hasHeaderInjected = inject("hasHeader");
|
|
9
10
|
return (_ctx, _cache) => {
|
|
10
|
-
return openBlock(), createBlock(resolveDynamicComponent(_ctx.hasHeader ? "th" : "td"), {
|
|
11
|
+
return openBlock(), createBlock(resolveDynamicComponent(_ctx.hasHeader || unref(hasHeaderInjected) ? "th" : "td"), {
|
|
12
|
+
class: normalizeClass([
|
|
13
|
+
_ctx.$style.common,
|
|
14
|
+
_ctx.hasHeader || unref(hasHeaderInjected) ? _ctx.$style.th : _ctx.$style.td
|
|
15
|
+
])
|
|
16
|
+
}, {
|
|
11
17
|
default: withCtx(() => [
|
|
12
|
-
_ctx.text == null ? renderSlot(_ctx.$slots, "default", { key: 0 }
|
|
18
|
+
_ctx.text == null ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
|
|
13
19
|
createTextVNode(" " + toDisplayString(_ctx.text), 1)
|
|
14
20
|
]),
|
|
15
21
|
_: 3
|
|
16
|
-
});
|
|
22
|
+
}, 8, ["class"]);
|
|
17
23
|
};
|
|
18
24
|
}
|
|
19
25
|
});
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
(function() {
|
|
2
|
+
"use strict";
|
|
3
|
+
try {
|
|
4
|
+
if (typeof document != "undefined") {
|
|
5
|
+
var elementStyle = document.createElement("style");
|
|
6
|
+
elementStyle.appendChild(document.createTextNode("._common_1puhv_1{padding:.75rem 1rem;color:#000000b3;border-right:1px dotted rgba(0,0,0,.15)}._common_1puhv_1::-moz-selection{color:#ffffffb3;background-color:#000000b3}._common_1puhv_1::selection{color:#ffffffb3;background-color:#000000b3}[data-theme=dark] ._common_1puhv_1{color:#ffffffb3}[data-theme=dark] ._common_1puhv_1::-moz-selection{color:#000000b3;background-color:#ffffffb3}[data-theme=dark] ._common_1puhv_1::selection{color:#000000b3;background-color:#ffffffb3}[data-theme=dark] ._common_1puhv_1{border-right:1px dotted rgba(255,255,255,.15)}._common_1puhv_1:last-child{border-right:none}._td_1puhv_24{border-top:1px solid rgba(0,0,0,.15)}[data-theme=dark] ._td_1puhv_24{border-top-color:#ffffff26}._th_1puhv_31{background-color:#80808026}"));
|
|
7
|
+
document.head.appendChild(elementStyle);
|
|
8
|
+
}
|
|
9
|
+
} catch (e) {
|
|
10
|
+
console.error("vite-plugin-css-injected-by-js", e);
|
|
11
|
+
}
|
|
12
|
+
})();
|
|
13
|
+
const common = "_common_1puhv_1";
|
|
14
|
+
const td = "_td_1puhv_24";
|
|
15
|
+
const th = "_th_1puhv_31";
|
|
16
|
+
const style0 = {
|
|
17
|
+
common,
|
|
18
|
+
td,
|
|
19
|
+
th
|
|
20
|
+
};
|
|
21
|
+
export {
|
|
22
|
+
common,
|
|
23
|
+
style0 as default,
|
|
24
|
+
td,
|
|
25
|
+
th
|
|
26
|
+
};
|
|
@@ -4,9 +4,9 @@ export interface ElmTableHeaderProps {
|
|
|
4
4
|
declare function __VLS_template(): {
|
|
5
5
|
attrs: Partial<{}>;
|
|
6
6
|
slots: Readonly<{
|
|
7
|
-
default: InstanceType<typeof ElmTableRow
|
|
7
|
+
default: InstanceType<typeof ElmTableRow> | InstanceType<typeof ElmTableRow>[];
|
|
8
8
|
}> & {
|
|
9
|
-
default: InstanceType<typeof ElmTableRow
|
|
9
|
+
default: InstanceType<typeof ElmTableRow> | InstanceType<typeof ElmTableRow>[];
|
|
10
10
|
};
|
|
11
11
|
refs: {};
|
|
12
12
|
rootEl: HTMLTableSectionElement;
|
|
@@ -1,15 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
renderSlot(_ctx.$slots, "default")
|
|
9
|
-
]);
|
|
10
|
-
};
|
|
11
|
-
}
|
|
12
|
-
});
|
|
1
|
+
import _sfc_main from "./ElmTableHeader.vue2.mjs";
|
|
2
|
+
import style0 from "./ElmTableHeader.vue3.mjs";
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const cssModules = {
|
|
5
|
+
"$style": style0
|
|
6
|
+
};
|
|
7
|
+
const ElmTableHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
13
8
|
export {
|
|
14
|
-
|
|
9
|
+
ElmTableHeader as default
|
|
15
10
|
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { defineComponent, provide, createElementBlock, openBlock, normalizeClass, renderSlot } from "vue";
|
|
2
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
3
|
+
__name: "ElmTableHeader",
|
|
4
|
+
setup(__props) {
|
|
5
|
+
provide("hasHeader", true);
|
|
6
|
+
return (_ctx, _cache) => {
|
|
7
|
+
return openBlock(), createElementBlock("thead", {
|
|
8
|
+
class: normalizeClass(_ctx.$style.thead)
|
|
9
|
+
}, [
|
|
10
|
+
renderSlot(_ctx.$slots, "default")
|
|
11
|
+
], 2);
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
export {
|
|
16
|
+
_sfc_main as default
|
|
17
|
+
};
|
|
@@ -3,15 +3,18 @@
|
|
|
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("._thead_1brzu_1{text-align:left;transition:background-color .4s,color .4s;border-bottom:2px solid rgba(128,128,128,.5)}"));
|
|
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
|
-
|
|
14
|
-
|
|
13
|
+
const thead = "_thead_1brzu_1";
|
|
14
|
+
const style0 = {
|
|
15
|
+
thead
|
|
16
|
+
};
|
|
15
17
|
export {
|
|
16
|
-
|
|
18
|
+
style0 as default,
|
|
19
|
+
thead
|
|
17
20
|
};
|
|
@@ -1,17 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
(openBlock(), createElementBlock(Fragment, null, renderList(slots, (cell) => {
|
|
9
|
-
return createVNode(resolveDynamicComponent(cell));
|
|
10
|
-
}), 64))
|
|
11
|
-
]);
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
});
|
|
1
|
+
import _sfc_main from "./ElmTableRow.vue2.mjs";
|
|
2
|
+
import style0 from "./ElmTableRow.vue3.mjs";
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const cssModules = {
|
|
5
|
+
"$style": style0
|
|
6
|
+
};
|
|
7
|
+
const ElmTableRow = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
15
8
|
export {
|
|
16
|
-
|
|
9
|
+
ElmTableRow as default
|
|
17
10
|
};
|
|
@@ -1,4 +1,20 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { defineComponent, useSlots, inject, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, createVNode, resolveDynamicComponent } from "vue";
|
|
2
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
3
|
+
__name: "ElmTableRow",
|
|
4
|
+
setup(__props) {
|
|
5
|
+
const slots = useSlots();
|
|
6
|
+
const hasRowHeader = inject("hasRowHeader");
|
|
7
|
+
return (_ctx, _cache) => {
|
|
8
|
+
return openBlock(), createElementBlock("tr", {
|
|
9
|
+
class: normalizeClass([_ctx.$style.tr, { [_ctx.$style["has-row-header"]]: unref(hasRowHeader) }])
|
|
10
|
+
}, [
|
|
11
|
+
(openBlock(), createElementBlock(Fragment, null, renderList(slots, (cell) => {
|
|
12
|
+
return createVNode(resolveDynamicComponent(cell));
|
|
13
|
+
}), 64))
|
|
14
|
+
], 2);
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
});
|
|
2
18
|
export {
|
|
3
19
|
_sfc_main as default
|
|
4
20
|
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
(function() {
|
|
2
|
+
"use strict";
|
|
3
|
+
try {
|
|
4
|
+
if (typeof document != "undefined") {
|
|
5
|
+
var elementStyle = document.createElement("style");
|
|
6
|
+
elementStyle.appendChild(document.createTextNode("._tr_2ogbz_1{transition:background-color .2s}._tr_2ogbz_1:nth-child(odd){background-color:transparent}._tr_2ogbz_1:nth-child(2n){background-color:#00000004}[data-theme=dark] ._tr_2ogbz_1:nth-child(2n){background-color:#ffffff04}._tr_2ogbz_1:hover,[data-theme=dark] ._tr_2ogbz_1:hover{background-color:#6987b826}._has-row-header_2ogbz_20 td:first-child,._has-row-header_2ogbz_20 tr:first-child{background-color:#80808026}"));
|
|
7
|
+
document.head.appendChild(elementStyle);
|
|
8
|
+
}
|
|
9
|
+
} catch (e) {
|
|
10
|
+
console.error("vite-plugin-css-injected-by-js", e);
|
|
11
|
+
}
|
|
12
|
+
})();
|
|
13
|
+
const tr = "_tr_2ogbz_1";
|
|
14
|
+
const style0 = {
|
|
15
|
+
tr,
|
|
16
|
+
"has-row-header": "_has-row-header_2ogbz_20"
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
style0 as default,
|
|
20
|
+
tr
|
|
21
|
+
};
|
package/dist/index.mjs
CHANGED
|
@@ -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(".elmethis-
|
|
6
|
+
elementStyle.appendChild(document.createTextNode(".elmethis-list-common{margin-block:1rem;opacity:var(--opacity);transition:opacity .8s;box-sizing:border-box;padding-left:1.25rem}.elmethis-bulleted-list li{box-sizing:border-box;padding-left:.5rem;margin-block:.75rem}.elmethis-bulleted-list li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMTYgMTYnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICA+CiAgICA8cGF0aAogICAgICBmaWxsPScjNDQ5NzYzJwogICAgICBvcGFjaXR5PScwLjgnCiAgICAgIGQ9J00zIDMuNzMyYTEuNSAxLjUgMCAwIDEgMi4zMDUtMS4yNjVsNi43MDYgNC4yNjdhMS41IDEuNSAwIDAgMSAwIDIuNTMxbC02LjcwNiA0LjI2OEExLjUgMS41IDAgMCAxIDMgMTIuMjY3VjMuNzMyWicKICAgIC8+CiAgPC9zdmc+)}.elmethis-bulleted-list li ul li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMjQgMjQnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICAgIHN0cm9rZT0nIzQ0OTc2MycKICAgIGZpbGw9J3RyYW5zcGFyZW50JwogID4KICAgIDxwYXRoCiAgICAgIHN0cm9rZUxpbmVjYXA9J3JvdW5kJwogICAgICBzdHJva2VMaW5lam9pbj0ncm91bmQnCiAgICAgIGQ9J001LjI1IDUuNjUzYzAtLjg1Ni45MTctMS4zOTggMS42NjctLjk4NmwxMS41NCA2LjM0N2ExLjEyNSAxLjEyNSAwIDAgMSAwIDEuOTcybC0xMS41NCA2LjM0N2ExLjEyNSAxLjEyNSAwIDAgMS0xLjY2Ny0uOTg2VjUuNjUzWicKICAgIC8+CiAgPC9zdmc+)}.elmethis-bulleted-list li ul li ul li::marker{content:url(data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMjAgMjAnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICAgIHN0cm9rZT0nIzQ0OTc2MycKICAgIGZpbGw9JyM0NDk3NjMnCiAgPgogICAgPHBhdGgKICAgICAgZmlsbFJ1bGU9J2V2ZW5vZGQnCiAgICAgIGQ9J004LjIyIDUuMjJhLjc1Ljc1IDAgMCAxIDEuMDYgMGw0LjI1IDQuMjVhLjc1Ljc1IDAgMCAxIDAgMS4wNmwtNC4yNSA0LjI1YS43NS43NSAwIDAgMS0xLjA2LTEuMDZMMTEuOTQgMTAgOC4yMiA2LjI4YS43NS43NSAwIDAgMSAwLTEuMDZaJwogICAgICBjbGlwUnVsZT0nZXZlbm9kZCcKICAgIC8+CiAgPC9zdmc+)}.elmethis-numbered-list li{box-sizing:border-box;padding-left:.25rem;margin-block:.75rem;margin-left:.25rem;list-style-type:decimal}.elmethis-numbered-list li::marker{font-weight:700;color:#9771bd}.elmethis-numbered-list li ol li{list-style-type:lower-alpha}.elmethis-numbered-list li ol li ol li{list-style-type:lower-roman}.elmethis-numbered-list li ol li ol li ol li{list-style-type:lower-greek}"));
|
|
7
7
|
document.head.appendChild(elementStyle);
|
|
8
8
|
}
|
|
9
9
|
} catch (e) {
|
|
@@ -56,9 +56,7 @@ import { default as default45 } from "./components/others/ElmColorTable.vue.mjs"
|
|
|
56
56
|
import { default as default46 } from "./components/others/ElmJsonComponentRenderer.vue.mjs";
|
|
57
57
|
import { default as default47 } from "./components/table/ElmTable.vue.mjs";
|
|
58
58
|
import { default as default48 } from "./components/table/ElmTableHeader.vue.mjs";
|
|
59
|
-
|
|
60
59
|
import { default as default49 } from "./components/table/ElmTableBody.vue.mjs";
|
|
61
|
-
|
|
62
60
|
import { default as default50 } from "./components/table/ElmTableRow.vue.mjs";
|
|
63
61
|
import { default as default51 } from "./components/table/ElmTableCell.vue.mjs";
|
|
64
62
|
import { default as default52 } from "./components/typography/ElmBlockQuote.vue.mjs";
|
package/package.json
CHANGED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
(function() {
|
|
2
|
-
"use strict";
|
|
3
|
-
try {
|
|
4
|
-
if (typeof document != "undefined") {
|
|
5
|
-
var elementStyle = document.createElement("style");
|
|
6
|
-
elementStyle.appendChild(document.createTextNode(".elmethis-table-header-body tr{transition:background-color .2s}.elmethis-table-header-body tr:nth-child(odd){background-color:transparent}.elmethis-table-header-body tr:nth-child(2n){background-color:#00000006}[data-theme=dark] .elmethis-table-header-body tr:nth-child(2n){background-color:#ffffff06}.elmethis-table-header-body tr:hover,[data-theme=dark] .elmethis-table-header-body tr:hover{background-color:#6987b826}.elmethis-table-header-body tr td,.elmethis-table-header-body tr th{color:#000000b3}[data-theme=dark] .elmethis-table-header-body tr td,[data-theme=dark] .elmethis-table-header-body tr th{color:#ffffffb3}.elmethis-table-header-body tr td::-moz-selection,.elmethis-table-header-body tr th::-moz-selection{color:#ffffffb3;background-color:#000000b3;background-color:var(--color, rgba(0, 0, 0, .7))}.elmethis-table-header-body tr td::selection,.elmethis-table-header-body tr th::selection{color:#ffffffb3;background-color:#000000b3;background-color:var(--color, rgba(0, 0, 0, .7))}[data-theme=dark] .elmethis-table-header-body tr td::-moz-selection,[data-theme=dark] .elmethis-table-header-body tr th::-moz-selection{color:#000000b3;background-color:#ffffffb3;background-color:var(--color, rgba(255, 255, 255, .7))}[data-theme=dark] .elmethis-table-header-body tr td::selection,[data-theme=dark] .elmethis-table-header-body tr th::selection{color:#000000b3;background-color:#ffffffb3;background-color:var(--color, rgba(255, 255, 255, .7))}"));
|
|
7
|
-
document.head.appendChild(elementStyle);
|
|
8
|
-
}
|
|
9
|
-
} catch (e) {
|
|
10
|
-
console.error("vite-plugin-css-injected-by-js", e);
|
|
11
|
-
}
|
|
12
|
-
})();
|
|
13
|
-
import _sfc_main from "./ElmTableBody.vue.mjs";
|
|
14
|
-
|
|
15
|
-
export {
|
|
16
|
-
_sfc_main as default
|
|
17
|
-
};
|