@vue-start/pro 0.5.59 → 0.5.61
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/index.css +38 -2
- package/dist/index.d.ts +68 -0
- package/dist/index.es.js +1383 -1327
- package/dist/index.js +2 -2
- package/package.json +2 -2
package/dist/index.css
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
:root {
|
|
2
|
+
--pro-interval: 16px;
|
|
2
3
|
/****************** reset layout ***************/
|
|
3
4
|
/*section高度*/
|
|
4
5
|
--pro-secion-hei: 100vh;
|
|
@@ -70,6 +71,8 @@
|
|
|
70
71
|
--pro-bread-hei: 0px;
|
|
71
72
|
/*tabs高度*/
|
|
72
73
|
--pro-tabs-hei: 0px;
|
|
74
|
+
/* breadcrumb高度 */
|
|
75
|
+
--pro-breadcrumb-hei: 0px;
|
|
73
76
|
/*菜单宽度变量：合并/展开会重新赋值；媒体查询重新赋值*/
|
|
74
77
|
--pro-left-menu-wid: 0px;
|
|
75
78
|
/*左侧菜单start,end插槽高度*/
|
|
@@ -77,8 +80,12 @@
|
|
|
77
80
|
--pro-menu-end-hei: 0px;
|
|
78
81
|
|
|
79
82
|
/*section高度*/
|
|
80
|
-
--pro-secion-hei: calc(
|
|
81
|
-
|
|
83
|
+
--pro-secion-hei: calc(
|
|
84
|
+
100vh - var(--pro-header-hei) - var(--pro-divide-ver-hei) - var(--pro-tabs-hei) - var(--pro-breadcrumb-hei)
|
|
85
|
+
);
|
|
86
|
+
--pro-section-hei: calc(
|
|
87
|
+
100vh - var(--pro-header-hei) - var(--pro-divide-ver-hei) - var(--pro-tabs-hei) - var(--pro-breadcrumb-hei)
|
|
88
|
+
);
|
|
82
89
|
/*左侧菜单高度*/
|
|
83
90
|
--pro-left-menu-hei: calc(
|
|
84
91
|
100vh - var(--pro-header-hei) - var(--pro-divide-ver-hei) - var(--pro-menu-start-hei) - var(--pro-menu-end-hei)
|
|
@@ -97,6 +104,10 @@
|
|
|
97
104
|
--pro-tabs-hei: 34px;
|
|
98
105
|
}
|
|
99
106
|
|
|
107
|
+
.pro-layout.has-breadcrumb {
|
|
108
|
+
--pro-breadcrumb-hei: 34px;
|
|
109
|
+
}
|
|
110
|
+
|
|
100
111
|
.pro-layout .pro-layout-header {
|
|
101
112
|
height: var(--pro-header-hei);
|
|
102
113
|
display: flex;
|
|
@@ -255,6 +266,31 @@
|
|
|
255
266
|
transform: translate(-50%, 0);
|
|
256
267
|
}
|
|
257
268
|
|
|
269
|
+
/*layout-breadcrumb*/
|
|
270
|
+
.pro-layout-breadcrumb {
|
|
271
|
+
height: var(--pro-breadcrumb-hei);
|
|
272
|
+
display: flex;
|
|
273
|
+
align-items: center;
|
|
274
|
+
padding-left: var(--pro-interval);
|
|
275
|
+
font-size: 14px;
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
.pro-layout-breadcrumb .breadcrumb-item {
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
.pro-layout-breadcrumb .breadcrumb-item.a {
|
|
282
|
+
font-weight: bold;
|
|
283
|
+
cursor: pointer;
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
.pro-layout-breadcrumb .breadcrumb-item.a:hover {
|
|
287
|
+
color: var(--pro-color-primary);
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
.pro-layout-breadcrumb .breadcrumb-separator {
|
|
291
|
+
margin: 0 8px;
|
|
292
|
+
}
|
|
293
|
+
|
|
258
294
|
/********************************** pro-typography ***********************************/
|
|
259
295
|
.pro-typography-ellipsis {
|
|
260
296
|
overflow: hidden;
|
package/dist/index.d.ts
CHANGED
|
@@ -727,6 +727,7 @@ declare const AppConfig: {
|
|
|
727
727
|
isTagsViewIcon: boolean;
|
|
728
728
|
isTagsViewCache: boolean;
|
|
729
729
|
isTagsViewDrag: boolean;
|
|
730
|
+
isBreadcrumb: boolean;
|
|
730
731
|
isCollapse: boolean;
|
|
731
732
|
isShowLogo: boolean;
|
|
732
733
|
isGray: boolean;
|
|
@@ -869,6 +870,7 @@ declare const proConfigProps: () => {
|
|
|
869
870
|
isTagsViewIcon: boolean;
|
|
870
871
|
isTagsViewCache: boolean;
|
|
871
872
|
isTagsViewDrag: boolean;
|
|
873
|
+
isBreadcrumb: boolean;
|
|
872
874
|
isCollapse: boolean;
|
|
873
875
|
isShowLogo: boolean;
|
|
874
876
|
isGray: boolean;
|
|
@@ -886,6 +888,7 @@ declare const proConfigProps: () => {
|
|
|
886
888
|
isTagsViewIcon: boolean;
|
|
887
889
|
isTagsViewCache: boolean;
|
|
888
890
|
isTagsViewDrag: boolean;
|
|
891
|
+
isBreadcrumb: boolean;
|
|
889
892
|
isCollapse: boolean;
|
|
890
893
|
isShowLogo: boolean;
|
|
891
894
|
isGray: boolean;
|
|
@@ -952,6 +955,7 @@ declare const ProConfig: vue.DefineComponent<Partial<ExtractPropTypes<{
|
|
|
952
955
|
isTagsViewIcon: boolean;
|
|
953
956
|
isTagsViewCache: boolean;
|
|
954
957
|
isTagsViewDrag: boolean;
|
|
958
|
+
isBreadcrumb: boolean;
|
|
955
959
|
isCollapse: boolean;
|
|
956
960
|
isShowLogo: boolean;
|
|
957
961
|
isGray: boolean;
|
|
@@ -969,6 +973,7 @@ declare const ProConfig: vue.DefineComponent<Partial<ExtractPropTypes<{
|
|
|
969
973
|
isTagsViewIcon: boolean;
|
|
970
974
|
isTagsViewCache: boolean;
|
|
971
975
|
isTagsViewDrag: boolean;
|
|
976
|
+
isBreadcrumb: boolean;
|
|
972
977
|
isCollapse: boolean;
|
|
973
978
|
isShowLogo: boolean;
|
|
974
979
|
isGray: boolean;
|
|
@@ -1026,6 +1031,7 @@ declare const ProConfig: vue.DefineComponent<Partial<ExtractPropTypes<{
|
|
|
1026
1031
|
isTagsViewIcon: boolean;
|
|
1027
1032
|
isTagsViewCache: boolean;
|
|
1028
1033
|
isTagsViewDrag: boolean;
|
|
1034
|
+
isBreadcrumb: boolean;
|
|
1029
1035
|
isCollapse: boolean;
|
|
1030
1036
|
isShowLogo: boolean;
|
|
1031
1037
|
isGray: boolean;
|
|
@@ -1043,6 +1049,7 @@ declare const ProConfig: vue.DefineComponent<Partial<ExtractPropTypes<{
|
|
|
1043
1049
|
isTagsViewIcon: boolean;
|
|
1044
1050
|
isTagsViewCache: boolean;
|
|
1045
1051
|
isTagsViewDrag: boolean;
|
|
1052
|
+
isBreadcrumb: boolean;
|
|
1046
1053
|
isCollapse: boolean;
|
|
1047
1054
|
isShowLogo: boolean;
|
|
1048
1055
|
isGray: boolean;
|
|
@@ -2689,6 +2696,26 @@ declare const layoutProps: () => {
|
|
|
2689
2696
|
}>;
|
|
2690
2697
|
default: undefined;
|
|
2691
2698
|
};
|
|
2699
|
+
breadcrumb: {
|
|
2700
|
+
type: PropType<Partial<ExtractPropTypes<{
|
|
2701
|
+
separator: {
|
|
2702
|
+
type: StringConstructor;
|
|
2703
|
+
default: string;
|
|
2704
|
+
};
|
|
2705
|
+
onItemClick: {
|
|
2706
|
+
type: FunctionConstructor;
|
|
2707
|
+
};
|
|
2708
|
+
renderSeparator: {
|
|
2709
|
+
type: FunctionConstructor;
|
|
2710
|
+
};
|
|
2711
|
+
renderStart: {
|
|
2712
|
+
type: FunctionConstructor;
|
|
2713
|
+
};
|
|
2714
|
+
renderEnd: {
|
|
2715
|
+
type: FunctionConstructor;
|
|
2716
|
+
};
|
|
2717
|
+
}>>>;
|
|
2718
|
+
};
|
|
2692
2719
|
collapse: {
|
|
2693
2720
|
type: BooleanConstructor;
|
|
2694
2721
|
};
|
|
@@ -2810,6 +2837,26 @@ declare const ProLayout: vue.DefineComponent<Partial<ExtractPropTypes<{
|
|
|
2810
2837
|
}>;
|
|
2811
2838
|
default: undefined;
|
|
2812
2839
|
};
|
|
2840
|
+
breadcrumb: {
|
|
2841
|
+
type: PropType<Partial<ExtractPropTypes<{
|
|
2842
|
+
separator: {
|
|
2843
|
+
type: StringConstructor;
|
|
2844
|
+
default: string;
|
|
2845
|
+
};
|
|
2846
|
+
onItemClick: {
|
|
2847
|
+
type: FunctionConstructor;
|
|
2848
|
+
};
|
|
2849
|
+
renderSeparator: {
|
|
2850
|
+
type: FunctionConstructor;
|
|
2851
|
+
};
|
|
2852
|
+
renderStart: {
|
|
2853
|
+
type: FunctionConstructor;
|
|
2854
|
+
};
|
|
2855
|
+
renderEnd: {
|
|
2856
|
+
type: FunctionConstructor;
|
|
2857
|
+
};
|
|
2858
|
+
}>>>;
|
|
2859
|
+
};
|
|
2813
2860
|
collapse: {
|
|
2814
2861
|
type: BooleanConstructor;
|
|
2815
2862
|
};
|
|
@@ -2929,6 +2976,26 @@ declare const ProLayout: vue.DefineComponent<Partial<ExtractPropTypes<{
|
|
|
2929
2976
|
}>;
|
|
2930
2977
|
default: undefined;
|
|
2931
2978
|
};
|
|
2979
|
+
breadcrumb: {
|
|
2980
|
+
type: PropType<Partial<ExtractPropTypes<{
|
|
2981
|
+
separator: {
|
|
2982
|
+
type: StringConstructor;
|
|
2983
|
+
default: string;
|
|
2984
|
+
};
|
|
2985
|
+
onItemClick: {
|
|
2986
|
+
type: FunctionConstructor;
|
|
2987
|
+
};
|
|
2988
|
+
renderSeparator: {
|
|
2989
|
+
type: FunctionConstructor;
|
|
2990
|
+
};
|
|
2991
|
+
renderStart: {
|
|
2992
|
+
type: FunctionConstructor;
|
|
2993
|
+
};
|
|
2994
|
+
renderEnd: {
|
|
2995
|
+
type: FunctionConstructor;
|
|
2996
|
+
};
|
|
2997
|
+
}>>>;
|
|
2998
|
+
};
|
|
2932
2999
|
collapse: {
|
|
2933
3000
|
type: BooleanConstructor;
|
|
2934
3001
|
};
|
|
@@ -3673,6 +3740,7 @@ declare const useAppConfig: () => {
|
|
|
3673
3740
|
isTagsViewIcon: boolean;
|
|
3674
3741
|
isTagsViewCache: boolean;
|
|
3675
3742
|
isTagsViewDrag: boolean;
|
|
3743
|
+
isBreadcrumb: boolean;
|
|
3676
3744
|
isCollapse: boolean;
|
|
3677
3745
|
isShowLogo: boolean;
|
|
3678
3746
|
isGray: boolean;
|