@elmethis/core 0.1.4 → 0.1.5
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/form/ElmSelect.stories.d.ts +6 -0
- package/dist/components/form/ElmSelect.vue.d.ts +48 -0
- package/dist/components/form/ElmSelect.vue.mjs +10 -0
- package/dist/components/form/ElmSelect.vue2.mjs +145 -0
- package/dist/components/form/ElmSelect.vue3.mjs +47 -0
- package/dist/components/form/ElmTextField.vue3.mjs +12 -12
- package/dist/components/navigation/ElmBookmark.vue.d.ts +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.mjs +67 -65
- package/dist/styles/lib.module.scss.mjs +30 -0
- package/dist/styles/transition-fade.module.scss.mjs +11 -7
- package/package.json +1 -1
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
export interface ElmSelectProps {
|
|
2
|
+
label: string;
|
|
3
|
+
placeholder?: string;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
loading?: boolean;
|
|
6
|
+
}
|
|
7
|
+
type __VLS_Props = ElmSelectProps;
|
|
8
|
+
type __VLS_PublicProps = {
|
|
9
|
+
"options"?: Array<{
|
|
10
|
+
id: string;
|
|
11
|
+
label: string;
|
|
12
|
+
description?: string;
|
|
13
|
+
}>;
|
|
14
|
+
"selected-option"?: {
|
|
15
|
+
id: string;
|
|
16
|
+
label: string;
|
|
17
|
+
description?: string;
|
|
18
|
+
} | null;
|
|
19
|
+
} & __VLS_Props;
|
|
20
|
+
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
21
|
+
"update:options": (value: {
|
|
22
|
+
id: string;
|
|
23
|
+
label: string;
|
|
24
|
+
description?: string;
|
|
25
|
+
}[]) => any;
|
|
26
|
+
"update:selected-option": (value: {
|
|
27
|
+
id: string;
|
|
28
|
+
label: string;
|
|
29
|
+
description?: string;
|
|
30
|
+
} | null) => any;
|
|
31
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
32
|
+
"onUpdate:options"?: ((value: {
|
|
33
|
+
id: string;
|
|
34
|
+
label: string;
|
|
35
|
+
description?: string;
|
|
36
|
+
}[]) => any) | undefined;
|
|
37
|
+
"onUpdate:selected-option"?: ((value: {
|
|
38
|
+
id: string;
|
|
39
|
+
label: string;
|
|
40
|
+
description?: string;
|
|
41
|
+
} | null) => any) | undefined;
|
|
42
|
+
}>, {
|
|
43
|
+
loading: boolean;
|
|
44
|
+
disabled: boolean;
|
|
45
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
46
|
+
target: HTMLDivElement;
|
|
47
|
+
}, HTMLDivElement>;
|
|
48
|
+
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _sfc_main from "./ElmSelect.vue2.mjs";
|
|
2
|
+
import style0 from "./ElmSelect.vue3.mjs";
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const cssModules = {
|
|
5
|
+
"$style": style0
|
|
6
|
+
};
|
|
7
|
+
const ElmSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
8
|
+
export {
|
|
9
|
+
ElmSelect as default
|
|
10
|
+
};
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
import { defineComponent, mergeModels, useModel, ref, useTemplateRef, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, unref, toDisplayString, createVNode, Transition, withCtx, createCommentVNode, Fragment, renderList } from "vue";
|
|
2
|
+
import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
|
|
3
|
+
import { mdiArrowDownDropCircleOutline, mdiMenuDown, mdiChevronRight } from "@mdi/js";
|
|
4
|
+
import { onClickOutside } from "@vueuse/core";
|
|
5
|
+
import scss from "../../styles/lib.module.scss.mjs";
|
|
6
|
+
const _hoisted_1 = ["onClick"];
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
|
+
__name: "ElmSelect",
|
|
9
|
+
props: /* @__PURE__ */ mergeModels({
|
|
10
|
+
label: {},
|
|
11
|
+
placeholder: {},
|
|
12
|
+
disabled: { type: Boolean, default: false },
|
|
13
|
+
loading: { type: Boolean, default: false }
|
|
14
|
+
}, {
|
|
15
|
+
"options": {},
|
|
16
|
+
"optionsModifiers": {},
|
|
17
|
+
"selected-option": {},
|
|
18
|
+
"selected-optionModifiers": {}
|
|
19
|
+
}),
|
|
20
|
+
emits: ["update:options", "update:selected-option"],
|
|
21
|
+
setup(__props) {
|
|
22
|
+
const options = useModel(
|
|
23
|
+
__props,
|
|
24
|
+
"options"
|
|
25
|
+
);
|
|
26
|
+
const selectedOption = useModel(__props, "selected-option");
|
|
27
|
+
const isActive = ref(false);
|
|
28
|
+
const handleToggle = () => {
|
|
29
|
+
isActive.value = !isActive.value;
|
|
30
|
+
};
|
|
31
|
+
const handleSelect = (id) => {
|
|
32
|
+
if (options.value) {
|
|
33
|
+
const [selected] = options.value.filter((option) => option.id === id);
|
|
34
|
+
selectedOption.value = selected;
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
const target = useTemplateRef("target");
|
|
38
|
+
onClickOutside(target, (_) => {
|
|
39
|
+
if (isActive.value) isActive.value = false;
|
|
40
|
+
});
|
|
41
|
+
return (_ctx, _cache) => {
|
|
42
|
+
return openBlock(), createElementBlock("div", {
|
|
43
|
+
ref_key: "target",
|
|
44
|
+
ref: target,
|
|
45
|
+
class: normalizeClass(_ctx.$style.wrapper),
|
|
46
|
+
style: normalizeStyle({
|
|
47
|
+
"--border-color": isActive.value ? "#59b57c" : "transparent",
|
|
48
|
+
backgroundColor: _ctx.disabled || _ctx.loading ? "rgba(0,0,0,0.15)" : void 0
|
|
49
|
+
}),
|
|
50
|
+
onClick: handleToggle
|
|
51
|
+
}, [
|
|
52
|
+
createElementVNode("div", {
|
|
53
|
+
class: normalizeClass(_ctx.$style.header)
|
|
54
|
+
}, [
|
|
55
|
+
createElementVNode("span", {
|
|
56
|
+
class: normalizeClass([_ctx.$style.label, unref(scss).text]),
|
|
57
|
+
style: normalizeStyle({ color: isActive.value ? "#59b57c" : void 0 })
|
|
58
|
+
}, toDisplayString(_ctx.label), 7)
|
|
59
|
+
], 2),
|
|
60
|
+
createElementVNode("div", {
|
|
61
|
+
class: normalizeClass(_ctx.$style.body)
|
|
62
|
+
}, [
|
|
63
|
+
createElementVNode("div", {
|
|
64
|
+
class: normalizeClass(_ctx.$style.select)
|
|
65
|
+
}, [
|
|
66
|
+
createElementVNode("div", {
|
|
67
|
+
class: normalizeClass([_ctx.$style.selected, unref(scss).text])
|
|
68
|
+
}, [
|
|
69
|
+
createVNode(Transition, {
|
|
70
|
+
mode: "out-in",
|
|
71
|
+
"leave-from-class": unref(scss)["fade-leave-from"],
|
|
72
|
+
"enter-to-class": unref(scss)["fade-enter-to"],
|
|
73
|
+
"enter-active-class": unref(scss)["fade-fast-enter-active"],
|
|
74
|
+
"leave-active-class": unref(scss)["fade-fast-leave-active"],
|
|
75
|
+
"enter-from-class": unref(scss)["fade-enter-from"],
|
|
76
|
+
"leave-to-class": unref(scss)["fade-leave-to"]
|
|
77
|
+
}, {
|
|
78
|
+
default: withCtx(() => [
|
|
79
|
+
selectedOption.value ? (openBlock(), createElementBlock("span", {
|
|
80
|
+
key: selectedOption.value.label
|
|
81
|
+
}, [
|
|
82
|
+
createElementVNode("span", null, toDisplayString(selectedOption.value.label), 1),
|
|
83
|
+
selectedOption.value.description ? (openBlock(), createElementBlock("span", {
|
|
84
|
+
key: 0,
|
|
85
|
+
class: normalizeClass(_ctx.$style.description)
|
|
86
|
+
}, toDisplayString(selectedOption.value.description), 3)) : createCommentVNode("", true)
|
|
87
|
+
])) : (openBlock(), createElementBlock("span", {
|
|
88
|
+
key: 1,
|
|
89
|
+
class: normalizeClass(_ctx.$style.fallback)
|
|
90
|
+
}, [
|
|
91
|
+
createVNode(ElmMdiIcon, { d: unref(mdiArrowDownDropCircleOutline) }, null, 8, ["d"]),
|
|
92
|
+
createElementVNode("span", null, toDisplayString(_ctx.placeholder ?? "Select an option"), 1)
|
|
93
|
+
], 2))
|
|
94
|
+
]),
|
|
95
|
+
_: 1
|
|
96
|
+
}, 8, ["leave-from-class", "enter-to-class", "enter-active-class", "leave-active-class", "enter-from-class", "leave-to-class"])
|
|
97
|
+
], 2),
|
|
98
|
+
createVNode(ElmMdiIcon, {
|
|
99
|
+
d: unref(mdiMenuDown),
|
|
100
|
+
size: "1.5rem"
|
|
101
|
+
}, null, 8, ["d"]),
|
|
102
|
+
createVNode(Transition, {
|
|
103
|
+
"enter-from-class": unref(scss)["fade-enter-from"],
|
|
104
|
+
"enter-active-class": unref(scss)["fade-enter-active"],
|
|
105
|
+
"enter-to-class": unref(scss)["fade-enter-to"],
|
|
106
|
+
"leave-from-class": unref(scss)["fade-leave-from"],
|
|
107
|
+
"leave-active-class": unref(scss)["fade-leave-active"],
|
|
108
|
+
"leave-to-class": unref(scss)["fade-leave-to"]
|
|
109
|
+
}, {
|
|
110
|
+
default: withCtx(() => [
|
|
111
|
+
isActive.value ? (openBlock(), createElementBlock("div", {
|
|
112
|
+
key: 0,
|
|
113
|
+
class: normalizeClass(_ctx.$style.pulldown)
|
|
114
|
+
}, [
|
|
115
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (option) => {
|
|
116
|
+
return openBlock(), createElementBlock("div", {
|
|
117
|
+
key: option.id,
|
|
118
|
+
class: normalizeClass([_ctx.$style.option, unref(scss).text]),
|
|
119
|
+
onClick: ($event) => handleSelect(option.id)
|
|
120
|
+
}, [
|
|
121
|
+
createVNode(ElmMdiIcon, {
|
|
122
|
+
d: unref(mdiChevronRight),
|
|
123
|
+
color: "#868e9c",
|
|
124
|
+
size: "0.75em"
|
|
125
|
+
}, null, 8, ["d"]),
|
|
126
|
+
createElementVNode("span", null, toDisplayString(option.label), 1),
|
|
127
|
+
option.description ? (openBlock(), createElementBlock("span", {
|
|
128
|
+
key: 0,
|
|
129
|
+
class: normalizeClass(_ctx.$style.description)
|
|
130
|
+
}, toDisplayString(option.description), 3)) : createCommentVNode("", true)
|
|
131
|
+
], 10, _hoisted_1);
|
|
132
|
+
}), 128))
|
|
133
|
+
], 2)) : createCommentVNode("", true)
|
|
134
|
+
]),
|
|
135
|
+
_: 1
|
|
136
|
+
}, 8, ["enter-from-class", "enter-active-class", "enter-to-class", "leave-from-class", "leave-active-class", "leave-to-class"])
|
|
137
|
+
], 2)
|
|
138
|
+
], 2)
|
|
139
|
+
], 6);
|
|
140
|
+
};
|
|
141
|
+
}
|
|
142
|
+
});
|
|
143
|
+
export {
|
|
144
|
+
_sfc_main as default
|
|
145
|
+
};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
(function() {
|
|
2
|
+
"use strict";
|
|
3
|
+
try {
|
|
4
|
+
if (typeof document != "undefined") {
|
|
5
|
+
var elementStyle = document.createElement("style");
|
|
6
|
+
elementStyle.appendChild(document.createTextNode("._wrapper_1ct8q_1{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;box-sizing:border-box;width:100%;padding:.25rem;border-radius:.25rem;display:flex;flex-direction:column;justify-content:space-between;border-style:solid;border-width:1px;border-color:var(--border-color);transition:border-color .2s,background-color .2s;background-color:#fffc;box-shadow:0 0 .125rem #00000026}[data-theme=dark] ._wrapper_1ct8q_1{background-color:#ffffff26;box-shadow:0 0 .125rem #000000bf}._header_1ct8q_23{box-sizing:border-box;height:.75rem;padding:0 .25rem;display:flex;justify-content:space-between}._label_1ct8q_31{display:inline;margin:0;padding:0;font-size:.75rem;line-height:.75rem;height:.75rem;vertical-align:top;transition:color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}._body_1ct8q_43{display:flex;justify-content:space-between;align-items:center;padding-right:.25rem;padding-left:.25rem;cursor:pointer}._select_1ct8q_52{padding:.5rem;width:100%;height:1.25rem;display:flex;justify-content:space-between;align-items:center}._selected_1ct8q_61{width:100%;overflow:hidden}._fallback_1ct8q_66{opacity:.6;display:flex;justify-content:flex-start;align-items:center;gap:.5rem}._pulldown_1ct8q_74{position:absolute;top:4rem;left:0;box-sizing:border-box;width:100%;padding:.25rem;border-radius:.25rem;background-color:#fffc;box-shadow:0 0 .125rem #00000026}[data-theme=dark] ._pulldown_1ct8q_74{background-color:#ffffff26;box-shadow:0 0 .125rem #000000bf}._option_1ct8q_90{overflow:hidden;width:100%;padding:.5rem;box-sizing:border-box;border-radius:.25rem;display:flex;justify-content:flex-start;align-items:center;gap:.25rem;transition:background-color .1s;cursor:pointer}._option_1ct8q_90:hover{background-color:#bec2ca4d}[data-theme=dark] ._option_1ct8q_90:hover{background-color:#bec2ca33}._description_1ct8q_110{box-sizing:border-box;opacity:.35;padding-left:.25rem;font-size:.75em;white-space:nowrap;text-overflow:ellipsis}"));
|
|
7
|
+
document.head.appendChild(elementStyle);
|
|
8
|
+
}
|
|
9
|
+
} catch (e) {
|
|
10
|
+
console.error("vite-plugin-css-injected-by-js", e);
|
|
11
|
+
}
|
|
12
|
+
})();
|
|
13
|
+
const wrapper = "_wrapper_1ct8q_1";
|
|
14
|
+
const header = "_header_1ct8q_23";
|
|
15
|
+
const label = "_label_1ct8q_31";
|
|
16
|
+
const body = "_body_1ct8q_43";
|
|
17
|
+
const select = "_select_1ct8q_52";
|
|
18
|
+
const selected = "_selected_1ct8q_61";
|
|
19
|
+
const fallback = "_fallback_1ct8q_66";
|
|
20
|
+
const pulldown = "_pulldown_1ct8q_74";
|
|
21
|
+
const option = "_option_1ct8q_90";
|
|
22
|
+
const description = "_description_1ct8q_110";
|
|
23
|
+
const style0 = {
|
|
24
|
+
wrapper,
|
|
25
|
+
header,
|
|
26
|
+
label,
|
|
27
|
+
body,
|
|
28
|
+
select,
|
|
29
|
+
selected,
|
|
30
|
+
fallback,
|
|
31
|
+
pulldown,
|
|
32
|
+
option,
|
|
33
|
+
description
|
|
34
|
+
};
|
|
35
|
+
export {
|
|
36
|
+
body,
|
|
37
|
+
style0 as default,
|
|
38
|
+
description,
|
|
39
|
+
fallback,
|
|
40
|
+
header,
|
|
41
|
+
label,
|
|
42
|
+
option,
|
|
43
|
+
pulldown,
|
|
44
|
+
select,
|
|
45
|
+
selected,
|
|
46
|
+
wrapper
|
|
47
|
+
};
|
|
@@ -3,22 +3,22 @@
|
|
|
3
3
|
try {
|
|
4
4
|
if (typeof document != "undefined") {
|
|
5
5
|
var elementStyle = document.createElement("style");
|
|
6
|
-
elementStyle.appendChild(document.createTextNode("@keyframes
|
|
6
|
+
elementStyle.appendChild(document.createTextNode("@keyframes _loading_taqj4_19{0%{transform-origin:0%;transform:scaleX(0)}40%{transform-origin:0%;transform:scaleX(1)}60%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}._loading_taqj4_19{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#6987b8;transition:opacity .2s;pointer-events:none;animation-name:_loading_taqj4_19;animation-iteration-count:infinite;animation-duration:1.6s}._wrapper_taqj4_33{overflow:hidden;position:relative;box-sizing:border-box;width:100%;padding:.25rem;border-radius:.25rem;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .2s,background-color .2s;border-style:solid;border-width:1px;border-color:var(--border-color);background-color:#fffc;box-shadow:0 0 .125rem #00000026}[data-theme=dark] ._wrapper_taqj4_33{background-color:#ffffff26;box-shadow:0 0 .125rem #000000bf}._header_taqj4_55{box-sizing:border-box;height:.75rem;padding:0 .25rem;display:flex;justify-content:space-between}._label_taqj4_63{display:inline;margin:0;padding:0;font-size:.75rem;line-height:.75rem;height:.75rem;vertical-align:top;transition:color .2s;color:#000000a6;color:var(--color, rgba(0, 0, 0, .65))}[data-theme=dark] ._label_taqj4_63{color:#ffffffa6;color:var(--color, rgba(255, 255, 255, .65))}._requierd_taqj4_78{padding-inline:.25rem;color:#c56565;font-weight:700}._body_taqj4_84{display:flex;justify-content:space-between;align-items:center;padding-right:.25rem;padding-left:.25rem}._left-icon_taqj4_92{margin:auto .25rem;width:24px;height:24px;display:flex;justify-content:center;align-items:center;opacity:.7}[data-theme=dark] ._left-icon_taqj4_92{filter:invert(1)}._input_taqj4_105{all:unset;box-sizing:border-box;padding:.5rem;width:100%;color:#000000b3;caret-color:#000000b3}._input_taqj4_105::-moz-placeholder{opacity:.5}._input_taqj4_105::placeholder{opacity:.5}[data-theme=dark] ._input_taqj4_105::-moz-placeholder{opacity:.7}[data-theme=dark] ._input_taqj4_105::placeholder{opacity:.7}._input_taqj4_105::-moz-selection{background-color:#000000b3;color:#ffffffb3}._input_taqj4_105::selection{background-color:#000000b3;color:#ffffffb3}[data-theme=dark] ._input_taqj4_105{color:#ffffffb3;caret-color:#ffffffb3}[data-theme=dark] ._input_taqj4_105::-moz-selection{background-color:#ffffffb3;color:#000000b3}[data-theme=dark] ._input_taqj4_105::selection{background-color:#ffffffb3;color:#000000b3}._icon-box_taqj4_132{display:flex;justify-content:space-between;align-items:center}._icon_taqj4_132{box-sizing:border-box;border-radius:.125em;padding:.25rem;transition:background-color .2s;cursor:pointer}._icon_taqj4_132:hover{background-color:#80808033}._suffix_taqj4_149{opacity:.6;padding:0 .5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}"));
|
|
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 loading = "
|
|
14
|
-
const wrapper = "
|
|
15
|
-
const header = "
|
|
16
|
-
const label = "
|
|
17
|
-
const requierd = "
|
|
18
|
-
const body = "
|
|
19
|
-
const input = "
|
|
20
|
-
const icon = "
|
|
21
|
-
const suffix = "
|
|
13
|
+
const loading = "_loading_taqj4_19";
|
|
14
|
+
const wrapper = "_wrapper_taqj4_33";
|
|
15
|
+
const header = "_header_taqj4_55";
|
|
16
|
+
const label = "_label_taqj4_63";
|
|
17
|
+
const requierd = "_requierd_taqj4_78";
|
|
18
|
+
const body = "_body_taqj4_84";
|
|
19
|
+
const input = "_input_taqj4_105";
|
|
20
|
+
const icon = "_icon_taqj4_132";
|
|
21
|
+
const suffix = "_suffix_taqj4_149";
|
|
22
22
|
const style0 = {
|
|
23
23
|
loading,
|
|
24
24
|
wrapper,
|
|
@@ -26,9 +26,9 @@ const style0 = {
|
|
|
26
26
|
label,
|
|
27
27
|
requierd,
|
|
28
28
|
body,
|
|
29
|
-
"left-icon": "_left-
|
|
29
|
+
"left-icon": "_left-icon_taqj4_92",
|
|
30
30
|
input,
|
|
31
|
-
"icon-box": "_icon-
|
|
31
|
+
"icon-box": "_icon-box_taqj4_132",
|
|
32
32
|
icon,
|
|
33
33
|
suffix
|
|
34
34
|
};
|
|
@@ -46,8 +46,8 @@ export interface ElmBookmarkProps {
|
|
|
46
46
|
favicon?: string;
|
|
47
47
|
}
|
|
48
48
|
declare const _default: import('vue').DefineComponent<ElmBookmarkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmBookmarkProps> & Readonly<{}>, {
|
|
49
|
+
description: string;
|
|
49
50
|
hideUrl: boolean;
|
|
50
51
|
openInNewTab: boolean;
|
|
51
|
-
description: string;
|
|
52
52
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
53
53
|
export default _default;
|
package/dist/index.d.ts
CHANGED
|
@@ -38,6 +38,8 @@ export type { ElmButtonProps } from './components/form/ElmButton.vue';
|
|
|
38
38
|
export { default as ElmButton } from './components/form/ElmButton.vue';
|
|
39
39
|
export type { ElmCheckboxProps } from './components/form/ElmCheckbox.vue';
|
|
40
40
|
export { default as ElmCheckbox } from './components/form/ElmCheckbox.vue';
|
|
41
|
+
export type { ElmSelectProps } from './components/form/ElmSelect.vue';
|
|
42
|
+
export { default as ElmSelect } from './components/form/ElmSelect.vue';
|
|
41
43
|
export type { ElmSwitchProps } from './components/form/ElmSwitch.vue';
|
|
42
44
|
export { default as ElmSwitch } from './components/form/ElmSwitch.vue';
|
|
43
45
|
export type { ElmTextFieldProps } from './components/form/ElmTextField.vue';
|
package/dist/index.mjs
CHANGED
|
@@ -30,93 +30,95 @@ import { default as default18 } from "./components/fallback/ElmSpinner.vue.mjs";
|
|
|
30
30
|
import { default as default19 } from "./components/fallback/ElmUnsupportedBlock.vue.mjs";
|
|
31
31
|
import { default as default20 } from "./components/form/ElmButton.vue.mjs";
|
|
32
32
|
import { default as default21 } from "./components/form/ElmCheckbox.vue.mjs";
|
|
33
|
-
import { default as default22 } from "./components/form/
|
|
34
|
-
import { default as default23 } from "./components/form/
|
|
35
|
-
import { default as default24 } from "./components/
|
|
36
|
-
import { default as default25 } from "./components/typography/
|
|
37
|
-
import { default as default26 } from "./components/
|
|
38
|
-
import { default as default27 } from "./components/icon/
|
|
39
|
-
import { default as default28 } from "./components/icon/
|
|
40
|
-
import { default as default29 } from "./components/icon/
|
|
41
|
-
import { default as default30 } from "./components/icon/
|
|
42
|
-
import { default as default31 } from "./components/icon/
|
|
43
|
-
import { default as default32 } from "./components/icon/
|
|
44
|
-
import { default as default33 } from "./components/icon/
|
|
45
|
-
import { default as default34 } from "./components/
|
|
46
|
-
import { default as default35 } from "./components/
|
|
47
|
-
import { default as default36
|
|
48
|
-
import { default as default38 } from "./components/
|
|
49
|
-
import { default as default39 } from "./components/navigation/
|
|
50
|
-
import { default as default40 } from "./components/navigation/
|
|
51
|
-
import { default as default41 } from "./components/navigation/
|
|
52
|
-
import { default as default42 } from "./components/
|
|
53
|
-
import { default as default43 } from "./components/others/
|
|
54
|
-
import { default as default44 } from "./components/others/
|
|
55
|
-
import { default as default45 } from "./components/
|
|
56
|
-
import { default as default46 } from "./components/table/
|
|
57
|
-
import { default as default47 } from "./components/table/
|
|
58
|
-
import { default as default48 } from "./components/table/
|
|
59
|
-
import { default as default49 } from "./components/table/
|
|
60
|
-
import { default as default50 } from "./components/
|
|
61
|
-
import { default as default51 } from "./components/typography/
|
|
62
|
-
import { default as default52 } from "./components/typography/
|
|
63
|
-
import { default as default53 } from "./components/typography/
|
|
64
|
-
import { default as default54 } from "./components/typography/
|
|
33
|
+
import { default as default22 } from "./components/form/ElmSelect.vue.mjs";
|
|
34
|
+
import { default as default23 } from "./components/form/ElmSwitch.vue.mjs";
|
|
35
|
+
import { default as default24 } from "./components/form/ElmTextField.vue.mjs";
|
|
36
|
+
import { default as default25 } from "./components/typography/ElmHeading.vue.mjs";
|
|
37
|
+
import { default as default26 } from "./components/typography/ElmFragmentIdentifier.vue.mjs";
|
|
38
|
+
import { default as default27 } from "./components/icon/ElmArrowIcon.vue.mjs";
|
|
39
|
+
import { default as default28 } from "./components/icon/ElmBookmarkIcon.vue.mjs";
|
|
40
|
+
import { default as default29 } from "./components/icon/ElmCubeIcon.vue.mjs";
|
|
41
|
+
import { default as default30 } from "./components/icon/ElmDotLoadingIcon.vue.mjs";
|
|
42
|
+
import { default as default31 } from "./components/icon/ElmLanguageIcon.vue.mjs";
|
|
43
|
+
import { default as default32 } from "./components/icon/ElmLoginIcon.vue.mjs";
|
|
44
|
+
import { default as default33 } from "./components/icon/ElmMdiIcon.vue.mjs";
|
|
45
|
+
import { default as default34 } from "./components/icon/ElmToggleTheme.vue.mjs";
|
|
46
|
+
import { default as default35 } from "./components/typography/ElmInlineText.vue.mjs";
|
|
47
|
+
import { default as default36 } from "./components/media/ElmFile.vue.mjs";
|
|
48
|
+
import { default as default37, default as default38 } from "./components/media/ElmImage.vue.mjs";
|
|
49
|
+
import { default as default39 } from "./components/navigation/ElmBookmark.vue.mjs";
|
|
50
|
+
import { default as default40 } from "./components/navigation/ElmBreadcrumb.vue.mjs";
|
|
51
|
+
import { default as default41 } from "./components/navigation/ElmPagetop.vue.mjs";
|
|
52
|
+
import { default as default42 } from "./components/navigation/ElmTableOfContents.vue.mjs";
|
|
53
|
+
import { default as default43 } from "./components/others/ElmColorSample.vue.mjs";
|
|
54
|
+
import { default as default44 } from "./components/others/ElmColorTable.vue.mjs";
|
|
55
|
+
import { default as default45 } from "./components/others/ElmJsonComponentRenderer.vue.mjs";
|
|
56
|
+
import { default as default46 } from "./components/table/ElmTable.vue.mjs";
|
|
57
|
+
import { default as default47 } from "./components/table/ElmTableHeader.vue.mjs";
|
|
58
|
+
import { default as default48 } from "./components/table/ElmTableBody.vue.mjs";
|
|
59
|
+
import { default as default49 } from "./components/table/ElmTableRow.vue.mjs";
|
|
60
|
+
import { default as default50 } from "./components/table/ElmTableCell.vue.mjs";
|
|
61
|
+
import { default as default51 } from "./components/typography/ElmBlockQuote.vue.mjs";
|
|
62
|
+
import { default as default52 } from "./components/typography/ElmCallout.vue.mjs";
|
|
63
|
+
import { default as default53 } from "./components/typography/ElmDivider.vue.mjs";
|
|
64
|
+
import { default as default54 } from "./components/typography/ElmParagraph.vue.mjs";
|
|
65
|
+
import { default as default55 } from "./components/typography/ElmList.vue.mjs";
|
|
65
66
|
|
|
66
67
|
import { useElmethisTheme } from "./hooks/useElmethisTheme.mjs";
|
|
67
68
|
import { useTyping } from "./hooks/useTyping.mjs";
|
|
68
69
|
export {
|
|
69
|
-
|
|
70
|
+
default27 as ElmArrowIcon,
|
|
70
71
|
default17 as ElmBlockFallback,
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
72
|
+
default37 as ElmBlockImage,
|
|
73
|
+
default51 as ElmBlockQuote,
|
|
74
|
+
default39 as ElmBookmark,
|
|
75
|
+
default28 as ElmBookmarkIcon,
|
|
76
|
+
default40 as ElmBreadcrumb,
|
|
76
77
|
default20 as ElmButton,
|
|
77
|
-
|
|
78
|
+
default52 as ElmCallout,
|
|
78
79
|
default21 as ElmCheckbox,
|
|
79
80
|
default2 as ElmCodeBlock,
|
|
80
|
-
|
|
81
|
-
|
|
81
|
+
default43 as ElmColorSample,
|
|
82
|
+
default44 as ElmColorTable,
|
|
82
83
|
default4 as ElmColumn,
|
|
83
84
|
default5 as ElmColumnList,
|
|
84
|
-
|
|
85
|
+
default29 as ElmCubeIcon,
|
|
85
86
|
default6 as ElmDesktopWindow,
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
87
|
+
default53 as ElmDivider,
|
|
88
|
+
default30 as ElmDotLoadingIcon,
|
|
89
|
+
default36 as ElmFile,
|
|
90
|
+
default26 as ElmFragmentIdentifier,
|
|
91
|
+
default25 as ElmHeading,
|
|
92
|
+
default38 as ElmImage,
|
|
93
|
+
default35 as ElmInlineText,
|
|
94
|
+
default45 as ElmJsonComponentRenderer,
|
|
94
95
|
default3 as ElmKatex,
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
96
|
+
default31 as ElmLanguageIcon,
|
|
97
|
+
default55 as ElmList,
|
|
98
|
+
default32 as ElmLoginIcon,
|
|
99
|
+
default33 as ElmMdiIcon,
|
|
99
100
|
default7 as ElmModal,
|
|
100
101
|
default14 as ElmMultiProgress,
|
|
101
|
-
|
|
102
|
-
|
|
102
|
+
default41 as ElmPagetop,
|
|
103
|
+
default54 as ElmParagraph,
|
|
103
104
|
default8 as ElmParallax,
|
|
104
105
|
default13 as ElmProgress,
|
|
105
106
|
default16 as ElmRectangleWave,
|
|
107
|
+
default22 as ElmSelect,
|
|
106
108
|
default9 as ElmSnackbar,
|
|
107
109
|
default10 as ElmSnackbarContainer,
|
|
108
110
|
default18 as ElmSpinner,
|
|
109
111
|
default15 as ElmStatusMessage,
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
112
|
+
default23 as ElmSwitch,
|
|
113
|
+
default46 as ElmTable,
|
|
114
|
+
default48 as ElmTableBody,
|
|
115
|
+
default50 as ElmTableCell,
|
|
116
|
+
default47 as ElmTableHeader,
|
|
117
|
+
default42 as ElmTableOfContents,
|
|
118
|
+
default49 as ElmTableRow,
|
|
119
|
+
default24 as ElmTextField,
|
|
118
120
|
default11 as ElmToggle,
|
|
119
|
-
|
|
121
|
+
default34 as ElmToggleTheme,
|
|
120
122
|
default12 as ElmTooltip,
|
|
121
123
|
default19 as ElmUnsupportedBlock,
|
|
122
124
|
useElmethisTheme,
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
(function() {
|
|
2
|
+
"use strict";
|
|
3
|
+
try {
|
|
4
|
+
if (typeof document != "undefined") {
|
|
5
|
+
var elementStyle = document.createElement("style");
|
|
6
|
+
elementStyle.appendChild(document.createTextNode("._text_1fnqh_1{color:#555b67;color:var(--color, #555b67)}._text_1fnqh_1::-moz-selection{color:#bec2ca;background-color:#555b67;background-color:var(--color, #555b67)}._text_1fnqh_1::selection{color:#bec2ca;background-color:#555b67;background-color:var(--color, #555b67)}[data-theme=dark] ._text_1fnqh_1{color:#bec2ca;color:var(--color, #bec2ca)}[data-theme=dark] ._text_1fnqh_1::-moz-selection{color:#555b67;background-color:#bec2ca;background-color:var(--color, #bec2ca)}[data-theme=dark] ._text_1fnqh_1::selection{color:#555b67;background-color:#bec2ca;background-color:var(--color, #bec2ca)}._fade-enter-to_1fnqh_16,._fade-leave-from_1fnqh_17{opacity:1}._fade-enter-active_1fnqh_21,._fade-leave-active_1fnqh_22{transition:opacity .2s}._fade-enter-from_1fnqh_26,._fade-leave-to_1fnqh_27{opacity:0}._fade-fast-enter-active_1fnqh_39,._fade-fast-leave-active_1fnqh_40{transition:opacity .1s}._fade-slow-enter-active_1fnqh_44,._fade-slow-leave-active_1fnqh_45{transition:opacity .5s}"));
|
|
7
|
+
document.head.appendChild(elementStyle);
|
|
8
|
+
}
|
|
9
|
+
} catch (e) {
|
|
10
|
+
console.error("vite-plugin-css-injected-by-js", e);
|
|
11
|
+
}
|
|
12
|
+
})();
|
|
13
|
+
const text = "_text_1fnqh_1";
|
|
14
|
+
const scss = {
|
|
15
|
+
text,
|
|
16
|
+
"fade-enter-to": "_fade-enter-to_1fnqh_16",
|
|
17
|
+
"fade-leave-from": "_fade-leave-from_1fnqh_17",
|
|
18
|
+
"fade-enter-active": "_fade-enter-active_1fnqh_21",
|
|
19
|
+
"fade-leave-active": "_fade-leave-active_1fnqh_22",
|
|
20
|
+
"fade-enter-from": "_fade-enter-from_1fnqh_26",
|
|
21
|
+
"fade-leave-to": "_fade-leave-to_1fnqh_27",
|
|
22
|
+
"fade-fast-enter-active": "_fade-fast-enter-active_1fnqh_39",
|
|
23
|
+
"fade-fast-leave-active": "_fade-fast-leave-active_1fnqh_40",
|
|
24
|
+
"fade-slow-enter-active": "_fade-slow-enter-active_1fnqh_44",
|
|
25
|
+
"fade-slow-leave-active": "_fade-slow-leave-active_1fnqh_45"
|
|
26
|
+
};
|
|
27
|
+
export {
|
|
28
|
+
scss as default,
|
|
29
|
+
text
|
|
30
|
+
};
|
|
@@ -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("._fade-enter-
|
|
6
|
+
elementStyle.appendChild(document.createTextNode("._fade-enter-to_r2nd3_1,._fade-leave-from_r2nd3_2{opacity:1}._fade-enter-active_r2nd3_6,._fade-leave-active_r2nd3_7{transition:opacity .2s}._fade-enter-from_r2nd3_11,._fade-leave-to_r2nd3_12{opacity:0}._fade-fast-enter-active_r2nd3_24,._fade-fast-leave-active_r2nd3_25{transition:opacity .1s}._fade-slow-enter-active_r2nd3_29,._fade-slow-leave-active_r2nd3_30{transition:opacity .5s}"));
|
|
7
7
|
document.head.appendChild(elementStyle);
|
|
8
8
|
}
|
|
9
9
|
} catch (e) {
|
|
@@ -11,12 +11,16 @@
|
|
|
11
11
|
}
|
|
12
12
|
})();
|
|
13
13
|
const fadeStyle = {
|
|
14
|
-
"fade-enter-to": "_fade-enter-
|
|
15
|
-
"fade-leave-from": "_fade-leave-
|
|
16
|
-
"fade-enter-active": "_fade-enter-
|
|
17
|
-
"fade-leave-active": "_fade-leave-
|
|
18
|
-
"fade-enter-from": "_fade-enter-
|
|
19
|
-
"fade-leave-to": "_fade-leave-
|
|
14
|
+
"fade-enter-to": "_fade-enter-to_r2nd3_1",
|
|
15
|
+
"fade-leave-from": "_fade-leave-from_r2nd3_2",
|
|
16
|
+
"fade-enter-active": "_fade-enter-active_r2nd3_6",
|
|
17
|
+
"fade-leave-active": "_fade-leave-active_r2nd3_7",
|
|
18
|
+
"fade-enter-from": "_fade-enter-from_r2nd3_11",
|
|
19
|
+
"fade-leave-to": "_fade-leave-to_r2nd3_12",
|
|
20
|
+
"fade-fast-enter-active": "_fade-fast-enter-active_r2nd3_24",
|
|
21
|
+
"fade-fast-leave-active": "_fade-fast-leave-active_r2nd3_25",
|
|
22
|
+
"fade-slow-enter-active": "_fade-slow-enter-active_r2nd3_29",
|
|
23
|
+
"fade-slow-leave-active": "_fade-slow-leave-active_r2nd3_30"
|
|
20
24
|
};
|
|
21
25
|
export {
|
|
22
26
|
fadeStyle as default
|