@elmethis/vue 0.2.7 → 0.2.9
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/ElmButton.vue.mjs +2 -2
- package/dist/components/form/ElmButton.vue2.mjs +6 -3
- package/dist/components/form/ElmButton.vue3.mjs +10 -9
- package/dist/components/typography/ElmInlineText.vue2.mjs +20 -2
- package/dist/components/typography/ElmInlineText.vue3.mjs +15 -9
- package/package.json +11 -5
|
@@ -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-85b3e899],.v-leave-from[data-v-85b3e899]{opacity:1}.v-enter-active[data-v-85b3e899],.v-leave-active[data-v-85b3e899]{transition:opacity .1s}.v-enter-from[data-v-85b3e899],.v-leave-to[data-v-85b3e899]{opacity:0}"));
|
|
7
7
|
document.head.appendChild(elementStyle);
|
|
8
8
|
}
|
|
9
9
|
} catch (e) {
|
|
@@ -17,7 +17,7 @@ import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
|
17
17
|
const cssModules = {
|
|
18
18
|
"$style": style0
|
|
19
19
|
};
|
|
20
|
-
const ElmButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-
|
|
20
|
+
const ElmButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-85b3e899"]]);
|
|
21
21
|
export {
|
|
22
22
|
ElmButton as default
|
|
23
23
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, ref, onUnmounted, createElementBlock, openBlock, normalizeStyle, normalizeClass, createCommentVNode, createVNode, Transition, withCtx, createBlock, renderSlot } from "vue";
|
|
1
|
+
import { defineComponent, ref, onUnmounted, createElementBlock, openBlock, normalizeStyle, normalizeClass, createCommentVNode, createVNode, createElementVNode, Transition, withCtx, createBlock, renderSlot } from "vue";
|
|
2
2
|
import ElmDotLoadingIcon from "../icon/ElmDotLoadingIcon.vue.mjs";
|
|
3
3
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
4
4
|
__name: "ElmButton",
|
|
@@ -39,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
39
39
|
display: __props.block ? "flex" : "inline-flex",
|
|
40
40
|
width: __props.block ? "100%" : "auto",
|
|
41
41
|
cursor: __props.disabled ? "not-allowed" : __props.loading ? "progress" : "pointer",
|
|
42
|
-
"--opacity": __props.disabled ? 0.6 : void 0,
|
|
42
|
+
"--opacity": __props.disabled || __props.loading ? 0.6 : void 0,
|
|
43
43
|
"--color": __props.color
|
|
44
44
|
}),
|
|
45
45
|
onClick: handleClick
|
|
@@ -61,7 +61,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
61
61
|
], 2))
|
|
62
62
|
]),
|
|
63
63
|
_: 3
|
|
64
|
-
})
|
|
64
|
+
}),
|
|
65
|
+
createElementVNode("div", {
|
|
66
|
+
class: normalizeClass(_ctx.$style["button-ornament"])
|
|
67
|
+
}, null, 2)
|
|
65
68
|
], 6);
|
|
66
69
|
};
|
|
67
70
|
}
|
|
@@ -3,29 +3,30 @@
|
|
|
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('._button_1crwm_1{all:unset;position:relative;overflow:hidden;min-height:2.75rem;justify-content:center;align-items:center;gap:.5rem;border-radius:.25rem;box-sizing:border-box;padding:.5rem 1.5rem;line-height:1.5rem;border:solid 2px rgba(219,202,160,.6);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:opacity .2s,transform .2s;opacity:var(--opacity)}._button-ornament_1crwm_20{position:absolute;content:"";bottom:-1px;right:-1px;height:1rem;width:1rem;background-color:#dbcaa099;clip-path:polygon(100% 0%,1000% 100%,0% 100%)}._normal_1crwm_31{color:#0009;background-color:#fffc}[data-theme=dark] ._normal_1crwm_31,._primary_1crwm_40{color:#fff9;background-color:#3e434b}[data-theme=dark] ._primary_1crwm_40{color:#0009;background-color:#fffc}._colored_1crwm_49{background-color:var(--color)}._enable_1crwm_53{transition:opacity .2s,transform .1s,box-shadow .2s}[data-theme=dark] ._enable_1crwm_53:hover{transform:translate(-1px) translateY(-1px);opacity:.7;opacity:var(--opacity, .7)}[data-theme=dark] ._enable_1crwm_53:active{transform:translate(1px) translateY(1px);opacity:.5;opacity:var(--opacity, .5)}._enable_1crwm_53:hover{transform:translate(-1px) translateY(-1px);opacity:.7;opacity:var(--opacity, .7);box-shadow:.125rem .125rem .125rem #80808040}._enable_1crwm_53:active{transform:translate(1px) translateY(1px);opacity:.5;opacity:var(--opacity, .5);box-shadow:-1px -1px .125rem #80808040}._flex_1crwm_75{display:flex;justify-content:center;align-items:center;gap:.5rem}@keyframes _button-ripple_1crwm_1{0%{transform:scale(0);opacity:1}50%{transform:scale(1.2);opacity:1}to{transform:scale(1.2);opacity:0}}._ripple_1crwm_96{position:absolute;pointer-events:none;border-radius:50%;background-color:#cdb57b26;width:100%;aspect-ratio:1/1;transition:none;opacity:0;animation-name:_button-ripple_1crwm_1;animation-duration:.3s;animation-fill-mode:both;animation-timing-function:ease-out}'));
|
|
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 button = "
|
|
14
|
-
const normal = "
|
|
15
|
-
const primary = "
|
|
16
|
-
const colored = "
|
|
17
|
-
const enable = "
|
|
18
|
-
const flex = "
|
|
19
|
-
const ripple = "
|
|
13
|
+
const button = "_button_1crwm_1";
|
|
14
|
+
const normal = "_normal_1crwm_31";
|
|
15
|
+
const primary = "_primary_1crwm_40";
|
|
16
|
+
const colored = "_colored_1crwm_49";
|
|
17
|
+
const enable = "_enable_1crwm_53";
|
|
18
|
+
const flex = "_flex_1crwm_75";
|
|
19
|
+
const ripple = "_ripple_1crwm_96";
|
|
20
20
|
const style0 = {
|
|
21
21
|
button,
|
|
22
|
+
"button-ornament": "_button-ornament_1crwm_20",
|
|
22
23
|
normal,
|
|
23
24
|
primary,
|
|
24
25
|
colored,
|
|
25
26
|
enable,
|
|
26
27
|
flex,
|
|
27
28
|
ripple,
|
|
28
|
-
"button-ripple": "_button-
|
|
29
|
+
"button-ripple": "_button-ripple_1crwm_1"
|
|
29
30
|
};
|
|
30
31
|
export {
|
|
31
32
|
button,
|
|
@@ -87,10 +87,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
87
87
|
vnode = h("kbd", { class: style.kbd }, vnode);
|
|
88
88
|
}
|
|
89
89
|
if (props.strikethrough) {
|
|
90
|
-
vnode = h(
|
|
90
|
+
vnode = h(
|
|
91
|
+
"del",
|
|
92
|
+
{
|
|
93
|
+
class: style.del,
|
|
94
|
+
style: {
|
|
95
|
+
"--color": props.color ?? backgroundColor
|
|
96
|
+
}
|
|
97
|
+
},
|
|
98
|
+
vnode
|
|
99
|
+
);
|
|
91
100
|
}
|
|
92
101
|
if (props.italic) {
|
|
93
|
-
vnode = h(
|
|
102
|
+
vnode = h(
|
|
103
|
+
"em",
|
|
104
|
+
{
|
|
105
|
+
class: style.em,
|
|
106
|
+
style: {
|
|
107
|
+
"--color": props.color ?? backgroundColor
|
|
108
|
+
}
|
|
109
|
+
},
|
|
110
|
+
vnode
|
|
111
|
+
);
|
|
94
112
|
}
|
|
95
113
|
if (props.underline) {
|
|
96
114
|
vnode = h("ins", {}, vnode);
|
|
@@ -3,31 +3,37 @@
|
|
|
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('._text_vgrys_1{padding:0;margin:0;white-space:pre-line;font-size:1em;font-size:var(--font-size, 1em);line-height:1em;line-height:var(--font-size, 1em);background-color:var(--background-color);transition:color .2s}._del_vgrys_11,._em_vgrys_15{text-decoration-color:var(--color)}._code_vgrys_19{margin-inline:.25rem;padding:2px .5em;font-size:calc(1em - 2px);border-radius:.125rem;background-color:#00000013;font-family:"Source Code Pro" monospace}._kbd_vgrys_28{padding:.125rem .25rem;position:relative;border-radius:.125rem;background-color:#e6e6e6}[data-theme=dark] ._kbd_vgrys_28{background-color:#404040}._kbd_vgrys_28:before{z-index:-1;position:absolute;content:"";bottom:-.25em;left:0;height:100%;width:100%;background-color:#ccc;border-radius:0 0 .125rem .125rem;box-shadow:0 0 .125em #00000080}[data-theme=dark] ._kbd_vgrys_28:before{background-color:#595959;box-shadow:0 0 .125em #ffffff80}._link_vgrys_54{all:unset;box-sizing:border-box;padding:0 .25rem;font-size:var(--font-size);display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;color:#6987b8;border-radius:.125rem;transition:background-color .2s,color .2s,opacity .2s}._link_vgrys_54:hover{background-color:#6987b833}._link_vgrys_54:active{opacity:.5}._link_vgrys_54:visited{color:#9771bd;border-bottom:dashed 1px #9771bd}._link_vgrys_54:visited:hover{background-color:#9771bd33}._ogp_vgrys_81{display:flex;flex-direction:column;gap:.25rem;overflow:hidden;border-radius:.25rem;box-shadow:0 0 .125rem #0000004d;background-color:#fffc}[data-theme=dark] ._ogp_vgrys_81{background-color:#ffffff1a}._ogp-text_vgrys_94{box-sizing:border-box;padding:.5rem}._ogp-title_vgrys_99{box-sizing:border-box;font-weight:700;padding-block-end:.25rem}._ogp-description_vgrys_105{opacity:.7;padding:.25rem}'));
|
|
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 text = "
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
13
|
+
const text = "_text_vgrys_1";
|
|
14
|
+
const del = "_del_vgrys_11";
|
|
15
|
+
const em = "_em_vgrys_15";
|
|
16
|
+
const code = "_code_vgrys_19";
|
|
17
|
+
const kbd = "_kbd_vgrys_28";
|
|
18
|
+
const link = "_link_vgrys_54";
|
|
19
|
+
const ogp = "_ogp_vgrys_81";
|
|
18
20
|
const style0 = {
|
|
19
21
|
text,
|
|
22
|
+
del,
|
|
23
|
+
em,
|
|
20
24
|
code,
|
|
21
25
|
kbd,
|
|
22
26
|
link,
|
|
23
27
|
ogp,
|
|
24
|
-
"ogp-text": "_ogp-
|
|
25
|
-
"ogp-title": "_ogp-
|
|
26
|
-
"ogp-description": "_ogp-
|
|
28
|
+
"ogp-text": "_ogp-text_vgrys_94",
|
|
29
|
+
"ogp-title": "_ogp-title_vgrys_99",
|
|
30
|
+
"ogp-description": "_ogp-description_vgrys_105"
|
|
27
31
|
};
|
|
28
32
|
export {
|
|
29
33
|
code,
|
|
30
34
|
style0 as default,
|
|
35
|
+
del,
|
|
36
|
+
em,
|
|
31
37
|
kbd,
|
|
32
38
|
link,
|
|
33
39
|
ogp,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elmethis/vue",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.9",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -35,8 +35,10 @@
|
|
|
35
35
|
"shiki": "^3.21.0"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@ag-ui/core": "^0.0.
|
|
39
|
-
"@notionhq/client": "^5.
|
|
38
|
+
"@ag-ui/core": "^0.0.43",
|
|
39
|
+
"@notionhq/client": "^5.7.0",
|
|
40
|
+
"storybook": "^10.1.11",
|
|
41
|
+
"@storybook/addon-docs": "^10.1.11",
|
|
40
42
|
"@storybook/vue3-vite": "10.1.11",
|
|
41
43
|
"@types/json-schema": "^7.0.15",
|
|
42
44
|
"@types/katex": "^0.16.8",
|
|
@@ -52,13 +54,17 @@
|
|
|
52
54
|
"vite": "^7.3.1",
|
|
53
55
|
"vite-plugin-css-injected-by-js": "^3.5.2",
|
|
54
56
|
"vite-plugin-dts": "^4.5.4",
|
|
55
|
-
"vue-tsc": "^3.2.2"
|
|
57
|
+
"vue-tsc": "^3.2.2",
|
|
58
|
+
"@vue/tsconfig": "^0.8.1",
|
|
59
|
+
"typescript": "^5.9.3"
|
|
56
60
|
},
|
|
57
61
|
"peerDependencies": {
|
|
58
62
|
"vue": "^3.4.0"
|
|
59
63
|
},
|
|
60
64
|
"scripts": {
|
|
61
65
|
"build": "vue-tsc && vite build",
|
|
62
|
-
"check": "vue-tsc -p tsconfig.app.json"
|
|
66
|
+
"check": "vue-tsc -p tsconfig.app.json",
|
|
67
|
+
"storybook": "storybook dev -p 6006 --no-open",
|
|
68
|
+
"build-storybook": "storybook build"
|
|
63
69
|
}
|
|
64
70
|
}
|