@gyyxds/zy-ui 0.0.2 → 0.0.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.
- package/CHANGELOG.md +11 -0
- package/CONTRIBUTING.md +13 -6
- package/LICENSE +21 -0
- package/README.md +131 -105
- package/dist/zy-ui/index.d.ts +16 -0
- package/dist/zy-ui/mega-menu/ZyMegaMenu.vue.d.ts +8 -0
- package/dist/zy-ui/mega-menu/index.d.ts +16 -0
- package/dist/zy-ui/themes/basic.css +7 -2
- package/dist/zy-ui/themes/material.css +4 -0
- package/dist/zy-ui/themes/solid.css +665 -664
- package/dist/zy-ui/zy-ui.css +1 -1
- package/dist/zy-ui/zy-ui.js +239 -212
- package/package.json +6 -7
|
@@ -2,10 +2,14 @@ export declare const ZyMegaMenu: import("../utils/withInstall").SFCWithInstall<{
|
|
|
2
2
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
3
3
|
items?: import("./types").MegaMenuItem[];
|
|
4
4
|
open?: string | null;
|
|
5
|
+
active?: string | null;
|
|
6
|
+
activeLink?: string | null;
|
|
5
7
|
label?: string;
|
|
6
8
|
brand?: import("./types").MegaMenuBrand | null;
|
|
7
9
|
}> & Readonly<{
|
|
8
10
|
"onUpdate:open"?: ((value: string | null) => any) | undefined;
|
|
11
|
+
"onUpdate:active"?: ((value: string | null) => any) | undefined;
|
|
12
|
+
"onUpdate:activeLink"?: ((value: string | null) => any) | undefined;
|
|
9
13
|
onNavigate?: ((payload: {
|
|
10
14
|
item: import("./types").MegaMenuItem;
|
|
11
15
|
title: string;
|
|
@@ -14,6 +18,8 @@ export declare const ZyMegaMenu: import("../utils/withInstall").SFCWithInstall<{
|
|
|
14
18
|
}) => any) | undefined;
|
|
15
19
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
16
20
|
"update:open": (value: string | null) => any;
|
|
21
|
+
"update:active": (value: string | null) => any;
|
|
22
|
+
"update:activeLink": (value: string | null) => any;
|
|
17
23
|
navigate: (payload: {
|
|
18
24
|
item: import("./types").MegaMenuItem;
|
|
19
25
|
title: string;
|
|
@@ -34,10 +40,14 @@ export declare const ZyMegaMenu: import("../utils/withInstall").SFCWithInstall<{
|
|
|
34
40
|
}, Readonly<{
|
|
35
41
|
items?: import("./types").MegaMenuItem[];
|
|
36
42
|
open?: string | null;
|
|
43
|
+
active?: string | null;
|
|
44
|
+
activeLink?: string | null;
|
|
37
45
|
label?: string;
|
|
38
46
|
brand?: import("./types").MegaMenuBrand | null;
|
|
39
47
|
}> & Readonly<{
|
|
40
48
|
"onUpdate:open"?: ((value: string | null) => any) | undefined;
|
|
49
|
+
"onUpdate:active"?: ((value: string | null) => any) | undefined;
|
|
50
|
+
"onUpdate:activeLink"?: ((value: string | null) => any) | undefined;
|
|
41
51
|
onNavigate?: ((payload: {
|
|
42
52
|
item: import("./types").MegaMenuItem;
|
|
43
53
|
title: string;
|
|
@@ -55,10 +65,14 @@ export declare const ZyMegaMenu: import("../utils/withInstall").SFCWithInstall<{
|
|
|
55
65
|
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
56
66
|
items?: import("./types").MegaMenuItem[];
|
|
57
67
|
open?: string | null;
|
|
68
|
+
active?: string | null;
|
|
69
|
+
activeLink?: string | null;
|
|
58
70
|
label?: string;
|
|
59
71
|
brand?: import("./types").MegaMenuBrand | null;
|
|
60
72
|
}> & Readonly<{
|
|
61
73
|
"onUpdate:open"?: ((value: string | null) => any) | undefined;
|
|
74
|
+
"onUpdate:active"?: ((value: string | null) => any) | undefined;
|
|
75
|
+
"onUpdate:activeLink"?: ((value: string | null) => any) | undefined;
|
|
62
76
|
onNavigate?: ((payload: {
|
|
63
77
|
item: import("./types").MegaMenuItem;
|
|
64
78
|
title: string;
|
|
@@ -67,6 +81,8 @@ export declare const ZyMegaMenu: import("../utils/withInstall").SFCWithInstall<{
|
|
|
67
81
|
}) => any) | undefined;
|
|
68
82
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
69
83
|
"update:open": (value: string | null) => any;
|
|
84
|
+
"update:active": (value: string | null) => any;
|
|
85
|
+
"update:activeLink": (value: string | null) => any;
|
|
70
86
|
navigate: (payload: {
|
|
71
87
|
item: import("./types").MegaMenuItem;
|
|
72
88
|
title: string;
|
|
@@ -484,8 +484,10 @@ html[data-zy-theme='basic'] .zy-mega-menu__plain {
|
|
|
484
484
|
border-radius: var(--zy-radius-sm) var(--zy-radius-sm) 0 0;
|
|
485
485
|
}
|
|
486
486
|
|
|
487
|
+
/* 悬停与选中共用同一套底色：选中态常亮，指针离开也留着 */
|
|
487
488
|
html[data-zy-theme='basic'] .zy-mega-menu__trigger:hover,
|
|
488
|
-
html[data-zy-theme='basic'] .zy-mega-menu__plain:hover
|
|
489
|
+
html[data-zy-theme='basic'] .zy-mega-menu__plain:hover,
|
|
490
|
+
html[data-zy-theme='basic'] .zy-mega-menu__trigger.is-current {
|
|
489
491
|
background: var(--zy-mm-sunken);
|
|
490
492
|
}
|
|
491
493
|
|
|
@@ -501,7 +503,10 @@ html[data-zy-theme='basic'] .zy-mega-menu__panel {
|
|
|
501
503
|
box-shadow: var(--zy-shadow-float);
|
|
502
504
|
}
|
|
503
505
|
|
|
504
|
-
|
|
506
|
+
/* 滑行高亮与二级选中态共用一层皮：选中的那条一直亮着 */
|
|
507
|
+
html[data-zy-theme='basic'] .zy-mega-menu__glide,
|
|
508
|
+
html[data-zy-theme='basic'] .zy-mega-menu__link.is-current,
|
|
509
|
+
html[data-zy-theme='basic'] .zy-mega-menu__group-link.is-current {
|
|
505
510
|
border-radius: var(--zy-radius-sm);
|
|
506
511
|
background: var(--zy-mm-sunken);
|
|
507
512
|
/* 浅灰落在白纸片上也几乎看不见，按图纸语言补一道 1px 发丝边把它交代出来 */
|
|
@@ -16,6 +16,10 @@ html[data-zy-theme='solid']
|
|
|
16
16
|
.zy-pagination .el-pager li,
|
|
17
17
|
.zy-pagination button.btn-prev,
|
|
18
18
|
.zy-pagination button.btn-next,
|
|
19
|
+
.zy-mega-menu__trigger:hover,
|
|
20
|
+
.zy-mega-menu__plain:hover,
|
|
21
|
+
.zy-mega-menu__trigger.is-current,
|
|
22
|
+
.zy-mega-menu__plain.is-current,
|
|
19
23
|
.zy-mega-menu__trigger.is-open,
|
|
20
24
|
.zy-verify__piece,
|
|
21
25
|
.zy-verify__handle
|