@mptw/skylens-ui 1.4.34 → 1.4.35
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/app.vue +2 -4
- package/components/SLProfileButton.vue +10 -1
- package/package.json +4 -4
package/app.vue
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
.profile-button(ref='el')
|
|
3
3
|
a(
|
|
4
4
|
href="javascript:;"
|
|
5
|
+
:class='{ active: isShowPopup }'
|
|
5
6
|
@click.stop.prevent="onClickedToggle"
|
|
6
7
|
ref="toggleEl"
|
|
7
8
|
).btn.toggle-button {{ title }}
|
|
@@ -42,6 +43,7 @@ export default defineComponent({
|
|
|
42
43
|
const el = shallowRef<HTMLElement | null>(null);
|
|
43
44
|
const toggleEl = shallowRef<HTMLElement | null>(null);
|
|
44
45
|
const popupEl = shallowRef<HTMLElement | null>(null);
|
|
46
|
+
const isShowPopup = ref(false);
|
|
45
47
|
|
|
46
48
|
let popperInstance: any = null;
|
|
47
49
|
let clickSubscriber: any = null;
|
|
@@ -60,10 +62,12 @@ export default defineComponent({
|
|
|
60
62
|
|
|
61
63
|
function onClickedToggle() {
|
|
62
64
|
if (!popupEl.value || popupEl.value.getAttribute("data-show") !== null) {
|
|
65
|
+
isShowPopup.value = false;
|
|
63
66
|
hide();
|
|
64
67
|
return;
|
|
65
68
|
}
|
|
66
69
|
|
|
70
|
+
isShowPopup.value = true;
|
|
67
71
|
show();
|
|
68
72
|
}
|
|
69
73
|
|
|
@@ -150,6 +154,7 @@ export default defineComponent({
|
|
|
150
154
|
el,
|
|
151
155
|
toggleEl,
|
|
152
156
|
popupEl,
|
|
157
|
+
isShowPopup,
|
|
153
158
|
title,
|
|
154
159
|
showEditProfile,
|
|
155
160
|
onClickedToggle,
|
|
@@ -167,7 +172,11 @@ export default defineComponent({
|
|
|
167
172
|
<style lang="stylus">
|
|
168
173
|
.profile-button
|
|
169
174
|
.toggle-button
|
|
170
|
-
@apply inline-flex items-center justify-center w-
|
|
175
|
+
@apply inline-flex items-center justify-center w-7 h-7 p-0 rounded-full bg-primary-400 text-lg text-white font-bold
|
|
176
|
+
@apply s('hover:bg-primary-600') s('active:bg-primary')
|
|
177
|
+
|
|
178
|
+
&.active
|
|
179
|
+
@apply bg-primary
|
|
171
180
|
|
|
172
181
|
.profile-nav-popup
|
|
173
182
|
@apply z-60 absolute s('min-w-[10.25rem]') p-4 border border-primary bg-primary-50 rounded shadow-popup-lg pointer-events-none invisible
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mptw/skylens-ui",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.4.
|
|
4
|
+
"version": "1.4.35",
|
|
5
5
|
"main": "./nuxt.config.ts",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"dev": "nuxi dev .playground",
|
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
"postinstall": "nuxt prepare .playground"
|
|
13
13
|
},
|
|
14
14
|
"devDependencies": {
|
|
15
|
-
"@nuxt/eslint-config": "^0.7.
|
|
16
|
-
"eslint": "^9.
|
|
15
|
+
"@nuxt/eslint-config": "^0.7.4",
|
|
16
|
+
"eslint": "^9.17.0",
|
|
17
17
|
"nuxt": "^3.14.1592",
|
|
18
18
|
"typescript": "^5.7.2"
|
|
19
19
|
},
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"@vue/language-plugin-pug": "^2.1.10",
|
|
34
34
|
"commonmark": "^0.31.2",
|
|
35
35
|
"date-fns": "^4.1.0",
|
|
36
|
-
"dompurify": "^3.2.
|
|
36
|
+
"dompurify": "^3.2.3",
|
|
37
37
|
"echarts": "^5.5.1",
|
|
38
38
|
"echarts-wordcloud": "^2.1.0",
|
|
39
39
|
"exceljs": "^4.4.0",
|