@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 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(0, 0, 0, 0.1);
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: white;
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: #00000073;
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: white;
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: white;
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 ThemeKey: unique symbol;
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 | vue.VNode<vue.RendererNode, vue.RendererElement, {
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
- export { AddButton, BooleanObjType, BooleanRulesObjType, ColumnSetting, CurdAction, CurdAddAction, CurdCurrentMode, CurdMethods, CurdSubAction, 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, 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, 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, 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 };
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 };