@elmethis/core 0.1.5 → 0.1.7
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/code/ElmKatex.vue2.mjs +1 -1
- package/dist/components/form/ElmSelect.vue2.mjs +21 -21
- package/dist/components/form/ElmSelect.vue3.mjs +21 -12
- package/dist/components/form/ElmTextField.vue2.mjs +1 -2
- package/dist/components/form/ElmTextField.vue3.mjs +15 -12
- package/package.json +1 -1
- package/dist/styles/lib.module.scss.mjs +0 -30
|
@@ -50,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
50
50
|
], 6)) : (openBlock(), createElementBlock("span", {
|
|
51
51
|
key: 1,
|
|
52
52
|
ref: "targetRef",
|
|
53
|
-
class: normalizeClass(_ctx.$style.katex),
|
|
53
|
+
class: normalizeClass([_ctx.$style.katex, unref(textStyle).text]),
|
|
54
54
|
style: normalizeStyle({
|
|
55
55
|
"--margin-block": props.block ? "3rem" : void 0
|
|
56
56
|
})
|
|
@@ -2,7 +2,8 @@ import { defineComponent, mergeModels, useModel, ref, useTemplateRef, createElem
|
|
|
2
2
|
import ElmMdiIcon from "../icon/ElmMdiIcon.vue.mjs";
|
|
3
3
|
import { mdiArrowDownDropCircleOutline, mdiMenuDown, mdiChevronRight } from "@mdi/js";
|
|
4
4
|
import { onClickOutside } from "@vueuse/core";
|
|
5
|
-
import
|
|
5
|
+
import textStyle from "../../styles/text.module.scss.mjs";
|
|
6
|
+
import fadeStyle from "../../styles/transition-fade.module.scss.mjs";
|
|
6
7
|
const _hoisted_1 = ["onClick"];
|
|
7
8
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
9
|
__name: "ElmSelect",
|
|
@@ -42,9 +43,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
42
43
|
return openBlock(), createElementBlock("div", {
|
|
43
44
|
ref_key: "target",
|
|
44
45
|
ref: target,
|
|
45
|
-
class: normalizeClass(_ctx.$style.wrapper),
|
|
46
|
+
class: normalizeClass([_ctx.$style.wrapper, { [_ctx.$style.active]: isActive.value }]),
|
|
46
47
|
style: normalizeStyle({
|
|
47
|
-
"--border-color": isActive.value ? "#59b57c" : "transparent",
|
|
48
48
|
backgroundColor: _ctx.disabled || _ctx.loading ? "rgba(0,0,0,0.15)" : void 0
|
|
49
49
|
}),
|
|
50
50
|
onClick: handleToggle
|
|
@@ -53,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
53
53
|
class: normalizeClass(_ctx.$style.header)
|
|
54
54
|
}, [
|
|
55
55
|
createElementVNode("span", {
|
|
56
|
-
class: normalizeClass([_ctx.$style.label, unref(
|
|
56
|
+
class: normalizeClass([_ctx.$style.label, unref(textStyle).text]),
|
|
57
57
|
style: normalizeStyle({ color: isActive.value ? "#59b57c" : void 0 })
|
|
58
58
|
}, toDisplayString(_ctx.label), 7)
|
|
59
59
|
], 2),
|
|
@@ -64,27 +64,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
64
64
|
class: normalizeClass(_ctx.$style.select)
|
|
65
65
|
}, [
|
|
66
66
|
createElementVNode("div", {
|
|
67
|
-
class: normalizeClass([_ctx.$style.selected, unref(
|
|
67
|
+
class: normalizeClass([_ctx.$style.selected, unref(textStyle).text])
|
|
68
68
|
}, [
|
|
69
69
|
createVNode(Transition, {
|
|
70
70
|
mode: "out-in",
|
|
71
|
-
"leave-from-class":
|
|
72
|
-
"enter-to-class":
|
|
73
|
-
"enter-active-class":
|
|
74
|
-
"leave-active-class":
|
|
75
|
-
"enter-from-class":
|
|
76
|
-
"leave-to-class":
|
|
71
|
+
"leave-from-class": _ctx.$style["selected-leave-from"],
|
|
72
|
+
"enter-to-class": _ctx.$style["selected-enter-to"],
|
|
73
|
+
"enter-active-class": _ctx.$style["selected-enter-active"],
|
|
74
|
+
"leave-active-class": _ctx.$style["selected-leave-active"],
|
|
75
|
+
"enter-from-class": _ctx.$style["selected-enter-from"],
|
|
76
|
+
"leave-to-class": _ctx.$style["selected-leave-to"]
|
|
77
77
|
}, {
|
|
78
78
|
default: withCtx(() => [
|
|
79
|
-
selectedOption.value ? (openBlock(), createElementBlock("
|
|
80
|
-
key: selectedOption.value.
|
|
79
|
+
selectedOption.value ? (openBlock(), createElementBlock("div", {
|
|
80
|
+
key: selectedOption.value.id
|
|
81
81
|
}, [
|
|
82
82
|
createElementVNode("span", null, toDisplayString(selectedOption.value.label), 1),
|
|
83
83
|
selectedOption.value.description ? (openBlock(), createElementBlock("span", {
|
|
84
84
|
key: 0,
|
|
85
85
|
class: normalizeClass(_ctx.$style.description)
|
|
86
86
|
}, toDisplayString(selectedOption.value.description), 3)) : createCommentVNode("", true)
|
|
87
|
-
])) : (openBlock(), createElementBlock("
|
|
87
|
+
])) : (openBlock(), createElementBlock("div", {
|
|
88
88
|
key: 1,
|
|
89
89
|
class: normalizeClass(_ctx.$style.fallback)
|
|
90
90
|
}, [
|
|
@@ -100,12 +100,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
100
100
|
size: "1.5rem"
|
|
101
101
|
}, null, 8, ["d"]),
|
|
102
102
|
createVNode(Transition, {
|
|
103
|
-
"enter-from-class": unref(
|
|
104
|
-
"enter-active-class": unref(
|
|
105
|
-
"enter-to-class": unref(
|
|
106
|
-
"leave-from-class": unref(
|
|
107
|
-
"leave-active-class": unref(
|
|
108
|
-
"leave-to-class": unref(
|
|
103
|
+
"enter-from-class": unref(fadeStyle)["fade-enter-from"],
|
|
104
|
+
"enter-active-class": unref(fadeStyle)["fade-enter-active"],
|
|
105
|
+
"enter-to-class": unref(fadeStyle)["fade-enter-to"],
|
|
106
|
+
"leave-from-class": unref(fadeStyle)["fade-leave-from"],
|
|
107
|
+
"leave-active-class": unref(fadeStyle)["fade-leave-active"],
|
|
108
|
+
"leave-to-class": unref(fadeStyle)["fade-leave-to"]
|
|
109
109
|
}, {
|
|
110
110
|
default: withCtx(() => [
|
|
111
111
|
isActive.value ? (openBlock(), createElementBlock("div", {
|
|
@@ -115,7 +115,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
115
115
|
(openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (option) => {
|
|
116
116
|
return openBlock(), createElementBlock("div", {
|
|
117
117
|
key: option.id,
|
|
118
|
-
class: normalizeClass([_ctx.$style.option, unref(
|
|
118
|
+
class: normalizeClass([_ctx.$style.option, unref(textStyle).text]),
|
|
119
119
|
onClick: ($event) => handleSelect(option.id)
|
|
120
120
|
}, [
|
|
121
121
|
createVNode(ElmMdiIcon, {
|
|
@@ -3,25 +3,27 @@
|
|
|
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("._wrapper_12hry_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:transparent;transition:border-color .2s,background-color .2s;background-color:#fffc;box-shadow:0 0 .125rem #00000026}[data-theme=dark] ._wrapper_12hry_1{background-color:#ffffff26;box-shadow:0 0 .125rem #000000bf}._active_12hry_23{border-color:#59b57c80}._header_12hry_27{box-sizing:border-box;height:.75rem;padding:0 .25rem;display:flex;justify-content:space-between}._label_12hry_35{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_12hry_47{display:flex;justify-content:space-between;align-items:center;padding-right:.25rem;padding-left:.25rem;cursor:pointer}._select_12hry_56{padding:.5rem;width:100%;height:1.25rem;display:flex;justify-content:space-between;align-items:center}._selected_12hry_65{width:100%;overflow:hidden}._fallback_12hry_70{opacity:.6;display:flex;justify-content:flex-start;align-items:center;gap:.5rem}._pulldown_12hry_78{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_12hry_78{background-color:#ffffff26;box-shadow:0 0 .125rem #000000bf}._option_12hry_94{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_12hry_94:hover{background-color:#bec2ca4d}[data-theme=dark] ._option_12hry_94:hover{background-color:#bec2ca33}._description_12hry_114{box-sizing:border-box;opacity:.35;padding-left:.25rem;font-size:.75em;white-space:nowrap;text-overflow:ellipsis}._selected-enter-from_12hry_123{opacity:0;transform:translateY(-100%)}._selected-enter-to_12hry_128,._selected-leave-from_12hry_129{opacity:1;transform:translateY(0)}._selected-leave-to_12hry_134{opacity:0;transform:translateY(100%)}._selected-enter-active_12hry_139,._selected-leave-active_12hry_140{transition:opacity .2s,transform .1s}"));
|
|
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 wrapper = "
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
const
|
|
20
|
-
const
|
|
21
|
-
const
|
|
22
|
-
const
|
|
13
|
+
const wrapper = "_wrapper_12hry_1";
|
|
14
|
+
const active = "_active_12hry_23";
|
|
15
|
+
const header = "_header_12hry_27";
|
|
16
|
+
const label = "_label_12hry_35";
|
|
17
|
+
const body = "_body_12hry_47";
|
|
18
|
+
const select = "_select_12hry_56";
|
|
19
|
+
const selected = "_selected_12hry_65";
|
|
20
|
+
const fallback = "_fallback_12hry_70";
|
|
21
|
+
const pulldown = "_pulldown_12hry_78";
|
|
22
|
+
const option = "_option_12hry_94";
|
|
23
|
+
const description = "_description_12hry_114";
|
|
23
24
|
const style0 = {
|
|
24
25
|
wrapper,
|
|
26
|
+
active,
|
|
25
27
|
header,
|
|
26
28
|
label,
|
|
27
29
|
body,
|
|
@@ -30,9 +32,16 @@ const style0 = {
|
|
|
30
32
|
fallback,
|
|
31
33
|
pulldown,
|
|
32
34
|
option,
|
|
33
|
-
description
|
|
35
|
+
description,
|
|
36
|
+
"selected-enter-from": "_selected-enter-from_12hry_123",
|
|
37
|
+
"selected-enter-to": "_selected-enter-to_12hry_128",
|
|
38
|
+
"selected-leave-from": "_selected-leave-from_12hry_129",
|
|
39
|
+
"selected-leave-to": "_selected-leave-to_12hry_134",
|
|
40
|
+
"selected-enter-active": "_selected-enter-active_12hry_139",
|
|
41
|
+
"selected-leave-active": "_selected-leave-active_12hry_140"
|
|
34
42
|
};
|
|
35
43
|
export {
|
|
44
|
+
active,
|
|
36
45
|
body,
|
|
37
46
|
style0 as default,
|
|
38
47
|
description,
|
|
@@ -49,9 +49,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
49
49
|
};
|
|
50
50
|
return (_ctx, _cache) => {
|
|
51
51
|
return openBlock(), createElementBlock("div", {
|
|
52
|
-
class: normalizeClass(_ctx.$style.wrapper),
|
|
52
|
+
class: normalizeClass([_ctx.$style.wrapper, { [_ctx.$style.active]: isFocused.value }]),
|
|
53
53
|
style: normalizeStyle({
|
|
54
|
-
"--border-color": isFocused.value ? "#59b57c" : "transparent",
|
|
55
54
|
backgroundColor: _ctx.disabled || _ctx.loading ? "rgba(0,0,0,0.15)" : void 0
|
|
56
55
|
})
|
|
57
56
|
}, [
|
|
@@ -3,36 +3,39 @@
|
|
|
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_cd6sh_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_cd6sh_19{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#6987b8;transition:opacity .2s;pointer-events:none;animation-name:_loading_cd6sh_19;animation-iteration-count:infinite;animation-duration:1.6s}._wrapper_cd6sh_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:transparent;background-color:#fffc;box-shadow:0 0 .125rem #00000026}[data-theme=dark] ._wrapper_cd6sh_33{background-color:#ffffff26;box-shadow:0 0 .125rem #000000bf}._active_cd6sh_55{border-color:#59b57c80}._header_cd6sh_59{box-sizing:border-box;height:.75rem;padding:0 .25rem;display:flex;justify-content:space-between}._label_cd6sh_67{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_cd6sh_67{color:#ffffffa6;color:var(--color, rgba(255, 255, 255, .65))}._requierd_cd6sh_82{padding-inline:.25rem;color:#c56565;font-weight:700}._body_cd6sh_88{display:flex;justify-content:space-between;align-items:center;padding-right:.25rem;padding-left:.25rem}._left-icon_cd6sh_96{margin:auto .25rem;width:24px;height:24px;display:flex;justify-content:center;align-items:center;opacity:.7}[data-theme=dark] ._left-icon_cd6sh_96{filter:invert(1)}._input_cd6sh_109{all:unset;box-sizing:border-box;padding:.5rem;width:100%;color:#000000b3;caret-color:#000000b3}._input_cd6sh_109::-moz-placeholder{opacity:.5}._input_cd6sh_109::placeholder{opacity:.5}[data-theme=dark] ._input_cd6sh_109::-moz-placeholder{opacity:.7}[data-theme=dark] ._input_cd6sh_109::placeholder{opacity:.7}._input_cd6sh_109::-moz-selection{background-color:#000000b3;color:#ffffffb3}._input_cd6sh_109::selection{background-color:#000000b3;color:#ffffffb3}[data-theme=dark] ._input_cd6sh_109{color:#ffffffb3;caret-color:#ffffffb3}[data-theme=dark] ._input_cd6sh_109::-moz-selection{background-color:#ffffffb3;color:#000000b3}[data-theme=dark] ._input_cd6sh_109::selection{background-color:#ffffffb3;color:#000000b3}._icon-box_cd6sh_136{display:flex;justify-content:space-between;align-items:center}._icon_cd6sh_136{box-sizing:border-box;border-radius:.125em;padding:.25rem;transition:background-color .2s;cursor:pointer}._icon_cd6sh_136:hover{background-color:#80808033}._suffix_cd6sh_153{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
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
const
|
|
20
|
-
const
|
|
21
|
-
const
|
|
13
|
+
const loading = "_loading_cd6sh_19";
|
|
14
|
+
const wrapper = "_wrapper_cd6sh_33";
|
|
15
|
+
const active = "_active_cd6sh_55";
|
|
16
|
+
const header = "_header_cd6sh_59";
|
|
17
|
+
const label = "_label_cd6sh_67";
|
|
18
|
+
const requierd = "_requierd_cd6sh_82";
|
|
19
|
+
const body = "_body_cd6sh_88";
|
|
20
|
+
const input = "_input_cd6sh_109";
|
|
21
|
+
const icon = "_icon_cd6sh_136";
|
|
22
|
+
const suffix = "_suffix_cd6sh_153";
|
|
22
23
|
const style0 = {
|
|
23
24
|
loading,
|
|
24
25
|
wrapper,
|
|
26
|
+
active,
|
|
25
27
|
header,
|
|
26
28
|
label,
|
|
27
29
|
requierd,
|
|
28
30
|
body,
|
|
29
|
-
"left-icon": "_left-
|
|
31
|
+
"left-icon": "_left-icon_cd6sh_96",
|
|
30
32
|
input,
|
|
31
|
-
"icon-box": "_icon-
|
|
33
|
+
"icon-box": "_icon-box_cd6sh_136",
|
|
32
34
|
icon,
|
|
33
35
|
suffix
|
|
34
36
|
};
|
|
35
37
|
export {
|
|
38
|
+
active,
|
|
36
39
|
body,
|
|
37
40
|
style0 as default,
|
|
38
41
|
header,
|
package/package.json
CHANGED
|
@@ -1,30 +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("._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
|
-
};
|