@vue-start/pro 0.5.48 → 0.5.50
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 +10 -0
- package/dist/index.css +84 -8
- package/dist/index.d.ts +351 -75
- package/dist/index.es.js +1736 -1478
- package/dist/index.js +2 -2
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,16 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# 0.5.50
|
|
7
|
+
|
|
8
|
+
- fix: ProCurdModule ref 穿透;
|
|
9
|
+
- fix: ProCurdPage as 默认 div;
|
|
10
|
+
|
|
11
|
+
# 0.5.49
|
|
12
|
+
|
|
13
|
+
- refactor: ProTheme 支持自模块使用;新增模式(暗黑);
|
|
14
|
+
- feat: 新增 ProAppConfigDrawer appConfig 设置组件;
|
|
15
|
+
|
|
6
16
|
# 0.5.48
|
|
7
17
|
|
|
8
18
|
- perf: ProLayout 非 tabs 模式下 keep-live 规则支持;
|
package/dist/index.css
CHANGED
|
@@ -22,6 +22,11 @@
|
|
|
22
22
|
--pro-color-border: #dcdfe6;
|
|
23
23
|
--pro-color-border-light: #e4e7ed;
|
|
24
24
|
--pro-color-bg: #ffffff;
|
|
25
|
+
--pro-color-bg-light: #f8f8f8;
|
|
26
|
+
--pro-color-mode: #ffffff;
|
|
27
|
+
--pro-color-mode-rgb: 255, 255, 255;
|
|
28
|
+
--pro-color-mode-reverse: #000000;
|
|
29
|
+
--pro-color-mode-reverse-rgb: 0, 0, 0;
|
|
25
30
|
--pro-radius: 4px;
|
|
26
31
|
--pro-radius-lg: 8px;
|
|
27
32
|
--pro-radius-md: 4px;
|
|
@@ -96,7 +101,7 @@
|
|
|
96
101
|
height: var(--pro-header-hei);
|
|
97
102
|
display: flex;
|
|
98
103
|
align-items: center;
|
|
99
|
-
box-shadow: 0 1px 3px 0 rgba(
|
|
104
|
+
box-shadow: 0 1px 3px 0 rgba(var(--pro-color-mode-reverse-rgb), 0.1);
|
|
100
105
|
z-index: 9;
|
|
101
106
|
}
|
|
102
107
|
|
|
@@ -134,6 +139,7 @@
|
|
|
134
139
|
overflow: auto;
|
|
135
140
|
position: relative;
|
|
136
141
|
box-sizing: border-box;
|
|
142
|
+
background-color: var(--pro-color-bg-light);
|
|
137
143
|
}
|
|
138
144
|
|
|
139
145
|
/*vertical*/
|
|
@@ -194,7 +200,6 @@
|
|
|
194
200
|
|
|
195
201
|
.pro-layout .pro-layout-tabs {
|
|
196
202
|
height: var(--pro-tabs-hei);
|
|
197
|
-
background-color: white;
|
|
198
203
|
width: calc(100vw - var(--pro-left-menu-wid));
|
|
199
204
|
}
|
|
200
205
|
|
|
@@ -383,7 +388,7 @@
|
|
|
383
388
|
bottom: 0;
|
|
384
389
|
left: 0;
|
|
385
390
|
z-index: 9;
|
|
386
|
-
background-color:
|
|
391
|
+
background-color: var(--pro-color-bg-light);
|
|
387
392
|
}
|
|
388
393
|
|
|
389
394
|
.pro-page-header {
|
|
@@ -395,7 +400,6 @@
|
|
|
395
400
|
|
|
396
401
|
.pro-page-header .pro-page-header-back {
|
|
397
402
|
font-size: 16px;
|
|
398
|
-
color: black;
|
|
399
403
|
cursor: pointer;
|
|
400
404
|
padding-right: 8px;
|
|
401
405
|
}
|
|
@@ -406,12 +410,11 @@
|
|
|
406
410
|
|
|
407
411
|
.pro-page-header .pro-page-header-title {
|
|
408
412
|
font-size: 16px;
|
|
409
|
-
color: black;
|
|
410
413
|
margin-right: 12px;
|
|
411
414
|
}
|
|
412
415
|
|
|
413
416
|
.pro-page-header .pro-page-header-sub-title {
|
|
414
|
-
color:
|
|
417
|
+
color: var(--pro-color-text-secondary);
|
|
415
418
|
}
|
|
416
419
|
|
|
417
420
|
.pro-page-header .pro-page-header-space {
|
|
@@ -443,7 +446,7 @@
|
|
|
443
446
|
right: 0;
|
|
444
447
|
left: 0;
|
|
445
448
|
z-index: 1;
|
|
446
|
-
background-color:
|
|
449
|
+
background-color: var(--pro-color-bg-light);
|
|
447
450
|
}
|
|
448
451
|
|
|
449
452
|
.pro-page-fill .pro-page-footer {
|
|
@@ -452,7 +455,7 @@
|
|
|
452
455
|
right: 0;
|
|
453
456
|
left: 0;
|
|
454
457
|
z-index: 1;
|
|
455
|
-
background-color:
|
|
458
|
+
background-color: var(--pro-color-bg-light);
|
|
456
459
|
}
|
|
457
460
|
|
|
458
461
|
/********************************** curd-list ***********************************/
|
|
@@ -557,3 +560,76 @@
|
|
|
557
560
|
.pro-drawer .el-drawer__footer {
|
|
558
561
|
padding: 16px;
|
|
559
562
|
}
|
|
563
|
+
|
|
564
|
+
/***************************** pro-app-config ***********************************/
|
|
565
|
+
.pro-app-config_form .el-form-item {
|
|
566
|
+
margin-bottom: 8px;
|
|
567
|
+
}
|
|
568
|
+
|
|
569
|
+
.pro-app-config_form .el-form-item__label {
|
|
570
|
+
padding: 0 !important;
|
|
571
|
+
}
|
|
572
|
+
|
|
573
|
+
.pro-app-config_form_title .el-form-item__content {
|
|
574
|
+
justify-content: center;
|
|
575
|
+
}
|
|
576
|
+
|
|
577
|
+
.pro-app-config_form .el-form-item__content {
|
|
578
|
+
flex-direction: row-reverse;
|
|
579
|
+
}
|
|
580
|
+
|
|
581
|
+
.pro-app-config_form_layout {
|
|
582
|
+
width: 100%;
|
|
583
|
+
display: grid;
|
|
584
|
+
grid-template-columns: repeat(2, 1fr);
|
|
585
|
+
gap: 10px;
|
|
586
|
+
}
|
|
587
|
+
|
|
588
|
+
.pro-app-config_form_layout > div {
|
|
589
|
+
border-radius: 4px;
|
|
590
|
+
height: 80px;
|
|
591
|
+
background-color: rgba(var(--pro-color-mode-reverse-rgb), 0.04);
|
|
592
|
+
cursor: pointer;
|
|
593
|
+
position: relative;
|
|
594
|
+
box-sizing: border-box;
|
|
595
|
+
}
|
|
596
|
+
|
|
597
|
+
.pro-app-config_form_layout > div.selected {
|
|
598
|
+
border: 2px solid var(--pro-color-primary);
|
|
599
|
+
}
|
|
600
|
+
|
|
601
|
+
.pro-app-config_form_layout > div > div {
|
|
602
|
+
position: absolute;
|
|
603
|
+
background-color: rgba(var(--pro-color-mode-reverse-rgb), 0.4);
|
|
604
|
+
}
|
|
605
|
+
|
|
606
|
+
.pro-app-config_form_layout .top {
|
|
607
|
+
top: 0;
|
|
608
|
+
left: 0;
|
|
609
|
+
right: 0;
|
|
610
|
+
height: 20%;
|
|
611
|
+
border-radius: 2px 2px 0 0;
|
|
612
|
+
}
|
|
613
|
+
|
|
614
|
+
.pro-app-config_form_layout .left {
|
|
615
|
+
top: 0;
|
|
616
|
+
left: 0;
|
|
617
|
+
bottom: 0;
|
|
618
|
+
width: 30%;
|
|
619
|
+
border-radius: 2px 0 0 2px;
|
|
620
|
+
}
|
|
621
|
+
|
|
622
|
+
.pro-app-config_form_layout > div:nth-child(1) .left {
|
|
623
|
+
top: 20% !important;
|
|
624
|
+
background-color: rgba(var(--pro-color-mode-reverse-rgb), 0.2) !important;
|
|
625
|
+
}
|
|
626
|
+
|
|
627
|
+
.pro-app-config_form_layout > div:nth-child(4) .left {
|
|
628
|
+
top: 20% !important;
|
|
629
|
+
}
|
|
630
|
+
|
|
631
|
+
.pro-app-config_btm {
|
|
632
|
+
display: flex;
|
|
633
|
+
justify-content: center;
|
|
634
|
+
padding: 16px 0;
|
|
635
|
+
}
|
package/dist/index.d.ts
CHANGED
|
@@ -545,6 +545,196 @@ declare const useProRouter: () => {
|
|
|
545
545
|
route: RouteLocationNormalizedLoaded;
|
|
546
546
|
};
|
|
547
547
|
|
|
548
|
+
declare const ThemeKey: unique symbol;
|
|
549
|
+
declare type TLight = Record<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9", string>;
|
|
550
|
+
declare type TDark = Record<"2", string>;
|
|
551
|
+
declare type TColor = {
|
|
552
|
+
base: string;
|
|
553
|
+
light: TLight;
|
|
554
|
+
dark: TDark;
|
|
555
|
+
};
|
|
556
|
+
declare type TSubType = {
|
|
557
|
+
base: string;
|
|
558
|
+
lg: string;
|
|
559
|
+
md: string;
|
|
560
|
+
sm: string;
|
|
561
|
+
};
|
|
562
|
+
interface ITheme {
|
|
563
|
+
color: {
|
|
564
|
+
primary: TColor;
|
|
565
|
+
success: TColor;
|
|
566
|
+
warning: TColor;
|
|
567
|
+
danger: TColor;
|
|
568
|
+
error: TColor;
|
|
569
|
+
info: TColor;
|
|
570
|
+
text: {
|
|
571
|
+
base: string;
|
|
572
|
+
regular: string;
|
|
573
|
+
secondary: string;
|
|
574
|
+
placeholder: string;
|
|
575
|
+
disabled: string;
|
|
576
|
+
};
|
|
577
|
+
border: {
|
|
578
|
+
base: string;
|
|
579
|
+
light: string;
|
|
580
|
+
};
|
|
581
|
+
bg: {
|
|
582
|
+
base: string;
|
|
583
|
+
light: string;
|
|
584
|
+
};
|
|
585
|
+
mode: {
|
|
586
|
+
base: string;
|
|
587
|
+
reverse: string;
|
|
588
|
+
};
|
|
589
|
+
};
|
|
590
|
+
radius: TSubType;
|
|
591
|
+
fontSize: TSubType & {
|
|
592
|
+
xs: string;
|
|
593
|
+
};
|
|
594
|
+
lineHeight: {
|
|
595
|
+
base: number;
|
|
596
|
+
lg: number;
|
|
597
|
+
md: number;
|
|
598
|
+
sm: number;
|
|
599
|
+
};
|
|
600
|
+
spacing: TLight;
|
|
601
|
+
shadow: TSubType & {
|
|
602
|
+
inner: string;
|
|
603
|
+
};
|
|
604
|
+
}
|
|
605
|
+
interface IThemeProvide {
|
|
606
|
+
theme: ITheme;
|
|
607
|
+
}
|
|
608
|
+
declare const useTheme: () => IThemeProvide;
|
|
609
|
+
interface IThemeToken {
|
|
610
|
+
color?: {
|
|
611
|
+
primary?: string;
|
|
612
|
+
success?: string;
|
|
613
|
+
warning?: string;
|
|
614
|
+
danger?: string;
|
|
615
|
+
error?: string;
|
|
616
|
+
info?: string;
|
|
617
|
+
};
|
|
618
|
+
extraColor?: {
|
|
619
|
+
text: {
|
|
620
|
+
base: string;
|
|
621
|
+
regular: string;
|
|
622
|
+
secondary: string;
|
|
623
|
+
placeholder: string;
|
|
624
|
+
disabled: string;
|
|
625
|
+
};
|
|
626
|
+
border: {
|
|
627
|
+
base: string;
|
|
628
|
+
light: string;
|
|
629
|
+
};
|
|
630
|
+
bg: {
|
|
631
|
+
base: string;
|
|
632
|
+
light: string;
|
|
633
|
+
};
|
|
634
|
+
mode: {
|
|
635
|
+
base: string;
|
|
636
|
+
reverse: string;
|
|
637
|
+
};
|
|
638
|
+
};
|
|
639
|
+
radius?: string;
|
|
640
|
+
lineHeight?: number;
|
|
641
|
+
spacing?: number;
|
|
642
|
+
}
|
|
643
|
+
declare const ThemeToken: {
|
|
644
|
+
color: {
|
|
645
|
+
primary: string;
|
|
646
|
+
success: string;
|
|
647
|
+
warning: string;
|
|
648
|
+
danger: string;
|
|
649
|
+
error: string;
|
|
650
|
+
info: string;
|
|
651
|
+
};
|
|
652
|
+
extraColor: {
|
|
653
|
+
text: {
|
|
654
|
+
base: string;
|
|
655
|
+
regular: string;
|
|
656
|
+
secondary: string;
|
|
657
|
+
placeholder: string;
|
|
658
|
+
disabled: string;
|
|
659
|
+
};
|
|
660
|
+
border: {
|
|
661
|
+
base: string;
|
|
662
|
+
light: string;
|
|
663
|
+
};
|
|
664
|
+
bg: {
|
|
665
|
+
base: string;
|
|
666
|
+
light: string;
|
|
667
|
+
};
|
|
668
|
+
mode: {
|
|
669
|
+
base: string;
|
|
670
|
+
rgb: string;
|
|
671
|
+
reverse: string;
|
|
672
|
+
"reverse-rgb": string;
|
|
673
|
+
};
|
|
674
|
+
};
|
|
675
|
+
radius: string;
|
|
676
|
+
lineHeight: number;
|
|
677
|
+
spacing: number;
|
|
678
|
+
};
|
|
679
|
+
/**
|
|
680
|
+
*
|
|
681
|
+
*/
|
|
682
|
+
declare const DarkThemeToken: {
|
|
683
|
+
extraColor: {
|
|
684
|
+
text: {
|
|
685
|
+
base: string;
|
|
686
|
+
regular: string;
|
|
687
|
+
secondary: string;
|
|
688
|
+
placeholder: string;
|
|
689
|
+
disabled: string;
|
|
690
|
+
};
|
|
691
|
+
border: {
|
|
692
|
+
base: string;
|
|
693
|
+
light: string;
|
|
694
|
+
};
|
|
695
|
+
bg: {
|
|
696
|
+
base: string;
|
|
697
|
+
light: string;
|
|
698
|
+
};
|
|
699
|
+
mode: {
|
|
700
|
+
base: string;
|
|
701
|
+
rgb: string;
|
|
702
|
+
reverse: string;
|
|
703
|
+
"reverse-rgb": string;
|
|
704
|
+
};
|
|
705
|
+
};
|
|
706
|
+
color: {
|
|
707
|
+
primary: string;
|
|
708
|
+
success: string;
|
|
709
|
+
warning: string;
|
|
710
|
+
danger: string;
|
|
711
|
+
error: string;
|
|
712
|
+
info: string;
|
|
713
|
+
};
|
|
714
|
+
radius: string;
|
|
715
|
+
lineHeight: number;
|
|
716
|
+
spacing: number;
|
|
717
|
+
};
|
|
718
|
+
/****************************************************/
|
|
719
|
+
declare const AppConfig: {
|
|
720
|
+
layout: string;
|
|
721
|
+
primary: string;
|
|
722
|
+
isDark: boolean;
|
|
723
|
+
menuBar: string;
|
|
724
|
+
menuBarColor: string;
|
|
725
|
+
menuBarActiveColor: string;
|
|
726
|
+
isTagsView: boolean;
|
|
727
|
+
isTagsViewIcon: boolean;
|
|
728
|
+
isTagsViewCache: boolean;
|
|
729
|
+
isTagsViewDrag: boolean;
|
|
730
|
+
isCollapse: boolean;
|
|
731
|
+
isShowLogo: boolean;
|
|
732
|
+
isGray: boolean;
|
|
733
|
+
isInvert: boolean;
|
|
734
|
+
isWatermark: boolean;
|
|
735
|
+
};
|
|
736
|
+
declare type TAppConfig = typeof AppConfig;
|
|
737
|
+
|
|
548
738
|
declare const proBasePropsFn: () => {
|
|
549
739
|
/**
|
|
550
740
|
* 组件集
|
|
@@ -627,6 +817,7 @@ interface IProConfigProvide {
|
|
|
627
817
|
showMsg: (opts: Record<string, any>) => any;
|
|
628
818
|
showModal: (opts: Record<string, any>) => any;
|
|
629
819
|
showNotify: (opts: Record<string, any>) => any;
|
|
820
|
+
appConfig: TAppConfig;
|
|
630
821
|
}
|
|
631
822
|
declare const proConfigProps: () => {
|
|
632
823
|
elementMap: {
|
|
@@ -666,6 +857,42 @@ declare const proConfigProps: () => {
|
|
|
666
857
|
showNotify: {
|
|
667
858
|
type: FunctionConstructor;
|
|
668
859
|
};
|
|
860
|
+
appConfig: {
|
|
861
|
+
type: PropType<{
|
|
862
|
+
layout: string;
|
|
863
|
+
primary: string;
|
|
864
|
+
isDark: boolean;
|
|
865
|
+
menuBar: string;
|
|
866
|
+
menuBarColor: string;
|
|
867
|
+
menuBarActiveColor: string;
|
|
868
|
+
isTagsView: boolean;
|
|
869
|
+
isTagsViewIcon: boolean;
|
|
870
|
+
isTagsViewCache: boolean;
|
|
871
|
+
isTagsViewDrag: boolean;
|
|
872
|
+
isCollapse: boolean;
|
|
873
|
+
isShowLogo: boolean;
|
|
874
|
+
isGray: boolean;
|
|
875
|
+
isInvert: boolean;
|
|
876
|
+
isWatermark: boolean;
|
|
877
|
+
}>;
|
|
878
|
+
default: {
|
|
879
|
+
layout: string;
|
|
880
|
+
primary: string;
|
|
881
|
+
isDark: boolean;
|
|
882
|
+
menuBar: string;
|
|
883
|
+
menuBarColor: string;
|
|
884
|
+
menuBarActiveColor: string;
|
|
885
|
+
isTagsView: boolean;
|
|
886
|
+
isTagsViewIcon: boolean;
|
|
887
|
+
isTagsViewCache: boolean;
|
|
888
|
+
isTagsViewDrag: boolean;
|
|
889
|
+
isCollapse: boolean;
|
|
890
|
+
isShowLogo: boolean;
|
|
891
|
+
isGray: boolean;
|
|
892
|
+
isInvert: boolean;
|
|
893
|
+
isWatermark: boolean;
|
|
894
|
+
};
|
|
895
|
+
};
|
|
669
896
|
};
|
|
670
897
|
declare const useProConfig: () => IProConfigProvide;
|
|
671
898
|
declare const useProMsg: () => (opts: Record<string, any>) => any;
|
|
@@ -713,6 +940,42 @@ declare const ProConfig: vue.DefineComponent<Partial<ExtractPropTypes<{
|
|
|
713
940
|
showNotify: {
|
|
714
941
|
type: FunctionConstructor;
|
|
715
942
|
};
|
|
943
|
+
appConfig: {
|
|
944
|
+
type: PropType<{
|
|
945
|
+
layout: string;
|
|
946
|
+
primary: string;
|
|
947
|
+
isDark: boolean;
|
|
948
|
+
menuBar: string;
|
|
949
|
+
menuBarColor: string;
|
|
950
|
+
menuBarActiveColor: string;
|
|
951
|
+
isTagsView: boolean;
|
|
952
|
+
isTagsViewIcon: boolean;
|
|
953
|
+
isTagsViewCache: boolean;
|
|
954
|
+
isTagsViewDrag: boolean;
|
|
955
|
+
isCollapse: boolean;
|
|
956
|
+
isShowLogo: boolean;
|
|
957
|
+
isGray: boolean;
|
|
958
|
+
isInvert: boolean;
|
|
959
|
+
isWatermark: boolean;
|
|
960
|
+
}>;
|
|
961
|
+
default: {
|
|
962
|
+
layout: string;
|
|
963
|
+
primary: string;
|
|
964
|
+
isDark: boolean;
|
|
965
|
+
menuBar: string;
|
|
966
|
+
menuBarColor: string;
|
|
967
|
+
menuBarActiveColor: string;
|
|
968
|
+
isTagsView: boolean;
|
|
969
|
+
isTagsViewIcon: boolean;
|
|
970
|
+
isTagsViewCache: boolean;
|
|
971
|
+
isTagsViewDrag: boolean;
|
|
972
|
+
isCollapse: boolean;
|
|
973
|
+
isShowLogo: boolean;
|
|
974
|
+
isGray: boolean;
|
|
975
|
+
isInvert: boolean;
|
|
976
|
+
isWatermark: boolean;
|
|
977
|
+
};
|
|
978
|
+
};
|
|
716
979
|
}>>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<Partial<ExtractPropTypes<{
|
|
717
980
|
elementMap: {
|
|
718
981
|
type: PropType<TElementMap>;
|
|
@@ -751,6 +1014,42 @@ declare const ProConfig: vue.DefineComponent<Partial<ExtractPropTypes<{
|
|
|
751
1014
|
showNotify: {
|
|
752
1015
|
type: FunctionConstructor;
|
|
753
1016
|
};
|
|
1017
|
+
appConfig: {
|
|
1018
|
+
type: PropType<{
|
|
1019
|
+
layout: string;
|
|
1020
|
+
primary: string;
|
|
1021
|
+
isDark: boolean;
|
|
1022
|
+
menuBar: string;
|
|
1023
|
+
menuBarColor: string;
|
|
1024
|
+
menuBarActiveColor: string;
|
|
1025
|
+
isTagsView: boolean;
|
|
1026
|
+
isTagsViewIcon: boolean;
|
|
1027
|
+
isTagsViewCache: boolean;
|
|
1028
|
+
isTagsViewDrag: boolean;
|
|
1029
|
+
isCollapse: boolean;
|
|
1030
|
+
isShowLogo: boolean;
|
|
1031
|
+
isGray: boolean;
|
|
1032
|
+
isInvert: boolean;
|
|
1033
|
+
isWatermark: boolean;
|
|
1034
|
+
}>;
|
|
1035
|
+
default: {
|
|
1036
|
+
layout: string;
|
|
1037
|
+
primary: string;
|
|
1038
|
+
isDark: boolean;
|
|
1039
|
+
menuBar: string;
|
|
1040
|
+
menuBarColor: string;
|
|
1041
|
+
menuBarActiveColor: string;
|
|
1042
|
+
isTagsView: boolean;
|
|
1043
|
+
isTagsViewIcon: boolean;
|
|
1044
|
+
isTagsViewCache: boolean;
|
|
1045
|
+
isTagsViewDrag: boolean;
|
|
1046
|
+
isCollapse: boolean;
|
|
1047
|
+
isShowLogo: boolean;
|
|
1048
|
+
isGray: boolean;
|
|
1049
|
+
isInvert: boolean;
|
|
1050
|
+
isWatermark: boolean;
|
|
1051
|
+
};
|
|
1052
|
+
};
|
|
754
1053
|
}>>>, {}>;
|
|
755
1054
|
/**
|
|
756
1055
|
* app.use 方式注册
|
|
@@ -3059,75 +3358,7 @@ declare const getSignValue: <T = any>(item: TColumn, signName: string) => T;
|
|
|
3059
3358
|
*/
|
|
3060
3359
|
declare const filterSlotsByPrefix: (slots: Record<string, any>, prefix: string) => lodash.Dictionary<any>;
|
|
3061
3360
|
|
|
3062
|
-
declare const
|
|
3063
|
-
declare type TLight = Record<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9", string>;
|
|
3064
|
-
declare type TDark = Record<"2", string>;
|
|
3065
|
-
declare type TColor = {
|
|
3066
|
-
base: string;
|
|
3067
|
-
light: TLight;
|
|
3068
|
-
dark: TDark;
|
|
3069
|
-
};
|
|
3070
|
-
declare type TSubType = {
|
|
3071
|
-
base: string;
|
|
3072
|
-
lg: string;
|
|
3073
|
-
md: string;
|
|
3074
|
-
sm: string;
|
|
3075
|
-
};
|
|
3076
|
-
interface ITheme {
|
|
3077
|
-
color: {
|
|
3078
|
-
primary: TColor;
|
|
3079
|
-
success: TColor;
|
|
3080
|
-
warning: TColor;
|
|
3081
|
-
danger: TColor;
|
|
3082
|
-
error: TColor;
|
|
3083
|
-
info: TColor;
|
|
3084
|
-
text: {
|
|
3085
|
-
base: string;
|
|
3086
|
-
regular: string;
|
|
3087
|
-
secondary: string;
|
|
3088
|
-
placeholder: string;
|
|
3089
|
-
disabled: string;
|
|
3090
|
-
};
|
|
3091
|
-
border: {
|
|
3092
|
-
base: string;
|
|
3093
|
-
light: string;
|
|
3094
|
-
};
|
|
3095
|
-
bg: string;
|
|
3096
|
-
};
|
|
3097
|
-
radius: TSubType;
|
|
3098
|
-
fontSize: TSubType & {
|
|
3099
|
-
xs: string;
|
|
3100
|
-
};
|
|
3101
|
-
lineHeight: {
|
|
3102
|
-
base: number;
|
|
3103
|
-
lg: number;
|
|
3104
|
-
md: number;
|
|
3105
|
-
sm: number;
|
|
3106
|
-
};
|
|
3107
|
-
spacing: TLight;
|
|
3108
|
-
shadow: TSubType & {
|
|
3109
|
-
inner: string;
|
|
3110
|
-
};
|
|
3111
|
-
}
|
|
3112
|
-
interface IThemeProvide {
|
|
3113
|
-
theme: ITheme;
|
|
3114
|
-
}
|
|
3115
|
-
declare const useTheme: () => IThemeProvide;
|
|
3116
|
-
interface IThemeToken {
|
|
3117
|
-
color?: {
|
|
3118
|
-
primary?: string;
|
|
3119
|
-
success?: string;
|
|
3120
|
-
warning?: string;
|
|
3121
|
-
danger?: string;
|
|
3122
|
-
error?: string;
|
|
3123
|
-
info?: string;
|
|
3124
|
-
};
|
|
3125
|
-
radius?: string;
|
|
3126
|
-
lineHeight?: number;
|
|
3127
|
-
spacing?: number;
|
|
3128
|
-
}
|
|
3129
|
-
declare const ThemeToken: IThemeToken;
|
|
3130
|
-
declare const createTheme: (tt?: IThemeToken) => ITheme;
|
|
3361
|
+
declare const createTheme: (tt?: IThemeToken, defTT?: IThemeToken) => ITheme;
|
|
3131
3362
|
declare const ProTheme: vue.DefineComponent<{
|
|
3132
3363
|
theme: {
|
|
3133
3364
|
type: ObjectConstructor;
|
|
@@ -3139,6 +3370,12 @@ declare const ProTheme: vue.DefineComponent<{
|
|
|
3139
3370
|
type: BooleanConstructor;
|
|
3140
3371
|
default: boolean;
|
|
3141
3372
|
};
|
|
3373
|
+
/**
|
|
3374
|
+
* 主题
|
|
3375
|
+
*/
|
|
3376
|
+
mode: {
|
|
3377
|
+
type: PropType<"light" | "dark">;
|
|
3378
|
+
};
|
|
3142
3379
|
/**
|
|
3143
3380
|
* 根据themeToken生成theme
|
|
3144
3381
|
*/
|
|
@@ -3149,11 +3386,9 @@ declare const ProTheme: vue.DefineComponent<{
|
|
|
3149
3386
|
* 将生成的ITheme对象映射成 css 变量
|
|
3150
3387
|
*/
|
|
3151
3388
|
createCssVar: {
|
|
3152
|
-
type: PropType<(t: ITheme) => Record<string, string | number>>;
|
|
3389
|
+
type: PropType<(t: ITheme, mode: string) => Record<string, string | number>>;
|
|
3153
3390
|
};
|
|
3154
|
-
}, () => JSX.Element
|
|
3155
|
-
[key: string]: any;
|
|
3156
|
-
}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
3391
|
+
}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
3157
3392
|
theme: {
|
|
3158
3393
|
type: ObjectConstructor;
|
|
3159
3394
|
};
|
|
@@ -3164,6 +3399,12 @@ declare const ProTheme: vue.DefineComponent<{
|
|
|
3164
3399
|
type: BooleanConstructor;
|
|
3165
3400
|
default: boolean;
|
|
3166
3401
|
};
|
|
3402
|
+
/**
|
|
3403
|
+
* 主题
|
|
3404
|
+
*/
|
|
3405
|
+
mode: {
|
|
3406
|
+
type: PropType<"light" | "dark">;
|
|
3407
|
+
};
|
|
3167
3408
|
/**
|
|
3168
3409
|
* 根据themeToken生成theme
|
|
3169
3410
|
*/
|
|
@@ -3174,10 +3415,45 @@ declare const ProTheme: vue.DefineComponent<{
|
|
|
3174
3415
|
* 将生成的ITheme对象映射成 css 变量
|
|
3175
3416
|
*/
|
|
3176
3417
|
createCssVar: {
|
|
3177
|
-
type: PropType<(t: ITheme) => Record<string, string | number>>;
|
|
3418
|
+
type: PropType<(t: ITheme, mode: string) => Record<string, string | number>>;
|
|
3178
3419
|
};
|
|
3179
3420
|
}>>, {
|
|
3180
3421
|
global: boolean;
|
|
3181
3422
|
}>;
|
|
3182
3423
|
|
|
3183
|
-
|
|
3424
|
+
declare const useAppConfig: () => {
|
|
3425
|
+
readonly appConfig: {
|
|
3426
|
+
layout: string;
|
|
3427
|
+
primary: string;
|
|
3428
|
+
isDark: boolean;
|
|
3429
|
+
menuBar: string;
|
|
3430
|
+
menuBarColor: string;
|
|
3431
|
+
menuBarActiveColor: string;
|
|
3432
|
+
isTagsView: boolean;
|
|
3433
|
+
isTagsViewIcon: boolean;
|
|
3434
|
+
isTagsViewCache: boolean;
|
|
3435
|
+
isTagsViewDrag: boolean;
|
|
3436
|
+
isCollapse: boolean;
|
|
3437
|
+
isShowLogo: boolean;
|
|
3438
|
+
isGray: boolean;
|
|
3439
|
+
isInvert: boolean;
|
|
3440
|
+
isWatermark: boolean;
|
|
3441
|
+
};
|
|
3442
|
+
readonly setAppConfig: (c: TAppConfig | TUpdater<TAppConfig>) => void;
|
|
3443
|
+
readonly delAppConfig: () => void;
|
|
3444
|
+
};
|
|
3445
|
+
declare const appConfigProps: () => {
|
|
3446
|
+
columns: {
|
|
3447
|
+
type: PropType<{
|
|
3448
|
+
title?: string | undefined;
|
|
3449
|
+
dataIndex: string;
|
|
3450
|
+
valueType: string;
|
|
3451
|
+
}[]>;
|
|
3452
|
+
};
|
|
3453
|
+
};
|
|
3454
|
+
declare type ProAppConfigDrawerProps = Partial<ExtractPropTypes<ReturnType<typeof appConfigProps>>> & Record<string, any>;
|
|
3455
|
+
declare const ProAppConfigDrawer: vue.DefineComponent<ProAppConfigDrawerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<ExtractPropTypes<ProAppConfigDrawerProps>>, {
|
|
3456
|
+
[x: string]: any;
|
|
3457
|
+
}>;
|
|
3458
|
+
|
|
3459
|
+
export { AddButton, AppConfig, BooleanObjType, BooleanRulesObjType, ColumnSetting, CurdAction, CurdAddAction, CurdCurrentMode, CurdMethods, CurdSubAction, DarkThemeToken, ElementKeys, FieldNames, FormAction, FormItemProps, FormRulePrefixMap, IAccess, ICurdAction, ICurdAddAction, ICurdCurrentMode, ICurdOperateOpts, ICurdState, ICurdSubAction, IElementConfig, IHighConfig, IListData, IOpeItem, IOperateItem, IPer, IProConfigProvide, IProCurdProvide, IProFormProvideExtra, IProLayoutProvide, IProModuleProvide, IProTableProvide, IProTableProvideExtra, IRequestOpts, ISearchMode, ITableOperate, ITheme, IThemeProvide, IThemeToken, IUser, InternalNamePath, LogonUser, LogonUserKey, ModalCurdOpe, MustLogon, NamePath, PageHeader, PageHeaderProps, PaginationSlotProps, PerSuffix, Permission, PermissionProps, ProAppConfigDrawer, ProAppConfigDrawerProps, ProBaseProps, ProColumnSettingProps, ProConfig, ProConfigProps, ProCurd, ProCurdDesc, ProCurdDescConnect, ProCurdDescProps, ProCurdForm, ProCurdFormConnect, ProCurdFormPage, ProCurdFormProps, ProCurdList, ProCurdListConnect, ProCurdListPage, ProCurdListPageConnect, ProCurdListProps, ProCurdModal, ProCurdModalForm, ProCurdModalFormConnect, ProCurdModalProps, ProCurdModule, ProCurdModuleProps, ProCurdPage, ProCurdPageConnect, ProCurdProps, ProDesc, ProDescProps, ProDispatchRequestType, ProForm, ProFormItemProps, ProFormList, ProFormListProps, ProFormProps, ProGrid, ProGridProps, ProLayout, ProLayoutKey, ProLayoutProps, ProList, ProListProps, ProModalCurd, ProModalCurdProps, ProModule, ProModuleProps, ProOperate, ProOperateProps, ProPage, ProPageCurd, ProPageCurdProps, ProPageProps, ProRouterView, ProRouterViewProps, ProSearchForm, ProSearchFormProps, ProShowDate, ProShowDigit, ProShowOptions, ProShowText, ProShowTree, ProTable, ProTableProps, ProTheme, ProTip, ProTipProps, ProTypography, ProTypographyProps, ProUploadList, ProUploaderText, ProValue, ProWatermark, ProWatermarkProps, RequestAction, RouterMethods, SearchMode, SearchSlotProps, TAccess, TActionEvent, TActionState, TAppConfig, TColor, TColumn, TColumns, TConfigData, TCurdActionEvent, TDark, TDefaultValueType, TElementMap, TExecuteFunName, TExecuteItem, TExecuteName, TFile, TFormExtraMap, TInitialState, TLayoutMenu, TLayoutTabMenu, TLayoutType, TLight, TLogonUserProvide, TMeta, TOpenMenu, TOption, TOptions, TPageState, TProFormOperate, TRegisterStore, TRegisterStoreMap, TRender, TRouter, TSubType, TTableColumn, TTableColumns, TValueType, ThemeKey, ThemeToken, TreeOption, TreeOptions, Wrapper, convertPathToList, convertResData, createExpose, createExposeObj, createFormItemCompFn, createModule, createProConfig, createTheme, defaultPage, filterSlotsByPrefix, getColumnFormItemName, getColumnValueType, getFirstPropName, getRealRender, getSignValue, getValidValues, isValidConfig, isValidNode, mergeState, mergeStateToList, proBaseProps, provideProCurd, provideProFormList, provideProModule, renderColumn, renderElement, renderElements, renderInputColumn, showValue, useAccess, useAccessMgr, useAppConfig, useComposeRequestActor, useCurdCommon, useDispatchStore, useDoneRequestActor, useFailedRequestActor, useFormSubmit, useGetCompByKey, useHasPer, useHasPer2, useLogonUser, useMeta, useMetaRegister, useModuleEvent, useProConfig, useProCurd, useProForm, useProFormList, useProLayout, useProModal, useProModule, useProMsg, useProNotify, useProRouter, useProTable, useReadStore, useTheme };
|