@gx-design-vue/pro-layout 0.1.0-beta.6 → 0.1.0-beta.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 (73) hide show
  1. package/README.md +3 -3
  2. package/dist/pro-layout.js +18696 -0
  3. package/dist/pro-layout.umd.cjs +89 -0
  4. package/package.json +24 -45
  5. package/dist/Context.d.ts +0 -55
  6. package/dist/PageLoading.d.ts +0 -6
  7. package/dist/ProLayout.d.ts +0 -636
  8. package/dist/RenderTypings.d.ts +0 -29
  9. package/dist/WrapContent.d.ts +0 -12
  10. package/dist/_utils/ant-design-vue/index.d.ts +0 -3
  11. package/dist/_utils/ant-design-vue/spin.d.ts +0 -1
  12. package/dist/_utils/index.d.ts +0 -1
  13. package/dist/components/GlobalFooter/index.d.ts +0 -68
  14. package/dist/components/GlobalFooter/style.d.ts +0 -3
  15. package/dist/components/GlobalHeader/DefaultHeader.d.ts +0 -634
  16. package/dist/components/GlobalHeader/index.d.ts +0 -330
  17. package/dist/components/GlobalHeader/props.d.ts +0 -282
  18. package/dist/components/GlobalHeader/style/globalHeader.d.ts +0 -3
  19. package/dist/components/GlobalHeader/style/index.d.ts +0 -3
  20. package/dist/components/LogoContent/index.d.ts +0 -82
  21. package/dist/components/LogoContent/props.d.ts +0 -38
  22. package/dist/components/LogoContent/style.d.ts +0 -3
  23. package/dist/components/MultiTab/index.d.ts +0 -80
  24. package/dist/components/MultiTab/props.d.ts +0 -34
  25. package/dist/components/MultiTab/style.d.ts +0 -8
  26. package/dist/components/MultiTab/utils/config.d.ts +0 -4
  27. package/dist/components/PageContainer/PageHeader.d.ts +0 -14
  28. package/dist/components/PageContainer/index.d.ts +0 -49
  29. package/dist/components/PageContainer/props.d.ts +0 -23
  30. package/dist/components/PageContainer/style/index.d.ts +0 -8
  31. package/dist/components/PageContainer/style/pageHeader.d.ts +0 -3
  32. package/dist/components/PageTranstion/index.d.ts +0 -35
  33. package/dist/components/PageTranstion/keyFrame/back.d.ts +0 -12
  34. package/dist/components/PageTranstion/keyFrame/bounce.d.ts +0 -14
  35. package/dist/components/PageTranstion/keyFrame/fade.d.ts +0 -30
  36. package/dist/components/PageTranstion/keyFrame/flip.d.ts +0 -8
  37. package/dist/components/PageTranstion/keyFrame/lightSpeed.d.ts +0 -8
  38. package/dist/components/PageTranstion/keyFrame/roll.d.ts +0 -6
  39. package/dist/components/PageTranstion/keyFrame/rotate.d.ts +0 -14
  40. package/dist/components/PageTranstion/keyFrame/slide.d.ts +0 -12
  41. package/dist/components/PageTranstion/keyFrame/zoom.d.ts +0 -14
  42. package/dist/components/PageTranstion/style.d.ts +0 -4
  43. package/dist/components/SettingDrawer/BlockCheckbox.d.ts +0 -58
  44. package/dist/components/SettingDrawer/OthersChange.d.ts +0 -18
  45. package/dist/components/SettingDrawer/RegionalChange.d.ts +0 -46
  46. package/dist/components/SettingDrawer/ThemeColor.d.ts +0 -46
  47. package/dist/components/SettingDrawer/ThemeEditor.d.ts +0 -10
  48. package/dist/components/SettingDrawer/index.d.ts +0 -64
  49. package/dist/components/SettingDrawer/style/index.d.ts +0 -3
  50. package/dist/components/SettingDrawer/style/others.d.ts +0 -3
  51. package/dist/components/SettingDrawer/style/theme.d.ts +0 -3
  52. package/dist/components/SettingDrawer/utils/config.d.ts +0 -12
  53. package/dist/components/SiderMenu/BaseMenu.d.ts +0 -284
  54. package/dist/components/SiderMenu/SiderMenu.d.ts +0 -431
  55. package/dist/components/SiderMenu/index.d.ts +0 -429
  56. package/dist/components/SiderMenu/props.d.ts +0 -306
  57. package/dist/components/SiderMenu/style.d.ts +0 -6
  58. package/dist/components/SiderMenu/typings.d.ts +0 -34
  59. package/dist/defaultSettings.d.ts +0 -84
  60. package/dist/hooks/context/index.d.ts +0 -5
  61. package/dist/index.d.ts +0 -29
  62. package/dist/pro-layout.mjs +0 -7417
  63. package/dist/pro-layout.umd.js +0 -19
  64. package/dist/props.d.ts +0 -285
  65. package/dist/route.d.ts +0 -63
  66. package/dist/style/index.d.ts +0 -14
  67. package/dist/typings.d.ts +0 -1
  68. package/dist/utils/animate.d.ts +0 -8
  69. package/dist/utils/coverToNewToken.d.ts +0 -4
  70. package/dist/utils/getMenuData.d.ts +0 -8
  71. package/dist/utils/index.d.ts +0 -41
  72. package/dist/utils/isImg/index.d.ts +0 -3
  73. package/dist/utils/isUrl/index.d.ts +0 -2
