@gx-design-vue/pro-layout 0.1.0-beta.61 → 0.1.0-beta.63
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/Context.d.ts +29 -44
- package/dist/ProLayout.d.ts +267 -1070
- package/dist/{route.d.ts → RouteTypings.d.ts} +28 -27
- package/dist/SlotsTypings.d.ts +64 -0
- package/dist/WrapContent.d.ts +4 -3
- package/dist/_utils/ant-design-vue/badge.d.ts +1 -0
- package/dist/_utils/ant-design-vue/breadcrumb.d.ts +1 -0
- package/dist/_utils/ant-design-vue/index.d.ts +4 -0
- package/dist/_utils/ant-design-vue/menu.d.ts +2 -0
- package/dist/_utils/ant-design-vue/spin.d.ts +1 -0
- package/dist/components/AppsLogoComponents/AppLogoList.d.ts +16 -0
- package/dist/components/AppsLogoComponents/AppsLogo.d.ts +5 -0
- package/dist/components/AppsLogoComponents/DefaultContent.d.ts +20 -0
- package/dist/components/AppsLogoComponents/SimpleContent.d.ts +30 -0
- package/dist/components/AppsLogoComponents/index.d.ts +13 -0
- package/dist/components/AppsLogoComponents/props.d.ts +23 -0
- package/dist/components/AppsLogoComponents/style/default.d.ts +4 -0
- package/dist/components/AppsLogoComponents/style/index.d.ts +4 -0
- package/dist/components/AppsLogoComponents/style/simple.d.ts +4 -0
- package/dist/components/CollapsedIcon/index.d.ts +19 -0
- package/dist/components/CollapsedIcon/style.d.ts +6 -0
- package/dist/components/GIcon/index.d.ts +11 -0
- package/dist/components/GIcon/style.d.ts +4 -0
- package/dist/components/GlobalFooter/index.d.ts +10 -10
- package/dist/components/GlobalHeader/DefaultHeader.d.ts +208 -174
- package/dist/components/GlobalHeader/index.d.ts +117 -109
- package/dist/components/GlobalHeader/props.d.ts +86 -83
- package/dist/components/LogoContent/index.d.ts +23 -28
- package/dist/components/LogoContent/props.d.ts +4 -8
- package/dist/components/LogoContent/style.d.ts +3 -6
- package/dist/components/PageContainer/PageHeader.d.ts +7 -6
- package/dist/components/PageContainer/PageLoading.d.ts +29 -0
- package/dist/components/PageContainer/index.d.ts +50 -31
- package/dist/components/PageContainer/props.d.ts +24 -19
- package/dist/components/PageLock/Popup.d.ts +38 -0
- package/dist/components/PageLock/UserForm.d.ts +30 -0
- package/dist/components/PageLock/index.d.ts +52 -0
- package/dist/components/PageLock/props.d.ts +41 -0
- package/dist/components/PageLock/style.d.ts +4 -0
- package/dist/components/PageLock/useFormState.d.ts +11 -0
- package/dist/components/RightContent/Search/Panel.d.ts +26 -0
- package/dist/components/RightContent/Search/index.d.ts +35 -0
- package/dist/components/RightContent/Search/props.d.ts +9 -0
- package/dist/components/RightContent/Search/style.d.ts +4 -0
- package/dist/components/RightContent/index.d.ts +133 -0
- package/dist/components/RightContent/props.d.ts +70 -0
- package/dist/components/RightContent/style.d.ts +4 -0
- package/dist/components/SettingDrawer/BlockCheckbox.d.ts +4 -4
- package/dist/components/SettingDrawer/OthersChange.d.ts +5 -5
- package/dist/components/SettingDrawer/RegionalChange.d.ts +8 -8
- package/dist/components/SettingDrawer/ThemeColor.d.ts +6 -6
- package/dist/components/SettingDrawer/ThemeEditor.d.ts +17 -6
- package/dist/components/SettingDrawer/index.d.ts +88 -9
- package/dist/components/SettingDrawer/utils/config.d.ts +17 -1
- package/dist/components/SiderMenu/Arrow.d.ts +2 -0
- package/dist/components/SiderMenu/BaseMenu.d.ts +108 -100
- package/dist/components/SiderMenu/SiderMenu.d.ts +134 -119
- package/dist/components/SiderMenu/index.d.ts +135 -119
- package/dist/components/SiderMenu/props.d.ts +84 -77
- package/dist/components/SiderMenu/style/index.d.ts +4 -0
- package/dist/components/SiderMenu/{style.d.ts → style/menu.d.ts} +0 -2
- package/dist/components/SiderMenu/typings.d.ts +7 -7
- package/dist/components/TabsRoute/index.d.ts +97 -0
- package/dist/components/{MultiTab → TabsRoute}/props.d.ts +22 -10
- package/dist/components/{MultiTab → TabsRoute}/style.d.ts +1 -0
- package/dist/components/TabsRoute/utils/config.d.ts +14 -0
- package/dist/components/TabsRoute/utils/index.d.ts +1 -0
- package/dist/defaultSettings.d.ts +20 -31
- package/dist/hooks/theme/index.d.ts +16 -0
- package/dist/hooks/useClockTime/index.d.ts +9 -0
- package/dist/index.d.ts +23 -20
- package/dist/pro-layout.js +4863 -2869
- package/dist/pro-layout.umd.cjs +20 -1
- package/dist/props.d.ts +122 -109
- package/dist/style/index.d.ts +0 -7
- package/dist/typings.d.ts +19 -1
- package/dist/utils/coverToNewToken.d.ts +3 -4
- package/dist/utils/index.d.ts +11 -25
- package/dist/utils/menu.d.ts +13 -0
- package/dist/utils/style.d.ts +1 -0
- package/dist/utils/util.d.ts +7 -0
- package/package.json +10 -9
- package/dist/PageLoading.d.ts +0 -6
- package/dist/RenderTypings.d.ts +0 -29
- package/dist/components/MultiTab/index.d.ts +0 -81
- package/dist/components/MultiTab/utils/config.d.ts +0 -4
- package/dist/hooks/context/index.d.ts +0 -5
- package/dist/utils/getMenuData.d.ts +0 -9
- package/dist/utils/isImg/index.d.ts +0 -3
- package/dist/utils/isUrl/index.d.ts +0 -2
package/dist/props.d.ts
CHANGED
|
@@ -1,21 +1,55 @@
|
|
|
1
1
|
import type { CSSProperties, PropType } from 'vue';
|
|
2
2
|
import type { DeepPartial, ProAliasToken } from '@gx-design-vue/pro-provider';
|
|
3
|
-
import type {
|
|
4
|
-
import type {
|
|
5
|
-
import type {
|
|
3
|
+
import type { BreadcrumbProps } from './typings';
|
|
4
|
+
import type { AppRouteModule } from './RouteTypings';
|
|
5
|
+
import type { PageContainerPropsType } from './Context';
|
|
6
|
+
import type { DefaultRender, FooterRender } from './SlotsTypings';
|
|
6
7
|
import type { Links } from './components/GlobalFooter';
|
|
8
|
+
export type ShortcutKeyProps = {
|
|
9
|
+
search?: {
|
|
10
|
+
keys?: string;
|
|
11
|
+
disabeld?: boolean;
|
|
12
|
+
};
|
|
13
|
+
lock?: {
|
|
14
|
+
keys?: string;
|
|
15
|
+
disabeld?: boolean;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export declare const darkThemeProps: {
|
|
19
|
+
dark: {
|
|
20
|
+
type: PropType<boolean | "system">;
|
|
21
|
+
default: undefined;
|
|
22
|
+
};
|
|
23
|
+
onDarkChange: PropType<(value?: boolean | "system") => void>;
|
|
24
|
+
'onUpdate:dark': PropType<(value?: boolean | "system") => void>;
|
|
25
|
+
};
|
|
7
26
|
export declare const basicLayoutProps: {
|
|
27
|
+
pageContainerProps: {
|
|
28
|
+
type: PropType<PageContainerPropsType>;
|
|
29
|
+
};
|
|
8
30
|
pure: BooleanConstructor;
|
|
9
31
|
token: PropType<DeepPartial<ProAliasToken>>;
|
|
32
|
+
menuData: {
|
|
33
|
+
type: PropType<AppRouteModule[]>;
|
|
34
|
+
default: () => AppRouteModule[];
|
|
35
|
+
};
|
|
36
|
+
levelMenuData: {
|
|
37
|
+
type: PropType<AppRouteModule[]>;
|
|
38
|
+
default: () => undefined;
|
|
39
|
+
};
|
|
10
40
|
waterMark: {
|
|
11
41
|
type: PropType<boolean>;
|
|
12
42
|
default: boolean;
|
|
13
43
|
};
|
|
44
|
+
pageLockRender: {
|
|
45
|
+
type: PropType<DefaultRender>;
|
|
46
|
+
default: undefined;
|
|
47
|
+
};
|
|
14
48
|
/**
|
|
15
49
|
* 是否禁用移动端模式,有的管理系统不需要移动端模式,此属性设置为true即可
|
|
16
50
|
*/
|
|
17
51
|
disableMobile: {
|
|
18
|
-
type:
|
|
52
|
+
type: PropType<boolean>;
|
|
19
53
|
required: boolean;
|
|
20
54
|
};
|
|
21
55
|
contentStyle: {
|
|
@@ -35,79 +69,30 @@ export declare const basicLayoutProps: {
|
|
|
35
69
|
blankTarget: boolean;
|
|
36
70
|
} | {
|
|
37
71
|
key: string;
|
|
38
|
-
title: JSX.Element;
|
|
72
|
+
title: import("vue/jsx-runtime").JSX.Element;
|
|
39
73
|
href: string;
|
|
40
74
|
blankTarget: boolean;
|
|
41
75
|
})[];
|
|
42
76
|
};
|
|
77
|
+
tabsVisible: PropType<boolean>;
|
|
78
|
+
tabsRouteItemRender: {
|
|
79
|
+
type: PropType<import("./SlotsTypings").TabsRouteItemRender>;
|
|
80
|
+
default: () => undefined;
|
|
81
|
+
};
|
|
43
82
|
copyrightRender: {
|
|
44
|
-
type: PropType<
|
|
83
|
+
type: PropType<DefaultRender>;
|
|
45
84
|
default: () => undefined;
|
|
46
85
|
};
|
|
47
86
|
footerRender: {
|
|
48
87
|
type: PropType<FooterRender>;
|
|
49
88
|
default: () => undefined;
|
|
50
89
|
};
|
|
51
|
-
|
|
52
|
-
type: PropType<AppRouteModule[]>;
|
|
53
|
-
default: () => AppRouteModule[];
|
|
54
|
-
};
|
|
55
|
-
levelMenuData: {
|
|
56
|
-
type: PropType<AppRouteModule[]>;
|
|
57
|
-
default: () => AppRouteModule[];
|
|
58
|
-
};
|
|
59
|
-
collapsed: import("vue-types").VueTypeValidableDef<boolean>;
|
|
60
|
-
usePageCard: {
|
|
61
|
-
type: PropType<boolean>;
|
|
62
|
-
default: () => undefined;
|
|
63
|
-
};
|
|
64
|
-
pageCardProps: PropType<{
|
|
65
|
-
loading?: boolean;
|
|
66
|
-
bodyStyle: CSSProperties;
|
|
67
|
-
}>;
|
|
68
|
-
pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
69
|
-
pageChildrenContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
70
|
-
waterMarkProps: {
|
|
71
|
-
type: PropType<import("@gx-design-vue/pro-watermark/dist").WaterMarkProps>;
|
|
72
|
-
};
|
|
73
|
-
pageHeaderRender: {
|
|
74
|
-
type: PropType<import("./RenderTypings").DefaultPropRender>;
|
|
75
|
-
default: () => undefined;
|
|
76
|
-
};
|
|
77
|
-
pageChildrenExtraRender: {
|
|
78
|
-
type: PropType<() => import("@gx-design-vue/pro-utils/dist").CustomRender>;
|
|
79
|
-
default: () => undefined;
|
|
80
|
-
};
|
|
81
|
-
contentRender: {
|
|
82
|
-
type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<() => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
|
|
83
|
-
default: () => undefined;
|
|
84
|
-
};
|
|
85
|
-
breadcrumbRender: {
|
|
86
|
-
type: PropType<import("./RenderTypings").PageHeaderRender>;
|
|
87
|
-
default: () => undefined;
|
|
88
|
-
};
|
|
89
|
-
pageHeaderStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
|
|
90
|
-
isMobile: import("vue-types").VueTypeValidableDef<boolean>;
|
|
91
|
-
siderWidth: import("vue-types").VueTypeValidableDef<number> & {
|
|
92
|
-
default: number;
|
|
93
|
-
} & {
|
|
94
|
-
default: number;
|
|
95
|
-
};
|
|
96
|
-
collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
|
|
97
|
-
default: number;
|
|
98
|
-
} & {
|
|
99
|
-
default: number;
|
|
100
|
-
};
|
|
101
|
-
isFixedMultiTab: {
|
|
102
|
-
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedMultiTab"]>;
|
|
103
|
-
default: boolean;
|
|
90
|
+
onTabsChange: {
|
|
91
|
+
type: PropType<(list: AppRouteModule[]) => void>;
|
|
104
92
|
};
|
|
105
93
|
onReloadPage: {
|
|
106
94
|
type: PropType<() => void>;
|
|
107
95
|
};
|
|
108
|
-
onChangeTabs: {
|
|
109
|
-
type: PropType<(list: AppRouteModule[]) => void>;
|
|
110
|
-
};
|
|
111
96
|
'onUpdate:tabs': {
|
|
112
97
|
type: PropType<(list: AppRouteModule[]) => void>;
|
|
113
98
|
};
|
|
@@ -116,14 +101,23 @@ export declare const basicLayoutProps: {
|
|
|
116
101
|
default: () => undefined;
|
|
117
102
|
};
|
|
118
103
|
headerRender: {
|
|
119
|
-
type: PropType<import("
|
|
104
|
+
type: PropType<import("./SlotsTypings").HeaderRender>;
|
|
120
105
|
default: () => undefined;
|
|
121
106
|
};
|
|
122
107
|
headerContentRender: {
|
|
123
|
-
type: PropType<import("
|
|
108
|
+
type: PropType<import("./SlotsTypings").HeaderContentRender>;
|
|
124
109
|
default: () => undefined;
|
|
125
110
|
};
|
|
126
111
|
hasSiderMenu: PropType<boolean>;
|
|
112
|
+
collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
|
|
113
|
+
default: number;
|
|
114
|
+
} & {
|
|
115
|
+
default: number;
|
|
116
|
+
};
|
|
117
|
+
siderWidth: {
|
|
118
|
+
type: PropType<number>;
|
|
119
|
+
default: undefined;
|
|
120
|
+
};
|
|
127
121
|
logo: {
|
|
128
122
|
type: PropType<import("@gx-design-vue/pro-utils/dist").CustomRender>;
|
|
129
123
|
default: () => undefined;
|
|
@@ -132,30 +126,27 @@ export declare const basicLayoutProps: {
|
|
|
132
126
|
type: PropType<CSSProperties>;
|
|
133
127
|
default: () => undefined;
|
|
134
128
|
};
|
|
135
|
-
logoDirection: {
|
|
136
|
-
type: PropType<"horizontal" | "vertical">;
|
|
137
|
-
default: string;
|
|
138
|
-
};
|
|
139
129
|
menuLoading: PropType<boolean>;
|
|
140
130
|
autoHideHeader: PropType<boolean>;
|
|
141
|
-
|
|
142
|
-
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeType>;
|
|
143
|
-
default: string;
|
|
144
|
-
};
|
|
131
|
+
isMobile: PropType<boolean>;
|
|
145
132
|
menuRender: {
|
|
146
133
|
type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any, defaultDom: import("@gx-design-vue/pro-utils/dist").CustomRender) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
|
|
147
134
|
default: () => undefined;
|
|
148
135
|
};
|
|
136
|
+
appLogoListRender: {
|
|
137
|
+
type: PropType<DefaultRender>;
|
|
138
|
+
default: () => undefined;
|
|
139
|
+
};
|
|
149
140
|
extraRightDropdownRender: {
|
|
150
|
-
type: PropType<
|
|
141
|
+
type: PropType<DefaultRender>;
|
|
151
142
|
default: () => undefined;
|
|
152
143
|
};
|
|
153
144
|
rightContentRender: {
|
|
154
|
-
type: PropType<import("./
|
|
145
|
+
type: PropType<import("./SlotsTypings").RightContentRender>;
|
|
155
146
|
default: () => undefined;
|
|
156
147
|
};
|
|
157
148
|
collapsedButtonRender: {
|
|
158
|
-
type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(collapsed?:
|
|
149
|
+
type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(collapsed: boolean, dom?: import("@gx-design-vue/pro-utils/dist").CustomRender) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
|
|
159
150
|
default: () => undefined;
|
|
160
151
|
};
|
|
161
152
|
matchMenuKeys: {
|
|
@@ -172,17 +163,17 @@ export declare const basicLayoutProps: {
|
|
|
172
163
|
onSelect: {
|
|
173
164
|
type: PropType<(selectedKeys: string[]) => void>;
|
|
174
165
|
};
|
|
175
|
-
|
|
176
|
-
type: PropType<
|
|
177
|
-
default:
|
|
166
|
+
toFirstPath: {
|
|
167
|
+
type: PropType<boolean>;
|
|
168
|
+
default: undefined;
|
|
178
169
|
};
|
|
179
|
-
|
|
180
|
-
type: PropType<import("
|
|
170
|
+
mode: {
|
|
171
|
+
type: PropType<import("ant-design-vue/es/menu/src/interface").MenuMode>;
|
|
181
172
|
default: string;
|
|
182
173
|
};
|
|
183
|
-
|
|
184
|
-
type: PropType<
|
|
185
|
-
default:
|
|
174
|
+
collapsed: {
|
|
175
|
+
type: PropType<boolean>;
|
|
176
|
+
default: boolean;
|
|
186
177
|
};
|
|
187
178
|
openKeys: {
|
|
188
179
|
type: PropType<string[] | boolean>;
|
|
@@ -204,53 +195,61 @@ export declare const basicLayoutProps: {
|
|
|
204
195
|
type: PropType<import("./components/SiderMenu/BaseMenu").CustomMenuRender["subMenuItemRender"]>;
|
|
205
196
|
default: () => undefined;
|
|
206
197
|
};
|
|
207
|
-
onClick: PropType<(
|
|
198
|
+
onClick: PropType<(info: import("ant-design-vue/es/menu/src/interface").MenuInfo) => void>;
|
|
199
|
+
theme: {
|
|
200
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["theme"]>;
|
|
201
|
+
default: string;
|
|
202
|
+
};
|
|
203
|
+
layout: {
|
|
204
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["layout"]>;
|
|
205
|
+
default: import("@gx-design-vue/pro-provider/dist").ProLayoutType;
|
|
206
|
+
};
|
|
208
207
|
wideWidth: {
|
|
209
|
-
type: PropType<import("@gx-design-vue/pro-provider/dist").
|
|
208
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["wideWidth"]>;
|
|
210
209
|
default: number | undefined;
|
|
211
210
|
};
|
|
212
211
|
splitMenus: {
|
|
213
|
-
type: PropType<import("@gx-design-vue/pro-provider/dist").
|
|
212
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["splitMenus"]>;
|
|
214
213
|
default: boolean;
|
|
215
214
|
};
|
|
216
|
-
|
|
217
|
-
type: PropType<import("@gx-design-vue/pro-provider/dist").
|
|
215
|
+
fixedTabsBar: {
|
|
216
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["fixedTabsBar"]>;
|
|
218
217
|
default: boolean;
|
|
219
218
|
};
|
|
220
219
|
showProgressBar: {
|
|
221
|
-
type: PropType<import("@gx-design-vue/pro-provider/dist").
|
|
220
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["showProgressBar"]>;
|
|
222
221
|
default: boolean;
|
|
223
222
|
};
|
|
224
223
|
fixedHeader: {
|
|
225
|
-
type: PropType<import("@gx-design-vue/pro-provider/dist").
|
|
224
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["fixedHeader"]>;
|
|
226
225
|
default: boolean;
|
|
227
226
|
};
|
|
228
227
|
fixSiderbar: {
|
|
229
|
-
type: PropType<import("@gx-design-vue/pro-provider/dist").
|
|
228
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["fixSiderbar"]>;
|
|
230
229
|
default: boolean;
|
|
231
230
|
};
|
|
232
231
|
showTabsBar: {
|
|
233
|
-
type: PropType<import("@gx-design-vue/pro-provider/dist").
|
|
232
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["showTabsBar"]>;
|
|
234
233
|
default: boolean;
|
|
235
234
|
};
|
|
236
|
-
|
|
237
|
-
type: PropType<import("@gx-design-vue/pro-provider/dist").
|
|
238
|
-
default: boolean
|
|
235
|
+
storageTabsBar: {
|
|
236
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["storageTabsBar"]>;
|
|
237
|
+
default: boolean;
|
|
239
238
|
};
|
|
240
239
|
headerHeight: {
|
|
241
|
-
type: PropType<import("@gx-design-vue/pro-provider/dist").
|
|
240
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["headerHeight"]>;
|
|
242
241
|
default: number | undefined;
|
|
243
242
|
};
|
|
244
243
|
title: {
|
|
245
|
-
type: PropType<import("@gx-design-vue/pro-provider/dist").
|
|
244
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["title"]>;
|
|
246
245
|
default: string;
|
|
247
246
|
};
|
|
248
247
|
iconfontUrl: {
|
|
249
|
-
type: PropType<import("@gx-design-vue/pro-provider/dist").
|
|
248
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["iconfontUrl"]>;
|
|
250
249
|
default: string | undefined;
|
|
251
250
|
};
|
|
252
251
|
animate: {
|
|
253
|
-
type: PropType<import("@gx-design-vue/pro-provider/dist").
|
|
252
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["animate"]>;
|
|
254
253
|
default: {
|
|
255
254
|
disabled?: boolean;
|
|
256
255
|
name: string;
|
|
@@ -258,28 +257,36 @@ export declare const basicLayoutProps: {
|
|
|
258
257
|
} | undefined;
|
|
259
258
|
};
|
|
260
259
|
primaryColor: {
|
|
261
|
-
type: PropType<import("@gx-design-vue/pro-provider/dist").
|
|
260
|
+
type: PropType<import("@gx-design-vue/pro-provider/dist").ProLayoutConfig["primaryColor"]>;
|
|
262
261
|
default: string;
|
|
263
262
|
};
|
|
264
|
-
|
|
265
|
-
type: PropType<
|
|
263
|
+
suppressSiderWhenMenuEmpty: {
|
|
264
|
+
type: PropType<boolean>;
|
|
265
|
+
default: boolean;
|
|
266
|
+
};
|
|
267
|
+
siderActionsRender: {
|
|
268
|
+
type: PropType<DefaultRender>;
|
|
269
|
+
default: () => undefined;
|
|
270
|
+
};
|
|
271
|
+
menuLinksRender: {
|
|
272
|
+
type: PropType<DefaultRender>;
|
|
266
273
|
default: () => undefined;
|
|
267
274
|
};
|
|
268
275
|
menuHeaderRender: {
|
|
269
|
-
type: PropType<import("./
|
|
276
|
+
type: PropType<import("./SlotsTypings").HeaderLogoRender>;
|
|
270
277
|
default: () => undefined;
|
|
271
278
|
};
|
|
272
279
|
menuFooterRender: {
|
|
273
|
-
type: PropType<import("./
|
|
274
|
-
default: () =>
|
|
280
|
+
type: PropType<import("./SlotsTypings").MenuFooterRender>;
|
|
281
|
+
default: () => undefined;
|
|
275
282
|
};
|
|
276
283
|
menuContentRender: {
|
|
277
|
-
type: PropType<import("./
|
|
278
|
-
default: () =>
|
|
284
|
+
type: PropType<import("./SlotsTypings").MenuContentRender>;
|
|
285
|
+
default: () => undefined;
|
|
279
286
|
};
|
|
280
287
|
menuExtraRender: {
|
|
281
|
-
type: PropType<import("./
|
|
282
|
-
default: () =>
|
|
288
|
+
type: PropType<import("./SlotsTypings").MenuExtraRender>;
|
|
289
|
+
default: () => undefined;
|
|
283
290
|
};
|
|
284
291
|
breakpoint: {
|
|
285
292
|
type: PropType<import("./components/SiderMenu/typings").SiderProps["breakpoint"] | false>;
|
|
@@ -288,4 +295,10 @@ export declare const basicLayoutProps: {
|
|
|
288
295
|
onMenuClick: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
|
289
296
|
default: (...args: any[]) => any;
|
|
290
297
|
};
|
|
298
|
+
dark: {
|
|
299
|
+
type: PropType<boolean | "system">;
|
|
300
|
+
default: undefined;
|
|
301
|
+
};
|
|
302
|
+
onDarkChange: PropType<(value?: boolean | "system") => void>;
|
|
303
|
+
'onUpdate:dark': PropType<(value?: boolean | "system") => void>;
|
|
291
304
|
};
|
package/dist/style/index.d.ts
CHANGED
|
@@ -3,12 +3,5 @@ import type { ProAliasToken } from '@gx-design-vue/pro-provider';
|
|
|
3
3
|
export interface ProLayoutToken extends ProAliasToken {
|
|
4
4
|
componentCls: string;
|
|
5
5
|
}
|
|
6
|
-
/**
|
|
7
|
-
* 主要区别:
|
|
8
|
-
* 需要手动引入 import 'antd/dist/antd.css';
|
|
9
|
-
* 需要重置 menu 的样式
|
|
10
|
-
* @param token
|
|
11
|
-
* @returns
|
|
12
|
-
*/
|
|
13
6
|
export declare const compatibleStyle: GenerateStyle<ProLayoutToken>;
|
|
14
7
|
export declare const genProLayoutStyle: GenerateStyle<ProLayoutToken>;
|
package/dist/typings.d.ts
CHANGED
|
@@ -1 +1,19 @@
|
|
|
1
|
-
|
|
1
|
+
import type { CustomRender } from '@gx-design-vue/pro-utils';
|
|
2
|
+
export interface AntRoute {
|
|
3
|
+
path: string;
|
|
4
|
+
breadcrumbName: string;
|
|
5
|
+
children?: Omit<AntRoute, 'children'>[];
|
|
6
|
+
}
|
|
7
|
+
export interface BreadcrumbProps {
|
|
8
|
+
prefixCls?: string;
|
|
9
|
+
routes?: AntRoute[];
|
|
10
|
+
params?: any;
|
|
11
|
+
separator?: CustomRender;
|
|
12
|
+
itemRender?: (opts: {
|
|
13
|
+
route: AntRoute;
|
|
14
|
+
params: any;
|
|
15
|
+
routes: Array<AntRoute>;
|
|
16
|
+
paths: Array<string>;
|
|
17
|
+
}) => CustomRender;
|
|
18
|
+
}
|
|
19
|
+
export type BreadcrumbListReturn = Pick<BreadcrumbProps, Extract<keyof BreadcrumbProps, 'routes' | 'itemRender'>>;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import type { ProAliasToken
|
|
2
|
-
export declare function coverToNewToken({ type, token,
|
|
1
|
+
import type { ProAliasToken } from '@gx-design-vue/pro-provider';
|
|
2
|
+
export declare function coverToNewToken({ type, token, dark, staticToken }: {
|
|
3
3
|
staticToken: Record<string, string | number | undefined>;
|
|
4
4
|
token: ProAliasToken;
|
|
5
|
-
|
|
6
|
-
layoutThemeKey: string;
|
|
5
|
+
dark: boolean;
|
|
7
6
|
type: 'sider' | 'header';
|
|
8
7
|
}): Record<string, string | number | undefined> & {
|
|
9
8
|
[k: string]: unknown;
|
package/dist/utils/index.d.ts
CHANGED
|
@@ -1,28 +1,20 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
3
|
-
export { default as isUrl } from './isUrl';
|
|
4
|
-
export { default as isImg } from './isImg';
|
|
5
|
-
export * from './coverToNewToken';
|
|
1
|
+
import type { ProLayoutConfig } from '@gx-design-vue/pro-provider';
|
|
2
|
+
export * from './menu';
|
|
6
3
|
export * from './animate';
|
|
7
|
-
export
|
|
8
|
-
export declare function
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
export declare function handleThemeConfig(config: ThemeConfig): {
|
|
13
|
-
theme: import("@gx-design-vue/pro-provider/dist").MenuTheme | undefined;
|
|
14
|
-
layout: import("@gx-design-vue/pro-provider/dist").ThemeLayout;
|
|
4
|
+
export * from './coverToNewToken';
|
|
5
|
+
export declare function handleThemeConfig(config: ProLayoutConfig): {
|
|
6
|
+
title: string;
|
|
7
|
+
theme: import("@gx-design-vue/pro-provider/dist").BaseMenuTheme;
|
|
8
|
+
layout: import("@gx-design-vue/pro-provider/dist").ProLayoutType;
|
|
15
9
|
splitMenus: boolean;
|
|
16
|
-
fixedMultiTab: boolean;
|
|
17
10
|
fixedHeader: boolean;
|
|
18
11
|
fixSiderbar: boolean;
|
|
19
12
|
showProgressBar: boolean;
|
|
20
13
|
showTabsBar: boolean;
|
|
21
|
-
|
|
14
|
+
fixedTabsBar: boolean;
|
|
15
|
+
storageTabsBar: boolean;
|
|
22
16
|
headerHeight?: number;
|
|
23
17
|
wideWidth?: number;
|
|
24
|
-
autoHideHeader: boolean;
|
|
25
|
-
title: string;
|
|
26
18
|
colorWeak?: boolean;
|
|
27
19
|
iconfontUrl?: string;
|
|
28
20
|
animate?: {
|
|
@@ -32,11 +24,5 @@ export declare function handleThemeConfig(config: ThemeConfig): {
|
|
|
32
24
|
};
|
|
33
25
|
primaryColor: string;
|
|
34
26
|
};
|
|
35
|
-
export declare function checkThemeStatus(config: Partial<
|
|
36
|
-
export
|
|
37
|
-
/**
|
|
38
|
-
* Creates an object composed of the picked object properties.
|
|
39
|
-
* @param obj The source object
|
|
40
|
-
* @param paths The property paths to pick
|
|
41
|
-
*/
|
|
42
|
-
export declare function pick<T, K extends keyof T>(obj: T, paths: K[]): Pick<T, K>;
|
|
27
|
+
export declare function checkThemeStatus(config: Partial<ProLayoutConfig>): ProLayoutConfig;
|
|
28
|
+
export declare function removeDuplicatesByName<T>(array: T[], key: keyof T): T[];
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { RecordType } from '@gx-design-vue/pro-utils';
|
|
2
|
+
import type { AppRouteModule } from '../RouteTypings';
|
|
3
|
+
export type MenuData = {
|
|
4
|
+
menuData: AppRouteModule[];
|
|
5
|
+
breadcrumb: RecordType;
|
|
6
|
+
getLevel: () => AppRouteModule[];
|
|
7
|
+
};
|
|
8
|
+
export declare const getMenuData: (routes: AppRouteModule[]) => MenuData;
|
|
9
|
+
export declare function clearMenuItem(menusData: AppRouteModule[]): AppRouteModule[];
|
|
10
|
+
export declare function flatMap(menusData: AppRouteModule[]): AppRouteModule[];
|
|
11
|
+
export declare function getMenuFirstChildren(menus: AppRouteModule[], key?: string): AppRouteModule[];
|
|
12
|
+
export declare function getMenuFirstLastChildPath(data: AppRouteModule[]): string;
|
|
13
|
+
export declare function getMatchedList(data: AppRouteModule[], path: string): AppRouteModule[];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const layout = "::view-transition-new(root),::view-transition-old(root) {\n animation: none;\n mix-blend-mode: normal;\n}\n\n::view-transition-old(root) {\n z-index: 1;\n}\n\n::view-transition-new(root) {\n z-index: 2147483646;\n}\n\nhtml[data-theme=\"dark\"]::view-transition-old(root) {\n z-index: 2147483646;\n}\n\nhtml[data-theme=\"dark\"]::view-transition-new(root) {\n z-index: 1;\n}";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gx-design-vue/pro-layout",
|
|
3
|
-
"version": "0.1.0-beta.
|
|
3
|
+
"version": "0.1.0-beta.63",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"dev": "vite",
|
|
6
6
|
"build": "vite build",
|
|
@@ -24,14 +24,15 @@
|
|
|
24
24
|
}
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@vueuse/core": "^
|
|
28
|
-
"@gx-design-vue/pro-app": "^0.1.0-beta.
|
|
29
|
-
"@gx-design-vue/pro-utils": "^0.2.0-beta.
|
|
30
|
-
"@gx-design-vue/pro-hooks": "^0.2.0-beta.
|
|
31
|
-
"@gx-design-vue/pro-provider": "^0.1.0-beta.
|
|
32
|
-
"@gx-design-vue/pro-watermark": "^0.2.0-beta.
|
|
33
|
-
"@gx-design-vue/scrollbar": "^0.2.0-beta.
|
|
34
|
-
"@gx-design-vue/color-picker": "^0.2.0-beta.
|
|
27
|
+
"@vueuse/core": "^11.1.0",
|
|
28
|
+
"@gx-design-vue/pro-app": "^0.1.0-beta.17",
|
|
29
|
+
"@gx-design-vue/pro-utils": "^0.2.0-beta.42",
|
|
30
|
+
"@gx-design-vue/pro-hooks": "^0.2.0-beta.30",
|
|
31
|
+
"@gx-design-vue/pro-provider": "^0.1.0-beta.85",
|
|
32
|
+
"@gx-design-vue/pro-watermark": "^0.2.0-beta.9",
|
|
33
|
+
"@gx-design-vue/scrollbar": "^0.2.0-beta.17",
|
|
34
|
+
"@gx-design-vue/color-picker": "^0.2.0-beta.24",
|
|
35
|
+
"@gx-design-vue/pro-modal": "^0.2.0-beta.23",
|
|
35
36
|
"dayjs": "^1.11.0",
|
|
36
37
|
"lodash-es": "^4.17.21"
|
|
37
38
|
},
|
package/dist/PageLoading.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { SpinProps } from './_utils';
|
|
2
|
-
export type PageLoadingProps = SpinProps;
|
|
3
|
-
declare const PageLoading: import("vue").DefineComponent<{}, JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {} | {
|
|
4
|
-
[x: string]: any;
|
|
5
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
6
|
-
export default PageLoading;
|
package/dist/RenderTypings.d.ts
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import type { CustomRender, WithFalse } from '@gx-design-vue/pro-utils';
|
|
2
|
-
import type { BreadcrumbProps } from './Context';
|
|
3
|
-
import type { ProProps } from './typings';
|
|
4
|
-
import type { AppRouteModule } from './route';
|
|
5
|
-
export type DefaultPropRender = WithFalse<CustomRender>;
|
|
6
|
-
export type BreadcrumbRender = BreadcrumbProps['itemRender'];
|
|
7
|
-
export type HeaderContentRender = WithFalse<() => CustomRender>;
|
|
8
|
-
export type HeaderRender = WithFalse<(props: ProProps) => CustomRender>;
|
|
9
|
-
export type FooterRender = WithFalse<(props: ProProps) => CustomRender>;
|
|
10
|
-
export type RightContentRender = WithFalse<(props: ProProps) => CustomRender>;
|
|
11
|
-
export type MenuItemRender = WithFalse<(args: {
|
|
12
|
-
item: AppRouteModule;
|
|
13
|
-
title?: JSX.Element;
|
|
14
|
-
icon?: JSX.Element;
|
|
15
|
-
}) => CustomRender>;
|
|
16
|
-
export type SubMenuItemRender = WithFalse<(args: {
|
|
17
|
-
item: AppRouteModule;
|
|
18
|
-
children?: CustomRender[];
|
|
19
|
-
}) => CustomRender>;
|
|
20
|
-
export type LinksRender = WithFalse<CustomRender>;
|
|
21
|
-
export type MenuContentRender = WithFalse<(props: ProProps, defaultDom: CustomRender) => CustomRender>;
|
|
22
|
-
export type MenuFooterRender = WithFalse<(props?: ProProps) => CustomRender>;
|
|
23
|
-
export type MenuExtraRender = WithFalse<(props?: ProProps) => CustomRender>;
|
|
24
|
-
export type LogoRender = WithFalse<CustomRender>;
|
|
25
|
-
export type ExtraRightDropdownRender = WithFalse<CustomRender>;
|
|
26
|
-
export type HeaderLogoRender = WithFalse<(logo: CustomRender, title: CustomRender, props?: ProProps) => CustomRender>;
|
|
27
|
-
export type CopyrightRender = WithFalse<CustomRender>;
|
|
28
|
-
export type CollapsedButtonRender = WithFalse<(collapsed?: boolean) => CustomRender>;
|
|
29
|
-
export type PageHeaderRender = WithFalse<(props?: ProProps) => CustomRender>;
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import type { ExtractPropTypes, PropType } from 'vue';
|
|
2
|
-
import multiTabProps from './props';
|
|
3
|
-
import type { AppRouteModule } from '../../route';
|
|
4
|
-
export type MultiTabProps = Partial<ExtractPropTypes<typeof multiTabProps>>;
|
|
5
|
-
export declare function hanlePathKey(record: AppRouteModule): string;
|
|
6
|
-
declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
|
|
7
|
-
visible: {
|
|
8
|
-
type: PropType<boolean>;
|
|
9
|
-
default: boolean;
|
|
10
|
-
};
|
|
11
|
-
loading: import("vue-types").VueTypeValidableDef<boolean>;
|
|
12
|
-
isMobile: import("vue-types").VueTypeValidableDef<boolean>;
|
|
13
|
-
collapsed: {
|
|
14
|
-
type: PropType<boolean | undefined>;
|
|
15
|
-
default: () => boolean;
|
|
16
|
-
};
|
|
17
|
-
siderWidth: import("vue-types").VueTypeValidableDef<number> & {
|
|
18
|
-
default: number;
|
|
19
|
-
} & {
|
|
20
|
-
default: number;
|
|
21
|
-
};
|
|
22
|
-
collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
|
|
23
|
-
default: number;
|
|
24
|
-
} & {
|
|
25
|
-
default: number;
|
|
26
|
-
};
|
|
27
|
-
isFixedMultiTab: {
|
|
28
|
-
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedMultiTab"]>;
|
|
29
|
-
default: boolean;
|
|
30
|
-
};
|
|
31
|
-
onReloadPage: {
|
|
32
|
-
type: PropType<() => void>;
|
|
33
|
-
};
|
|
34
|
-
onChangeTabs: {
|
|
35
|
-
type: PropType<(list: AppRouteModule[]) => void>;
|
|
36
|
-
};
|
|
37
|
-
'onUpdate:tabs': {
|
|
38
|
-
type: PropType<(list: AppRouteModule[]) => void>;
|
|
39
|
-
};
|
|
40
|
-
}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
|
|
41
|
-
visible: {
|
|
42
|
-
type: PropType<boolean>;
|
|
43
|
-
default: boolean;
|
|
44
|
-
};
|
|
45
|
-
loading: import("vue-types").VueTypeValidableDef<boolean>;
|
|
46
|
-
isMobile: import("vue-types").VueTypeValidableDef<boolean>;
|
|
47
|
-
collapsed: {
|
|
48
|
-
type: PropType<boolean | undefined>;
|
|
49
|
-
default: () => boolean;
|
|
50
|
-
};
|
|
51
|
-
siderWidth: import("vue-types").VueTypeValidableDef<number> & {
|
|
52
|
-
default: number;
|
|
53
|
-
} & {
|
|
54
|
-
default: number;
|
|
55
|
-
};
|
|
56
|
-
collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
|
|
57
|
-
default: number;
|
|
58
|
-
} & {
|
|
59
|
-
default: number;
|
|
60
|
-
};
|
|
61
|
-
isFixedMultiTab: {
|
|
62
|
-
type: PropType<import("@gx-design-vue/pro-provider/dist").ThemeConfig["fixedMultiTab"]>;
|
|
63
|
-
default: boolean;
|
|
64
|
-
};
|
|
65
|
-
onReloadPage: {
|
|
66
|
-
type: PropType<() => void>;
|
|
67
|
-
};
|
|
68
|
-
onChangeTabs: {
|
|
69
|
-
type: PropType<(list: AppRouteModule[]) => void>;
|
|
70
|
-
};
|
|
71
|
-
'onUpdate:tabs': {
|
|
72
|
-
type: PropType<(list: AppRouteModule[]) => void>;
|
|
73
|
-
};
|
|
74
|
-
}>> & Readonly<{}>, {
|
|
75
|
-
siderWidth: number;
|
|
76
|
-
visible: boolean;
|
|
77
|
-
collapsed: boolean | undefined;
|
|
78
|
-
collapsedWidth: number;
|
|
79
|
-
isFixedMultiTab: boolean;
|
|
80
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
81
|
-
export default _default;
|