@elmethis/core 0.6.2 → 0.6.3
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.
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _sfc_main from "./ElmSquareLoadingIcon.vue2.mjs";
|
|
2
|
+
import style0 from "./ElmSquareLoadingIcon.vue3.mjs";
|
|
3
|
+
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const cssModules = {
|
|
5
|
+
"$style": style0
|
|
6
|
+
};
|
|
7
|
+
const ElmSquareLoadingIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
|
|
8
|
+
export {
|
|
9
|
+
ElmSquareLoadingIcon as default
|
|
10
|
+
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, Fragment, renderList } from "vue";
|
|
2
|
+
const DURATION = 1200;
|
|
3
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
4
|
+
__name: "ElmSquareLoadingIcon",
|
|
5
|
+
props: {
|
|
6
|
+
size: { default: "3rem" },
|
|
7
|
+
dimensions: { default: 4 }
|
|
8
|
+
},
|
|
9
|
+
setup(__props) {
|
|
10
|
+
const props = __props;
|
|
11
|
+
const DELAY = DURATION / (props.dimensions * 3);
|
|
12
|
+
return (_ctx, _cache) => {
|
|
13
|
+
return openBlock(), createElementBlock("div", {
|
|
14
|
+
class: normalizeClass(_ctx.$style.wrapper),
|
|
15
|
+
style: normalizeStyle({
|
|
16
|
+
"--size": _ctx.size,
|
|
17
|
+
"--dimensions": _ctx.dimensions,
|
|
18
|
+
"--duration": `${DURATION}ms`
|
|
19
|
+
})
|
|
20
|
+
}, [
|
|
21
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(new Array(_ctx.dimensions).fill(null), (_, rowIndex) => {
|
|
22
|
+
return openBlock(), createElementBlock(Fragment, null, [
|
|
23
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(new Array(_ctx.dimensions).fill(null), (_2, columnIndex) => {
|
|
24
|
+
return openBlock(), createElementBlock("div", {
|
|
25
|
+
class: normalizeClass(_ctx.$style.square),
|
|
26
|
+
style: normalizeStyle({ "--delay": `${DELAY * (rowIndex + columnIndex)}ms` })
|
|
27
|
+
}, null, 6);
|
|
28
|
+
}), 256))
|
|
29
|
+
], 64);
|
|
30
|
+
}), 256))
|
|
31
|
+
], 6);
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
export {
|
|
36
|
+
_sfc_main as default
|
|
37
|
+
};
|
|
@@ -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("@keyframes _appear_13xd3_1{0%{transform:scale(0)}20%{transform:scale(0)}80%{transform:scale(1)}to{transform:scale(1)}}._wrapper_13xd3_15{margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--dimensions),auto);grid-template-rows:repeat(var(--dimensions),auto);justify-content:start}._square_13xd3_24{width:calc(var(--size) / var(--dimensions));height:calc(var(--size) / var(--dimensions));animation-name:_appear_13xd3_1;animation-iteration-count:infinite;animation-fill-mode:both;animation-direction:alternate;animation-duration:var(--duration);animation-delay:var(--delay);background-color:#606875}[data-theme=dark] ._square_13xd3_24{background-color:#b0b5be}"));
|
|
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_13xd3_15";
|
|
14
|
+
const square = "_square_13xd3_24";
|
|
15
|
+
const appear = "_appear_13xd3_1";
|
|
16
|
+
const style0 = {
|
|
17
|
+
wrapper,
|
|
18
|
+
square,
|
|
19
|
+
appear
|
|
20
|
+
};
|
|
21
|
+
export {
|
|
22
|
+
appear,
|
|
23
|
+
style0 as default,
|
|
24
|
+
square,
|
|
25
|
+
wrapper
|
|
26
|
+
};
|
package/dist/index.d.ts
CHANGED
|
@@ -60,6 +60,8 @@ export type { ElmLoginIconProps } from './components/icon/ElmLoginIcon.vue';
|
|
|
60
60
|
export { default as ElmLoginIcon } from './components/icon/ElmLoginIcon.vue';
|
|
61
61
|
export type { ElmMdiIconProps } from './components/icon/ElmMdiIcon.vue';
|
|
62
62
|
export { default as ElmMdiIcon } from './components/icon/ElmMdiIcon.vue';
|
|
63
|
+
export type { ElmSquareLoadingIconProps } from './components/icon/ElmSquareLoadingIcon.vue';
|
|
64
|
+
export { default as ElmSquareLoadingIcon } from './components/icon/ElmSquareLoadingIcon.vue';
|
|
63
65
|
export type { ElmToggleThemeProps } from './components/icon/ElmToggleTheme.vue';
|
|
64
66
|
export { default as ElmToggleTheme } from './components/icon/ElmToggleTheme.vue';
|
|
65
67
|
export type { ElmFileProps } from './components/media/ElmFile.vue';
|
package/dist/index.mjs
CHANGED
|
@@ -41,68 +41,69 @@ import { default as default29 } from "./components/icon/ElmDotLoadingIcon.vue.mj
|
|
|
41
41
|
import { default as default30 } from "./components/icon/ElmLanguageIcon.vue.mjs";
|
|
42
42
|
import { default as default31 } from "./components/icon/ElmLoginIcon.vue.mjs";
|
|
43
43
|
import { default as default32 } from "./components/icon/ElmMdiIcon.vue.mjs";
|
|
44
|
-
import { default as default33 } from "./components/icon/
|
|
45
|
-
import { default as default34 } from "./components/
|
|
46
|
-
import { default as default35 } from "./components/media/
|
|
47
|
-
import { default as default36 } from "./components/
|
|
48
|
-
import { default as default37 } from "./components/navigation/
|
|
49
|
-
import { default as default38 } from "./components/navigation/
|
|
50
|
-
import { default as default39 } from "./components/navigation/
|
|
51
|
-
import { default as default40 } from "./components/
|
|
52
|
-
import { default as default41 } from "./components/others/
|
|
53
|
-
import { default as default42 } from "./components/others/
|
|
54
|
-
import { default as default43 } from "./components/others/
|
|
55
|
-
import { default as default44 } from "./components/
|
|
56
|
-
import { default as default45 } from "./components/table/
|
|
57
|
-
import { default as default46 } from "./components/table/
|
|
58
|
-
import { default as default47 } from "./components/table/
|
|
59
|
-
import { default as default48 } from "./components/table/
|
|
60
|
-
import { default as default49 } from "./components/
|
|
61
|
-
import { default as default50 } from "./components/typography/
|
|
62
|
-
import { default as default51 } from "./components/typography/
|
|
63
|
-
import { default as default52 } from "./components/typography/
|
|
64
|
-
import { default as default53 } from "./components/typography/
|
|
65
|
-
import { default as default54 } from "./components/typography/
|
|
66
|
-
import { default as default55 } from "./components/typography/
|
|
67
|
-
import { default as default56 } from "./components/typography/
|
|
44
|
+
import { default as default33 } from "./components/icon/ElmSquareLoadingIcon.vue.mjs";
|
|
45
|
+
import { default as default34 } from "./components/icon/ElmToggleTheme.vue.mjs";
|
|
46
|
+
import { default as default35 } from "./components/media/ElmFile.vue.mjs";
|
|
47
|
+
import { default as default36 } from "./components/media/ElmImage.vue.mjs";
|
|
48
|
+
import { default as default37 } from "./components/navigation/ElmBookmark.vue.mjs";
|
|
49
|
+
import { default as default38 } from "./components/navigation/ElmBreadcrumb.vue.mjs";
|
|
50
|
+
import { default as default39 } from "./components/navigation/ElmPagetop.vue.mjs";
|
|
51
|
+
import { default as default40 } from "./components/navigation/ElmTableOfContents.vue.mjs";
|
|
52
|
+
import { default as default41 } from "./components/others/ElmColorSample.vue.mjs";
|
|
53
|
+
import { default as default42 } from "./components/others/ElmColorTable.vue.mjs";
|
|
54
|
+
import { default as default43 } from "./components/others/ElmJsonComponentRenderer.vue.mjs";
|
|
55
|
+
import { default as default44 } from "./components/others/ElmMarkdown.vue.mjs";
|
|
56
|
+
import { default as default45 } from "./components/table/ElmTable.vue.mjs";
|
|
57
|
+
import { default as default46 } from "./components/table/ElmTableHeader.vue.mjs";
|
|
58
|
+
import { default as default47 } from "./components/table/ElmTableBody.vue.mjs";
|
|
59
|
+
import { default as default48 } from "./components/table/ElmTableRow.vue.mjs";
|
|
60
|
+
import { default as default49 } from "./components/table/ElmTableCell.vue.mjs";
|
|
61
|
+
import { default as default50 } from "./components/typography/ElmBlockQuote.vue.mjs";
|
|
62
|
+
import { default as default51 } from "./components/typography/ElmCallout.vue.mjs";
|
|
63
|
+
import { default as default52 } from "./components/typography/ElmDivider.vue.mjs";
|
|
64
|
+
import { default as default53 } from "./components/typography/ElmFragmentIdentifier.vue.mjs";
|
|
65
|
+
import { default as default54 } from "./components/typography/ElmHeading.vue.mjs";
|
|
66
|
+
import { default as default55 } from "./components/typography/ElmInlineText.vue.mjs";
|
|
67
|
+
import { default as default56 } from "./components/typography/ElmParagraph.vue.mjs";
|
|
68
|
+
import { default as default57 } from "./components/typography/ElmList.vue.mjs";
|
|
68
69
|
|
|
69
|
-
import { default as
|
|
70
|
+
import { default as default58 } from "./components/typography/ElmTypingAnimation.vue.mjs";
|
|
70
71
|
import { useElmethisTheme } from "./hooks/useElmethisTheme.mjs";
|
|
71
72
|
import { useTyping } from "./hooks/useTyping.mjs";
|
|
72
73
|
export {
|
|
73
74
|
default26 as ElmArrowIcon,
|
|
74
75
|
default17 as ElmBlockFallback,
|
|
75
|
-
|
|
76
|
-
|
|
76
|
+
default50 as ElmBlockQuote,
|
|
77
|
+
default37 as ElmBookmark,
|
|
77
78
|
default27 as ElmBookmarkIcon,
|
|
78
|
-
|
|
79
|
+
default38 as ElmBreadcrumb,
|
|
79
80
|
default20 as ElmButton,
|
|
80
|
-
|
|
81
|
+
default51 as ElmCallout,
|
|
81
82
|
default21 as ElmCheckbox,
|
|
82
83
|
default2 as ElmCodeBlock,
|
|
83
|
-
|
|
84
|
-
|
|
84
|
+
default41 as ElmColorSample,
|
|
85
|
+
default42 as ElmColorTable,
|
|
85
86
|
default5 as ElmConfirmModal,
|
|
86
87
|
default28 as ElmCubeIcon,
|
|
87
88
|
default4 as ElmDesktopWindow,
|
|
88
|
-
|
|
89
|
+
default52 as ElmDivider,
|
|
89
90
|
default29 as ElmDotLoadingIcon,
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
91
|
+
default35 as ElmFile,
|
|
92
|
+
default53 as ElmFragmentIdentifier,
|
|
93
|
+
default54 as ElmHeading,
|
|
94
|
+
default36 as ElmImage,
|
|
95
|
+
default55 as ElmInlineText,
|
|
96
|
+
default43 as ElmJsonComponentRenderer,
|
|
96
97
|
default3 as ElmKatex,
|
|
97
98
|
default30 as ElmLanguageIcon,
|
|
98
|
-
|
|
99
|
+
default57 as ElmList,
|
|
99
100
|
default31 as ElmLoginIcon,
|
|
100
|
-
|
|
101
|
+
default44 as ElmMarkdown,
|
|
101
102
|
default32 as ElmMdiIcon,
|
|
102
103
|
default6 as ElmModal,
|
|
103
104
|
default14 as ElmMultiProgress,
|
|
104
|
-
|
|
105
|
-
|
|
105
|
+
default39 as ElmPagetop,
|
|
106
|
+
default56 as ElmParagraph,
|
|
106
107
|
default7 as ElmParallax,
|
|
107
108
|
default13 as ElmProgress,
|
|
108
109
|
default16 as ElmRectangleWave,
|
|
@@ -111,19 +112,20 @@ export {
|
|
|
111
112
|
default9 as ElmSnackbar,
|
|
112
113
|
default10 as ElmSnackbarContainer,
|
|
113
114
|
default18 as ElmSpinner,
|
|
115
|
+
default33 as ElmSquareLoadingIcon,
|
|
114
116
|
default15 as ElmStatusMessage,
|
|
115
117
|
default23 as ElmSwitch,
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
118
|
+
default45 as ElmTable,
|
|
119
|
+
default47 as ElmTableBody,
|
|
120
|
+
default49 as ElmTableCell,
|
|
121
|
+
default46 as ElmTableHeader,
|
|
122
|
+
default40 as ElmTableOfContents,
|
|
123
|
+
default48 as ElmTableRow,
|
|
122
124
|
default24 as ElmTextField,
|
|
123
125
|
default11 as ElmToggle,
|
|
124
|
-
|
|
126
|
+
default34 as ElmToggleTheme,
|
|
125
127
|
default12 as ElmTooltip,
|
|
126
|
-
|
|
128
|
+
default58 as ElmTypingAnimation,
|
|
127
129
|
default19 as ElmUnsupportedBlock,
|
|
128
130
|
default25 as ElmValidation,
|
|
129
131
|
useElmethisTheme,
|