package/dist/props.d.ts DELETED
@@ -1,285 +0,0 @@
1
- import type { PropType, CSSProperties } from 'vue';
2
- import type { BaseLayoutDesignToken } from '@gx-design-vue/pro-provider';
3
- import type { AppRouteModule } from './route';
4
- import type { BreadcrumbProps } from './Context';
5
- import type { FooterRender, CopyrightRender } from './RenderTypings';
6
- import type { Links } from './components/GlobalFooter';
7
- export declare const basicLayoutProps: {
8
- pure: BooleanConstructor;
9
- token: PropType<BaseLayoutDesignToken>;
10
- waterMark: {
11
- type: PropType<boolean>;
12
- default: boolean;
13
- };
14
- /**
15
- * 是否禁用移动端模式,有的管理系统不需要移动端模式,此属性设置为true即可
16
- */
17
- disableMobile: {
18
- type: BooleanConstructor;
19
- required: boolean;
20
- };
21
- contentStyle: {
22
- type: PropType<CSSProperties>;
23
- default: () => null;
24
- };
25
- breadcrumb: {
26
- type: PropType<BreadcrumbProps>;
27
- default: () => null;
28
- };
29
- disableContentMargin: import("vue-types").VueTypeValidableDef<boolean>;
30
- isChildrenLayout: import("vue-types").VueTypeValidableDef<boolean>;
31
- loading: import("vue-types").VueTypeValidableDef<boolean>;
32
- footerLinks: {
33
- type: PropType<Links>;
34
- default: ({
35
- key: string;
36
- title: string;
37
- href: string;
38
- blankTarget: boolean;
39
- } | {
40
- key: string;
41
- title: JSX.Element;
42
- href: string;
43
- blankTarget: boolean;
44
- })[];
45
- };
46
- copyrightRender: {
47
- type: PropType<CopyrightRender>;
48
- default: () => undefined;
49
- };
50
- footerRender: {
51
- type: PropType<FooterRender>;
52
- default: () => undefined;
53
- };
54
- menuData: {
55
- type: PropType<AppRouteModule[]>;
56
- default: () => AppRouteModule[];
57
- };
58
- collapsed: import("vue-types").VueTypeValidableDef<boolean>;
59
- pageHeaderRender: {
60
- type: PropType<import("./RenderTypings").PageHeaderRender>;
61
- default: () => undefined;
62
- };
63
- pageContentStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
64
- usePageCard: import("vue-types").VueTypeValidableDef<boolean> & {
65
- default: boolean;
66
- } & {
67
- default: boolean;
68
- };
69
- pageCardProps: PropType<{
70
- loading: boolean;
71
- bodyStyle: CSSProperties;
72
- }>;
73
- isMobile: import("vue-types").VueTypeValidableDef<boolean>;
74
- siderWidth: import("vue-types").VueTypeValidableDef<number> & {
75
- default: number;
76
- } & {
77
- default: number;
78
- };
79
- collapsedWidth: import("vue-types").VueTypeValidableDef<number> & {
80
- default: number;
81
- } & {
82
- default: number;
83
- };
84
- isFixedMultiTab: {
85
- type: PropType<boolean>;
86
- default: boolean;
87
- };
88
- onReloadPage: {
89
- type: PropType<() => void>;
90
- };
91
- onChangeTabs: {
92
- type: PropType<(list: AppRouteModule[]) => void>;
93
- };
94
- 'onUpdate:tabs': {
95
- type: PropType<(list: AppRouteModule[]) => void>;
96
- };
97
- headerTitleRender: {
98
- 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>>;
99
- default: () => undefined;
100
- };
101
- headerRender: {
102
- 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>>;
103
- default: () => undefined;
104
- };
105
- headerContentRender: {
106
- type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(props: any) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
107
- default: () => undefined;
108
- };
109
- hasSiderMenu: PropType<boolean>;
110
- logo: {
111
- type: PropType<import("@gx-design-vue/pro-utils/dist").CustomRender>;
112
- default: () => undefined;
113
- };
114
- logoStyle: {
115
- type: PropType<CSSProperties>;
116
- default: () => undefined;
117
- };
118
- logoDirection: {
119
- type: PropType<"horizontal" | "vertical">;
120
- default: string;
121
- };
122
- menuLoading: PropType<boolean>;
123
- autoHideHeader: PropType<boolean>;
124
- headerTheme: {
125
- type: PropType<import("@gx-design-vue/pro-provider").ThemeType>;
126
- default: string;
127
- };
128
- menuRender: {
129
- 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>>;
130
- default: () => undefined;
131
- };
132
- extraRightDropdownRender: {
133
- type: PropType<import("./RenderTypings").ExtraRightDropdownRender>;
134
- default: () => undefined;
135
- };
136
- rightContentRender: {
137
- type: PropType<import("./RenderTypings").RightContentRender>;
138
- default: () => undefined;
139
- };
140
- collapsedButtonRender: {
141
- type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(collapsed?: boolean | undefined) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
142
- default: () => undefined;
143
- };
144
- matchMenuKeys: {
145
- type: PropType<string[]>;
146
- default: () => never[];
147
- };
148
- onCollapse: {
149
- type: PropType<(collapsed: boolean) => void>;
150
- };
151
- onOpenKeys: {
152
- type: PropType<(openKeys: import("@gx-design-vue/pro-utils/dist").WithFalse<string[]>) => void>;
153
- };
154
- onMenuHeaderClick: PropType<Function>;
155
- onSelect: {
156
- type: PropType<(selectedKeys: import("@gx-design-vue/pro-utils/dist").WithFalse<string[]>) => void>;
157
- };
158
- theme: {
159
- type: PropType<import("@gx-design-vue/pro-provider").ThemeType | undefined>;
160
- default: import("@gx-design-vue/pro-provider").ThemeType | undefined;
161
- };
162
- layout: {
163
- type: PropType<"side" | "mix" | "simple" | "wide">;
164
- default: "side" | "mix" | "simple" | "wide";
165
- };
166
- wideWidth: {
167
- type: PropType<number | undefined>;
168
- default: number | undefined;
169
- };
170
- splitMenus: {
171
- type: PropType<boolean>;
172
- default: boolean;
173
- };
174
- fixedMultiTab: {
175
- type: PropType<boolean>;
176
- default: boolean;
177
- };
178
- showProgressBar: {
179
- type: PropType<boolean>;
180
- default: boolean;
181
- };
182
- fixedHeader: {
183
- type: PropType<boolean>;
184
- default: boolean;
185
- };
186
- fixSiderbar: {
187
- type: PropType<boolean>;
188
- default: boolean;
189
- };
190
- showTabsBar: {
191
- type: PropType<boolean>;
192
- default: boolean;
193
- };
194
- showFullScreen: {
195
- type: PropType<boolean | undefined>;
196
- default: boolean | undefined;
197
- };
198
- headerHeight: {
199
- type: PropType<number | undefined>;
200
- default: number | undefined;
201
- };
202
- title: {
203
- type: PropType<string>;
204
- default: string;
205
- };
206
- iconfontUrl: {
207
- type: PropType<string | undefined>;
208
- default: string | undefined;
209
- };
210
- animate: {
211
- type: PropType<{
212
- disabled?: boolean | undefined;
213
- name: string;
214
- direction: string;
215
- } | undefined>;
216
- default: {
217
- disabled?: boolean | undefined;
218
- name: string;
219
- direction: string;
220
- } | undefined;
221
- };
222
- primaryColor: {
223
- type: PropType<string>;
224
- default: string;
225
- };
226
- links: {
227
- type: PropType<import("./RenderTypings").LinksRender>;
228
- default: () => undefined;
229
- };
230
- menuHeaderRender: {
231
- type: PropType<import("./RenderTypings").HeaderLogoRender>;
232
- default: () => undefined;
233
- };
234
- menuFooterRender: {
235
- type: PropType<import("./RenderTypings").MenuFooterRender>;
236
- default: () => boolean;
237
- };
238
- menuContentRender: {
239
- type: PropType<import("./RenderTypings").MenuContentRender>;
240
- default: () => boolean;
241
- };
242
- menuExtraRender: {
243
- type: PropType<import("./RenderTypings").MenuExtraRender>;
244
- default: () => boolean;
245
- };
246
- breakpoint: {
247
- type: PropType<false | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | undefined>;
248
- default: () => boolean;
249
- };
250
- onMenuClick: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
251
- default: (...args: any[]) => any;
252
- };
253
- mode: {
254
- type: PropType<import("ant-design-vue").MenuMode>;
255
- default: string;
256
- };
257
- openKeys: {
258
- type: PropType<boolean | string[]>;
259
- default: () => never[];
260
- };
261
- selectedKeys: {
262
- type: PropType<string[]>;
263
- default: () => never[];
264
- };
265
- menuProps: {
266
- type: PropType<Record<string, any>>;
267
- default: () => null;
268
- };
269
- menuItemRender: {
270
- type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
271
- item: AppRouteModule;
272
- title?: JSX.Element | undefined;
273
- icon?: JSX.Element | undefined;
274
- }) => import("@gx-design-vue/pro-utils/dist").CustomRender> | undefined>;
275
- default: () => boolean;
276
- };
277
- subMenuItemRender: {
278
- type: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(args: {
279
- item: AppRouteModule;
280
- children?: import("@gx-design-vue/pro-utils/dist").CustomRender[] | undefined;
281
- }) => import("@gx-design-vue/pro-utils/dist").CustomRender> | undefined>;
282
- default: () => boolean;
283
- };
284
- onClick: PropType<(...args: any) => void>;
285
- };
package/dist/route.d.ts DELETED
@@ -1,63 +0,0 @@
1
- import type { defineComponent } from 'vue';
2
- import type { RouteRecordRaw } from 'vue-router';
3
- import type { RecordType } from '@gx-design-vue/pro-utils';
4
- export type Component<T = any> = ReturnType<typeof defineComponent> | (() => Promise<typeof import('*.vue')>) | (() => Promise<T>);
5
- export type AppRouteModule = {
6
- meta?: Meta;
7
- query?: RecordType;
8
- params?: RecordType;
9
- fullPath?: string;
10
- linkPath?: string;
11
- children?: AppRouteModule[];
12
- hidden?: boolean;
13
- component?: Component;
14
- } & Omit<RouteRecordRaw, 'meta' | 'children'>;
15
- export interface MenuDataItem extends MenuMeta {
16
- id?: number;
17
- menuId?: number;
18
- parentId?: number;
19
- createTime?: string;
20
- orderNum?: string;
21
- name?: string;
22
- path?: string;
23
- fullPath?: string;
24
- target?: string;
25
- linkPath?: string;
26
- key?: string;
27
- redirect?: string;
28
- component?: string;
29
- hidden?: boolean;
30
- meta?: MenuMeta;
31
- children?: MenuDataItem[];
32
- }
33
- export interface MenuMeta {
34
- title?: string;
35
- isFrame?: '0' | '1';
36
- menuType?: 'M' | 'C' | null;
37
- homePage?: 1 | 0;
38
- homePageFlag?: 1 | 0;
39
- icon?: string;
40
- iconType?: 0 | 1 | 2;
41
- outLinkType?: 0 | 1;
42
- targetStatus?: 0 | 1;
43
- tagHidden?: '0' | '1' | boolean;
44
- tagFixed?: '0' | '1' | boolean;
45
- keepAlive?: boolean;
46
- }
47
- export interface Meta {
48
- title?: string;
49
- homePage?: 1 | 0;
50
- icon?: string;
51
- iconType?: number;
52
- hidden?: boolean;
53
- hideInMenu?: boolean;
54
- hideChildrenInMenu?: boolean;
55
- targetStatus?: number;
56
- target?: string;
57
- tagHidden?: boolean;
58
- tagFixed?: boolean;
59
- type?: string;
60
- disabled?: boolean;
61
- danger?: boolean;
62
- keepAlive?: boolean;
63
- }
@@ -1,14 +0,0 @@
1
- import type { GenerateStyle } from 'ant-design-vue/es/theme/internal';
2
- import type { ProAliasToken } from '@gx-design-vue/pro-provider';
3
- export interface ProLayoutToken extends ProAliasToken {
4
- componentCls: string;
5
- }
6
- /**
7
- * 主要区别:
8
- * 需要手动引入 import 'antd/dist/antd.css';
9
- * 需要重置 menu 的样式
10
- * @param token
11
- * @returns
12
- */
13
- export declare const compatibleStyle: GenerateStyle<ProLayoutToken>;
14
- export declare const genProLayoutStyle: GenerateStyle<ProLayoutToken>;
package/dist/typings.d.ts DELETED
@@ -1 +0,0 @@
1
- export type ProProps = Record<never, never>;
@@ -1,8 +0,0 @@
1
- export interface AnimateConfig {
2
- preset: {
3
- name: string;
4
- alias: string;
5
- directions: string[];
6
- }[];
7
- }
8
- export declare const animateSeting: AnimateConfig;
@@ -1,4 +0,0 @@
1
- import type { ProAliasToken, ThemeConfig } from '@gx-design-vue/pro-provider';
2
- export declare function coverToNewToken(staticToken: Record<string, string | number | undefined>, token: Partial<ProAliasToken>, theme: ThemeConfig['theme'], type: 'sider' | 'header'): {
3
- [x: string]: string | number | undefined;
4
- };
@@ -1,8 +0,0 @@
1
- import type { RecordType } from '@gx-design-vue/pro-utils';
2
- import type { AppRouteModule } from '../route';
3
- export { clearMenuItem, flatMap, getMenuFirstChildren } from './index';
4
- export type MenuData = {
5
- menuData: AppRouteModule[];
6
- breadcrumb: RecordType;
7
- };
8
- export declare const getMenuData: (routes: AppRouteModule[]) => MenuData;
@@ -1,41 +0,0 @@
1
- import type { AppRouteModule } from '../route';
2
- import type { ThemeConfig } from '@gx-design-vue/pro-provider';
3
- export { default as isUrl } from './isUrl';
4
- export { default as isImg } from './isImg';
5
- export * from './coverToNewToken';
6
- export * from './animate';
7
- export declare function clearMenuItem(menusData: AppRouteModule[]): AppRouteModule[];
8
- export declare function flatMap(menusData: AppRouteModule[]): AppRouteModule[];
9
- export declare function getMenuFirstChildren(menus: AppRouteModule[], key?: string): AppRouteModule[];
10
- export declare function getMenuFirstLastChildPath(data: AppRouteModule[]): string;
11
- export declare function handleThemeConfig(config: ThemeConfig): {
12
- theme: import("@gx-design-vue/pro-provider").ThemeType | undefined;
13
- layout: "side" | "mix" | "simple" | "wide";
14
- splitMenus: boolean;
15
- fixedMultiTab: boolean;
16
- fixedHeader: boolean;
17
- fixSiderbar: boolean;
18
- showProgressBar: boolean;
19
- showTabsBar: boolean;
20
- showFullScreen?: boolean | undefined;
21
- headerHeight?: number | undefined;
22
- wideWidth?: number | undefined;
23
- autoHideHeader: boolean;
24
- title: string;
25
- colorWeak?: boolean | undefined;
26
- iconfontUrl?: string | undefined;
27
- animate?: {
28
- disabled?: boolean | undefined;
29
- name: string;
30
- direction: string;
31
- } | undefined;
32
- primaryColor: string;
33
- };
34
- export declare function checkThemeStatus(config: Partial<ThemeConfig>): ThemeConfig;
35
- export type StringKeyOf<T> = Extract<keyof T, string>;
36
- /**
37
- * Creates an object composed of the picked object properties.
38
- * @param obj The source object
39
- * @param paths The property paths to pick
40
- */
41
- export declare function pick<T, K extends keyof T>(obj: T, paths: K[]): Pick<T, K>;
@@ -1,3 +0,0 @@
1
- /** 判断是否是图片链接 */
2
- declare function isImg(path: string): boolean;
3
- export default isImg;
@@ -1,2 +0,0 @@
1
- declare const isUrl: (path: string) => boolean;
2
- export default isUrl;