@vue-start/pro 0.5.58 → 0.5.60

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.
Files changed (5) hide show
  1. package/dist/index.css +39 -2
  2. package/dist/index.d.ts +100 -0
  3. package/dist/index.es.js +1396 -1331
  4. package/dist/index.js +2 -2
  5. 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(100vh - var(--pro-header-hei) - var(--pro-divide-ver-hei) - var(--pro-tabs-hei));
81
- --pro-section-hei: calc(100vh - var(--pro-header-hei) - var(--pro-divide-ver-hei) - var(--pro-tabs-hei));
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;
@@ -118,6 +129,7 @@
118
129
  left: 0;
119
130
  /* ant-design-vue */
120
131
  border-bottom: unset;
132
+ width: var(--pro-header-menus-wrapper-wid);
121
133
  }
122
134
 
123
135
  /*左侧菜单*/
@@ -254,6 +266,31 @@
254
266
  transform: translate(-50%, 0);
255
267
  }
256
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
+
257
294
  /********************************** pro-typography ***********************************/
258
295
  .pro-typography-ellipsis {
259
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;
@@ -1735,6 +1742,14 @@ declare const proTableProps: () => {
1735
1742
  }>>;
1736
1743
  default: () => string;
1737
1744
  };
1745
+ allTitle: {
1746
+ type: StringConstructor;
1747
+ default: string;
1748
+ };
1749
+ resetTitle: {
1750
+ type: StringConstructor;
1751
+ default: string;
1752
+ };
1738
1753
  }>> | undefined;
1739
1754
  }>;
1740
1755
  };
@@ -1789,6 +1804,14 @@ declare const proColumnSetting: () => {
1789
1804
  type: PropType<() => VNode>;
1790
1805
  default: () => string;
1791
1806
  };
1807
+ allTitle: {
1808
+ type: StringConstructor;
1809
+ default: string;
1810
+ };
1811
+ resetTitle: {
1812
+ type: StringConstructor;
1813
+ default: string;
1814
+ };
1792
1815
  };
1793
1816
  declare type ProColumnSettingProps = Partial<ExtractPropTypes<ReturnType<typeof proColumnSetting>>>;
1794
1817
  declare const ColumnSetting: vue.DefineComponent<Partial<ExtractPropTypes<{
@@ -1815,6 +1838,14 @@ declare const ColumnSetting: vue.DefineComponent<Partial<ExtractPropTypes<{
1815
1838
  type: PropType<() => VNode>;
1816
1839
  default: () => string;
1817
1840
  };
1841
+ allTitle: {
1842
+ type: StringConstructor;
1843
+ default: string;
1844
+ };
1845
+ resetTitle: {
1846
+ type: StringConstructor;
1847
+ default: string;
1848
+ };
1818
1849
  }>>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<Partial<ExtractPropTypes<{
1819
1850
  /**
1820
1851
  * class名称
@@ -1839,6 +1870,14 @@ declare const ColumnSetting: vue.DefineComponent<Partial<ExtractPropTypes<{
1839
1870
  type: PropType<() => VNode>;
1840
1871
  default: () => string;
1841
1872
  };
1873
+ allTitle: {
1874
+ type: StringConstructor;
1875
+ default: string;
1876
+ };
1877
+ resetTitle: {
1878
+ type: StringConstructor;
1879
+ default: string;
1880
+ };
1842
1881
  }>>>, {}>;
1843
1882
 
1844
1883
  declare const proPageHeaderProps: () => {
@@ -2657,6 +2696,26 @@ declare const layoutProps: () => {
2657
2696
  }>;
2658
2697
  default: undefined;
2659
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
+ };
2660
2719
  collapse: {
2661
2720
  type: BooleanConstructor;
2662
2721
  };
@@ -2778,6 +2837,26 @@ declare const ProLayout: vue.DefineComponent<Partial<ExtractPropTypes<{
2778
2837
  }>;
2779
2838
  default: undefined;
2780
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
+ };
2781
2860
  collapse: {
2782
2861
  type: BooleanConstructor;
2783
2862
  };
@@ -2897,6 +2976,26 @@ declare const ProLayout: vue.DefineComponent<Partial<ExtractPropTypes<{
2897
2976
  }>;
2898
2977
  default: undefined;
2899
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
+ };
2900
2999
  collapse: {
2901
3000
  type: BooleanConstructor;
2902
3001
  };
@@ -3641,6 +3740,7 @@ declare const useAppConfig: () => {
3641
3740
  isTagsViewIcon: boolean;
3642
3741
  isTagsViewCache: boolean;
3643
3742
  isTagsViewDrag: boolean;
3743
+ isBreadcrumb: boolean;
3644
3744
  isCollapse: boolean;
3645
3745
  isShowLogo: boolean;
3646
3746
  isGray: boolean;