@gx-design-vue/pro-layout 0.1.0-alpha.2 → 0.1.0-alpha.21
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/ProLayout.d.ts +4 -536
- package/dist/ProLayout.js +489 -358
- package/dist/components/AppPage/context.d.ts +4 -3
- package/dist/components/AppPage/context.js +3 -5
- package/dist/components/AppPage/index.d.ts +29 -52
- package/dist/components/AppPage/index.js +71 -54
- package/dist/components/AppPage/style.d.ts +8 -7
- package/dist/components/AppPage/style.js +16 -17
- package/dist/components/Breadcrumb/index.d.ts +19 -0
- package/dist/components/Breadcrumb/index.js +129 -0
- package/dist/components/Breadcrumb/interface.d.ts +33 -0
- package/dist/components/Breadcrumb/interface.js +1 -0
- package/dist/components/CollapseButton/Arrow.d.ts +4 -0
- package/dist/components/{SiderMenu → CollapseButton}/Arrow.js +2 -4
- package/dist/components/CollapseButton/index.d.ts +7 -0
- package/dist/components/CollapseButton/index.js +45 -0
- package/dist/components/CollapseButton/interface.d.ts +19 -0
- package/dist/components/CollapseButton/interface.js +1 -0
- package/dist/components/Footer/index.d.ts +10 -0
- package/dist/components/Footer/index.js +69 -0
- package/dist/components/Footer/interface.d.ts +22 -0
- package/dist/components/Footer/interface.js +1 -0
- package/dist/components/FooterToolbar/index.d.ts +5 -72
- package/dist/components/FooterToolbar/index.js +77 -90
- package/dist/components/FooterToolbar/style.d.ts +10 -0
- package/dist/components/FooterToolbar/style.js +34 -0
- package/dist/components/Header/index.d.ts +7 -0
- package/dist/components/Header/index.js +140 -0
- package/dist/components/Header/interface.d.ts +41 -0
- package/dist/components/Header/interface.js +1 -0
- package/dist/components/Logo/index.d.ts +9 -0
- package/dist/components/Logo/index.js +63 -0
- package/dist/components/Logo/interface.d.ts +13 -0
- package/dist/components/Logo/interface.js +1 -0
- package/dist/components/Menu/iconRender.d.ts +10 -0
- package/dist/components/Menu/iconRender.js +23 -0
- package/dist/components/Menu/index.d.ts +13 -0
- package/dist/components/Menu/index.js +778 -0
- package/dist/components/Menu/interface.d.ts +50 -0
- package/dist/components/Menu/interface.js +9 -0
- package/dist/components/Menu/overflow.d.ts +39 -0
- package/dist/components/Menu/overflow.js +81 -0
- package/dist/components/Menu/style/base.d.ts +12 -0
- package/dist/components/Menu/style/base.js +36 -0
- package/dist/components/Menu/style/horizontal.d.ts +19 -0
- package/dist/components/Menu/style/horizontal.js +303 -0
- package/dist/components/Menu/style/index.d.ts +356 -0
- package/dist/components/Menu/style/index.js +147 -0
- package/dist/components/Menu/style/inline.d.ts +13 -0
- package/dist/components/Menu/style/inline.js +292 -0
- package/dist/components/PageContainer/PageHeader.d.ts +30 -36
- package/dist/components/PageContainer/PageHeader.js +80 -46
- package/dist/components/PageContainer/index.d.ts +8 -194
- package/dist/components/PageContainer/index.js +297 -209
- package/dist/components/PageContainer/style.d.ts +5 -0
- package/dist/components/PageContainer/style.js +142 -0
- package/dist/components/PageTransition/animate.d.ts +41 -0
- package/dist/components/PageTransition/animate.js +106 -0
- package/dist/components/PageTransition/index.d.ts +57 -0
- package/dist/components/PageTransition/index.js +66 -0
- package/dist/components/{PageTranstion → PageTransition}/keyFrame/back.d.ts +4 -4
- package/dist/components/{PageTranstion → PageTransition}/keyFrame/back.js +2 -4
- package/dist/components/{PageTranstion → PageTransition}/keyFrame/bounce.d.ts +4 -4
- package/dist/components/{PageTranstion → PageTransition}/keyFrame/bounce.js +2 -4
- package/dist/components/{PageTranstion → PageTransition}/keyFrame/fade.d.ts +4 -4
- package/dist/components/{PageTranstion → PageTransition}/keyFrame/fade.js +2 -4
- package/dist/components/{PageTranstion → PageTransition}/keyFrame/flip.d.ts +4 -4
- package/dist/components/{PageTranstion → PageTransition}/keyFrame/flip.js +2 -4
- package/dist/components/{PageTranstion → PageTransition}/keyFrame/lightSpeed.d.ts +4 -4
- package/dist/components/{PageTranstion → PageTransition}/keyFrame/lightSpeed.js +2 -4
- package/dist/components/PageTransition/keyFrame/roll.d.ts +10 -0
- package/dist/components/{PageTranstion → PageTransition}/keyFrame/roll.js +2 -4
- package/dist/components/{PageTranstion → PageTransition}/keyFrame/rotate.d.ts +4 -4
- package/dist/components/{PageTranstion → PageTransition}/keyFrame/rotate.js +2 -4
- package/dist/components/{PageTranstion → PageTransition}/keyFrame/slide.d.ts +4 -4
- package/dist/components/{PageTranstion → PageTransition}/keyFrame/slide.js +2 -4
- package/dist/components/{PageTranstion → PageTransition}/keyFrame/zoom.d.ts +4 -4
- package/dist/components/{PageTranstion → PageTransition}/keyFrame/zoom.js +2 -4
- package/dist/components/PageTransition/style.d.ts +11 -0
- package/dist/components/{PageTranstion → PageTransition}/style.js +9 -13
- package/dist/components/Sider/index.d.ts +7 -0
- package/dist/components/Sider/index.js +206 -0
- package/dist/components/Sider/interface.d.ts +39 -0
- package/dist/components/Sider/interface.js +1 -0
- package/dist/components/Tabs/InnerTabs.d.ts +7 -0
- package/dist/components/Tabs/InnerTabs.js +117 -0
- package/dist/components/Tabs/contextMenu.d.ts +41 -0
- package/dist/components/Tabs/contextMenu.js +89 -0
- package/dist/components/Tabs/hooks/flipAnimate.d.ts +24 -0
- package/dist/components/Tabs/hooks/flipAnimate.js +40 -0
- package/dist/components/Tabs/hooks/useAutoScroll.d.ts +27 -0
- package/dist/components/Tabs/hooks/useAutoScroll.js +122 -0
- package/dist/components/Tabs/hooks/useTabDrag.d.ts +31 -0
- package/dist/components/Tabs/hooks/useTabDrag.js +252 -0
- package/dist/components/Tabs/index.d.ts +13 -0
- package/dist/components/Tabs/index.js +181 -0
- package/dist/components/Tabs/interface.d.ts +74 -0
- package/dist/components/Tabs/interface.js +1 -0
- package/dist/components/Tabs/style/index.d.ts +35 -0
- package/dist/components/Tabs/style/index.js +161 -0
- package/dist/components/WrapContent/index.d.ts +9 -0
- package/dist/components/WrapContent/index.js +26 -0
- package/dist/components/WrapContent/interface.d.ts +15 -0
- package/dist/components/WrapContent/interface.js +1 -0
- package/dist/context/index.d.ts +53 -0
- package/dist/context/index.js +5 -0
- package/dist/defaultConfig.d.ts +10 -0
- package/dist/defaultConfig.js +38 -0
- package/dist/hooks/useLayoutBase.d.ts +78 -0
- package/dist/hooks/useLayoutBase.js +86 -0
- package/dist/hooks/useMenu.d.ts +77 -0
- package/dist/hooks/useMenu.js +166 -0
- package/dist/hooks/useTabs.d.ts +54 -0
- package/dist/hooks/useTabs.js +388 -0
- package/dist/index.d.ts +22 -27
- package/dist/index.js +15 -24
- package/dist/interface.d.ts +516 -0
- package/dist/interface.js +34 -0
- package/dist/pro-layout.esm.js +5848 -5075
- package/dist/pro-layout.js +16 -37
- package/dist/style/breadcrumb.d.ts +8 -0
- package/dist/style/breadcrumb.js +77 -0
- package/dist/style/collapseButton.d.ts +8 -0
- package/dist/style/collapseButton.js +57 -0
- package/dist/style/content.d.ts +8 -0
- package/dist/style/content.js +29 -0
- package/dist/style/footer.d.ts +8 -0
- package/dist/style/footer.js +33 -0
- package/dist/style/header.d.ts +8 -0
- package/dist/style/header.js +76 -0
- package/dist/style/index.d.ts +3 -22
- package/dist/style/index.js +51 -55
- package/dist/style/logo.d.ts +8 -0
- package/dist/style/logo.js +76 -0
- package/dist/style/menu.d.ts +15 -0
- package/dist/style/menu.js +49 -0
- package/dist/style/rightContent.d.ts +12 -0
- package/dist/style/rightContent.js +74 -0
- package/dist/style/search.d.ts +12 -0
- package/dist/style/search.js +94 -0
- package/dist/style/sider.d.ts +8 -0
- package/dist/style/sider.js +92 -0
- package/dist/style/tabs.d.ts +14 -0
- package/dist/style/tabs.js +97 -0
- package/dist/theme/augment.d.ts +20 -0
- package/dist/theme/augment.js +1 -0
- package/dist/theme/interface/components.d.ts +20 -0
- package/dist/theme/interface/components.js +1 -0
- package/dist/utils/config.d.ts +12 -0
- package/dist/utils/config.js +18 -0
- package/dist/utils/menu.d.ts +111 -20
- package/dist/utils/menu.js +263 -118
- package/dist/utils/style.d.ts +4 -0
- package/dist/utils/style.js +21 -0
- package/dist/utils/themeComponents.d.ts +28 -0
- package/dist/utils/themeComponents.js +89 -0
- package/package.json +24 -15
- package/dist/Context/expose.d.ts +0 -6
- package/dist/Context/expose.js +0 -7
- package/dist/Context/index.d.ts +0 -43
- package/dist/Context/index.js +0 -18
- package/dist/WrapContent.d.ts +0 -100
- package/dist/WrapContent.js +0 -45
- package/dist/components/BaseMenu/index.d.ts +0 -255
- package/dist/components/BaseMenu/index.js +0 -381
- package/dist/components/BaseMenu/props.d.ts +0 -105
- package/dist/components/BaseMenu/props.js +0 -94
- package/dist/components/BaseMenu/style.d.ts +0 -6
- package/dist/components/BaseMenu/style.js +0 -155
- package/dist/components/BreadCrumb/Breadcrumb.d.ts +0 -33
- package/dist/components/BreadCrumb/Breadcrumb.js +0 -75
- package/dist/components/BreadCrumb/index.d.ts +0 -7
- package/dist/components/BreadCrumb/index.js +0 -44
- package/dist/components/BreadCrumb/style.d.ts +0 -8
- package/dist/components/BreadCrumb/style.js +0 -87
- package/dist/components/CollapsedIcon/index.d.ts +0 -33
- package/dist/components/CollapsedIcon/index.js +0 -51
- package/dist/components/CollapsedIcon/style.d.ts +0 -9
- package/dist/components/CollapsedIcon/style.js +0 -34
- package/dist/components/FooterToolbar/props.d.ts +0 -47
- package/dist/components/FooterToolbar/props.js +0 -33
- package/dist/components/FooterToolbar/style/index.d.ts +0 -14
- package/dist/components/FooterToolbar/style/index.js +0 -48
- package/dist/components/FooterToolbar/style/stylish.d.ts +0 -18
- package/dist/components/FooterToolbar/style/stylish.js +0 -16
- package/dist/components/GlobalFooter/index.d.ts +0 -73
- package/dist/components/GlobalFooter/index.js +0 -77
- package/dist/components/GlobalFooter/style.d.ts +0 -6
- package/dist/components/GlobalFooter/style.js +0 -29
- package/dist/components/GlobalHeader/DefaultHeader.d.ts +0 -164
- package/dist/components/GlobalHeader/DefaultHeader.js +0 -149
- package/dist/components/GlobalHeader/index.d.ts +0 -164
- package/dist/components/GlobalHeader/index.js +0 -78
- package/dist/components/GlobalHeader/props.d.ts +0 -70
- package/dist/components/GlobalHeader/props.js +0 -56
- package/dist/components/GlobalHeader/style/defaultHeader.d.ts +0 -6
- package/dist/components/GlobalHeader/style/defaultHeader.js +0 -108
- package/dist/components/GlobalHeader/style/header.d.ts +0 -6
- package/dist/components/GlobalHeader/style/header.js +0 -41
- package/dist/components/LogoContent/index.d.ts +0 -80
- package/dist/components/LogoContent/index.js +0 -90
- package/dist/components/LogoContent/props.d.ts +0 -57
- package/dist/components/LogoContent/props.js +0 -37
- package/dist/components/LogoContent/style.d.ts +0 -6
- package/dist/components/LogoContent/style.js +0 -63
- package/dist/components/PageContainer/props.d.ts +0 -138
- package/dist/components/PageContainer/props.js +0 -103
- package/dist/components/PageContainer/style/index.d.ts +0 -14
- package/dist/components/PageContainer/style/index.js +0 -52
- package/dist/components/PageContainer/style/pageHeader.d.ts +0 -6
- package/dist/components/PageContainer/style/pageHeader.js +0 -44
- package/dist/components/PageTranstion/index.d.ts +0 -40
- package/dist/components/PageTranstion/index.js +0 -71
- package/dist/components/PageTranstion/keyFrame/roll.d.ts +0 -10
- package/dist/components/PageTranstion/style.d.ts +0 -10
- package/dist/components/SiderMenu/Arrow.d.ts +0 -6
- package/dist/components/SiderMenu/SiderMenu.d.ts +0 -180
- package/dist/components/SiderMenu/SiderMenu.js +0 -265
- package/dist/components/SiderMenu/index.d.ts +0 -193
- package/dist/components/SiderMenu/index.js +0 -51
- package/dist/components/SiderMenu/props.d.ts +0 -77
- package/dist/components/SiderMenu/props.js +0 -67
- package/dist/components/SiderMenu/style/index.d.ts +0 -12
- package/dist/components/SiderMenu/style/index.js +0 -162
- package/dist/components/SiderMenu/typings.d.ts +0 -38
- package/dist/components/SiderMenu/typings.js +0 -1
- package/dist/components/TabsRoute/index.d.ts +0 -95
- package/dist/components/TabsRoute/index.js +0 -405
- package/dist/components/TabsRoute/props.d.ts +0 -78
- package/dist/components/TabsRoute/props.js +0 -47
- package/dist/components/TabsRoute/style.d.ts +0 -15
- package/dist/components/TabsRoute/style.js +0 -133
- package/dist/components/TabsRoute/utils/config.d.ts +0 -18
- package/dist/components/TabsRoute/utils/config.js +0 -64
- package/dist/config/animate.d.ts +0 -11
- package/dist/config/animate.js +0 -76
- package/dist/config/index.d.ts +0 -34
- package/dist/config/index.js +0 -30
- package/dist/hooks/collapsed/index.d.ts +0 -15
- package/dist/hooks/collapsed/index.js +0 -50
- package/dist/hooks/layout/useLayoutExpose.d.ts +0 -15
- package/dist/hooks/layout/useLayoutExpose.js +0 -22
- package/dist/hooks/layout/usePageContent.d.ts +0 -6
- package/dist/hooks/layout/usePageContent.js +0 -28
- package/dist/hooks/menu/context.d.ts +0 -21
- package/dist/hooks/menu/context.js +0 -7
- package/dist/hooks/menu/index.d.ts +0 -29
- package/dist/hooks/menu/index.js +0 -118
- package/dist/hooks/theme/index.d.ts +0 -11
- package/dist/hooks/theme/index.js +0 -13
- package/dist/props/collapsedProps.d.ts +0 -39
- package/dist/props/collapsedProps.js +0 -45
- package/dist/props/defaultSettings.d.ts +0 -62
- package/dist/props/defaultSettings.js +0 -56
- package/dist/props/index.d.ts +0 -226
- package/dist/props/index.js +0 -109
- package/dist/props/themeProps.d.ts +0 -14
- package/dist/props/themeProps.js +0 -10
- package/dist/types/Breadcrumb.d.ts +0 -22
- package/dist/types/Breadcrumb.js +0 -1
- package/dist/types/MenuTypings.d.ts +0 -46
- package/dist/types/MenuTypings.js +0 -1
- package/dist/types/RouteTypings.d.ts +0 -96
- package/dist/types/RouteTypings.js +0 -1
- package/dist/types/SlotsTypings.d.ts +0 -124
- package/dist/types/SlotsTypings.js +0 -32
- package/dist/types/typings.d.ts +0 -73
- package/dist/types/typings.js +0 -3
- package/dist/utils/index.d.ts +0 -7
- package/dist/utils/index.js +0 -17
- package/dist/utils/style/index.d.ts +0 -44
- package/dist/utils/style/index.js +0 -103
|
@@ -1,193 +0,0 @@
|
|
|
1
|
-
import { BaseMenuProps, ProLayoutMenuFunProps } from "../../types/MenuTypings.js";
|
|
2
|
-
import { CollapsedButtonRender, CollapsedIconRender, DefaultRender, LogoRender, MenuContentRender, MenuFooterRender, MenuHeaderRender, MenuItemRender, MenuTextRender, SubMenuItemRender } from "../../types/SlotsTypings.js";
|
|
3
|
-
import { ProLayoutConfig } from "../../config/index.js";
|
|
4
|
-
import { siderMenuProps } from "./props.js";
|
|
5
|
-
import SiderMenu from "./SiderMenu.js";
|
|
6
|
-
import "../../index.js";
|
|
7
|
-
import { CommonLogoProps } from "../LogoContent/props.js";
|
|
8
|
-
import { SiderLayoutProps } from "../../types/typings.js";
|
|
9
|
-
import * as vue205 from "vue";
|
|
10
|
-
import { PropType } from "vue";
|
|
11
|
-
import * as _gx_design_vue_pro_utils6 from "@gx-design-vue/pro-utils";
|
|
12
|
-
import * as vue_jsx_runtime8 from "vue/jsx-runtime";
|
|
13
|
-
|
|
14
|
-
//#region src/components/SiderMenu/index.d.ts
|
|
15
|
-
declare const SiderMenuWrapper: vue205.DefineComponent<vue205.ExtractPropTypes<{
|
|
16
|
-
isMobile: PropType<boolean>;
|
|
17
|
-
siderWidth: {
|
|
18
|
-
type: PropType<ProLayoutConfig["siderWidth"]>;
|
|
19
|
-
default: any;
|
|
20
|
-
};
|
|
21
|
-
collapsedButtonRender: {
|
|
22
|
-
type: PropType<CollapsedButtonRender>;
|
|
23
|
-
default: () => any;
|
|
24
|
-
};
|
|
25
|
-
collapsedIconRender: {
|
|
26
|
-
type: PropType<CollapsedIconRender>;
|
|
27
|
-
default: () => any;
|
|
28
|
-
};
|
|
29
|
-
suppressSiderWhenMenuEmpty: {
|
|
30
|
-
type: PropType<SiderLayoutProps["suppressSiderWhenMenuEmpty"]>;
|
|
31
|
-
default: boolean;
|
|
32
|
-
};
|
|
33
|
-
breakpoint: {
|
|
34
|
-
type: PropType<SiderLayoutProps["breakpoint"]>;
|
|
35
|
-
default: () => boolean;
|
|
36
|
-
};
|
|
37
|
-
appsLogoComponents: {
|
|
38
|
-
type: PropType<DefaultRender>;
|
|
39
|
-
default: () => any;
|
|
40
|
-
};
|
|
41
|
-
siderActionsRender: {
|
|
42
|
-
type: PropType<DefaultRender>;
|
|
43
|
-
default: () => any;
|
|
44
|
-
};
|
|
45
|
-
menuLinksRender: {
|
|
46
|
-
type: PropType<DefaultRender>;
|
|
47
|
-
default: () => any;
|
|
48
|
-
};
|
|
49
|
-
menuFooterRender: {
|
|
50
|
-
type: PropType<MenuFooterRender>;
|
|
51
|
-
default: () => any;
|
|
52
|
-
};
|
|
53
|
-
menuContentRender: {
|
|
54
|
-
type: PropType<MenuContentRender>;
|
|
55
|
-
default: () => any;
|
|
56
|
-
};
|
|
57
|
-
menuHeaderRender: {
|
|
58
|
-
type: PropType<MenuHeaderRender>;
|
|
59
|
-
default: () => any;
|
|
60
|
-
};
|
|
61
|
-
onOpenKeys: {
|
|
62
|
-
type: PropType<ProLayoutMenuFunProps["onOpenKeys"]>;
|
|
63
|
-
};
|
|
64
|
-
onSelect: {
|
|
65
|
-
type: PropType<ProLayoutMenuFunProps["onSelect"]>;
|
|
66
|
-
};
|
|
67
|
-
menuItemRender: {
|
|
68
|
-
type: PropType<BaseMenuProps["menuItemRender"]>;
|
|
69
|
-
default: () => any;
|
|
70
|
-
};
|
|
71
|
-
menuTextRender: {
|
|
72
|
-
type: PropType<BaseMenuProps["menuTextRender"]>;
|
|
73
|
-
default: () => any;
|
|
74
|
-
};
|
|
75
|
-
subMenuItemRender: {
|
|
76
|
-
type: PropType<BaseMenuProps["subMenuItemRender"]>;
|
|
77
|
-
default: () => any;
|
|
78
|
-
};
|
|
79
|
-
class: PropType<string>;
|
|
80
|
-
style: PropType<vue205.CSSProperties>;
|
|
81
|
-
logo: {
|
|
82
|
-
type: PropType<CommonLogoProps["logo"]>;
|
|
83
|
-
default: () => any;
|
|
84
|
-
};
|
|
85
|
-
logoStyle: {
|
|
86
|
-
type: PropType<CommonLogoProps["logoStyle"]>;
|
|
87
|
-
default: () => any;
|
|
88
|
-
};
|
|
89
|
-
logoRender: {
|
|
90
|
-
type: PropType<CommonLogoProps["logoRender"]>;
|
|
91
|
-
default: () => any;
|
|
92
|
-
};
|
|
93
|
-
onLogoClick: PropType<CommonLogoProps["onLogoClick"]>;
|
|
94
|
-
}>, () => vue_jsx_runtime8.JSX.Element, {}, {}, {}, vue205.ComponentOptionsMixin, vue205.ComponentOptionsMixin, {}, string, vue205.PublicProps, Readonly<vue205.ExtractPropTypes<{
|
|
95
|
-
isMobile: PropType<boolean>;
|
|
96
|
-
siderWidth: {
|
|
97
|
-
type: PropType<ProLayoutConfig["siderWidth"]>;
|
|
98
|
-
default: any;
|
|
99
|
-
};
|
|
100
|
-
collapsedButtonRender: {
|
|
101
|
-
type: PropType<CollapsedButtonRender>;
|
|
102
|
-
default: () => any;
|
|
103
|
-
};
|
|
104
|
-
collapsedIconRender: {
|
|
105
|
-
type: PropType<CollapsedIconRender>;
|
|
106
|
-
default: () => any;
|
|
107
|
-
};
|
|
108
|
-
suppressSiderWhenMenuEmpty: {
|
|
109
|
-
type: PropType<SiderLayoutProps["suppressSiderWhenMenuEmpty"]>;
|
|
110
|
-
default: boolean;
|
|
111
|
-
};
|
|
112
|
-
breakpoint: {
|
|
113
|
-
type: PropType<SiderLayoutProps["breakpoint"]>;
|
|
114
|
-
default: () => boolean;
|
|
115
|
-
};
|
|
116
|
-
appsLogoComponents: {
|
|
117
|
-
type: PropType<DefaultRender>;
|
|
118
|
-
default: () => any;
|
|
119
|
-
};
|
|
120
|
-
siderActionsRender: {
|
|
121
|
-
type: PropType<DefaultRender>;
|
|
122
|
-
default: () => any;
|
|
123
|
-
};
|
|
124
|
-
menuLinksRender: {
|
|
125
|
-
type: PropType<DefaultRender>;
|
|
126
|
-
default: () => any;
|
|
127
|
-
};
|
|
128
|
-
menuFooterRender: {
|
|
129
|
-
type: PropType<MenuFooterRender>;
|
|
130
|
-
default: () => any;
|
|
131
|
-
};
|
|
132
|
-
menuContentRender: {
|
|
133
|
-
type: PropType<MenuContentRender>;
|
|
134
|
-
default: () => any;
|
|
135
|
-
};
|
|
136
|
-
menuHeaderRender: {
|
|
137
|
-
type: PropType<MenuHeaderRender>;
|
|
138
|
-
default: () => any;
|
|
139
|
-
};
|
|
140
|
-
onOpenKeys: {
|
|
141
|
-
type: PropType<ProLayoutMenuFunProps["onOpenKeys"]>;
|
|
142
|
-
};
|
|
143
|
-
onSelect: {
|
|
144
|
-
type: PropType<ProLayoutMenuFunProps["onSelect"]>;
|
|
145
|
-
};
|
|
146
|
-
menuItemRender: {
|
|
147
|
-
type: PropType<BaseMenuProps["menuItemRender"]>;
|
|
148
|
-
default: () => any;
|
|
149
|
-
};
|
|
150
|
-
menuTextRender: {
|
|
151
|
-
type: PropType<BaseMenuProps["menuTextRender"]>;
|
|
152
|
-
default: () => any;
|
|
153
|
-
};
|
|
154
|
-
subMenuItemRender: {
|
|
155
|
-
type: PropType<BaseMenuProps["subMenuItemRender"]>;
|
|
156
|
-
default: () => any;
|
|
157
|
-
};
|
|
158
|
-
class: PropType<string>;
|
|
159
|
-
style: PropType<vue205.CSSProperties>;
|
|
160
|
-
logo: {
|
|
161
|
-
type: PropType<CommonLogoProps["logo"]>;
|
|
162
|
-
default: () => any;
|
|
163
|
-
};
|
|
164
|
-
logoStyle: {
|
|
165
|
-
type: PropType<CommonLogoProps["logoStyle"]>;
|
|
166
|
-
default: () => any;
|
|
167
|
-
};
|
|
168
|
-
logoRender: {
|
|
169
|
-
type: PropType<CommonLogoProps["logoRender"]>;
|
|
170
|
-
default: () => any;
|
|
171
|
-
};
|
|
172
|
-
onLogoClick: PropType<CommonLogoProps["onLogoClick"]>;
|
|
173
|
-
}>> & Readonly<{}>, {
|
|
174
|
-
logo: _gx_design_vue_pro_utils6.CustomRender;
|
|
175
|
-
logoStyle: vue205.CSSProperties;
|
|
176
|
-
logoRender: LogoRender;
|
|
177
|
-
menuItemRender: MenuItemRender;
|
|
178
|
-
menuTextRender: MenuTextRender;
|
|
179
|
-
subMenuItemRender: SubMenuItemRender;
|
|
180
|
-
suppressSiderWhenMenuEmpty: boolean;
|
|
181
|
-
breakpoint: false | "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
|
|
182
|
-
collapsedIconRender: CollapsedIconRender;
|
|
183
|
-
collapsedButtonRender: CollapsedButtonRender;
|
|
184
|
-
menuLinksRender: DefaultRender;
|
|
185
|
-
appsLogoComponents: DefaultRender;
|
|
186
|
-
siderActionsRender: DefaultRender;
|
|
187
|
-
menuFooterRender: MenuFooterRender;
|
|
188
|
-
menuContentRender: MenuContentRender;
|
|
189
|
-
siderWidth: string | number;
|
|
190
|
-
menuHeaderRender: MenuHeaderRender;
|
|
191
|
-
}, {}, {}, {}, string, vue205.ComponentProvideOptions, true, {}, any>;
|
|
192
|
-
//#endregion
|
|
193
|
-
export { SiderMenu, SiderMenuWrapper as default, siderMenuProps };
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { useProLayoutContext } from "../../Context/index.js";
|
|
2
|
-
import { commonCollapsedProps } from "../../props/collapsedProps.js";
|
|
3
|
-
import { cssValueToNumber } from "../../utils/style/index.js";
|
|
4
|
-
import "../../utils/index.js";
|
|
5
|
-
import { defaultSettingProps } from "../../props/defaultSettings.js";
|
|
6
|
-
import { siderMenuProps } from "./props.js";
|
|
7
|
-
import SiderMenu_default from "./SiderMenu.js";
|
|
8
|
-
import { Fragment, createVNode, defineComponent } from "vue";
|
|
9
|
-
import { Drawer } from "ant-design-vue";
|
|
10
|
-
import { omit } from "es-toolkit";
|
|
11
|
-
|
|
12
|
-
//#region src/components/SiderMenu/index.tsx
|
|
13
|
-
const SiderMenuWrapper = /* @__PURE__ */ defineComponent({
|
|
14
|
-
name: "SiderMenuWrapper",
|
|
15
|
-
inheritAttrs: false,
|
|
16
|
-
props: {
|
|
17
|
-
...siderMenuProps,
|
|
18
|
-
...commonCollapsedProps,
|
|
19
|
-
isMobile: Boolean,
|
|
20
|
-
siderWidth: defaultSettingProps.siderWidth
|
|
21
|
-
},
|
|
22
|
-
setup(props) {
|
|
23
|
-
const { collapsed } = useProLayoutContext();
|
|
24
|
-
return () => {
|
|
25
|
-
const silderProps = omit(props, ["siderWidth", "isMobile"]);
|
|
26
|
-
return createVNode(Fragment, null, [props.isMobile ? createVNode(Drawer, {
|
|
27
|
-
"maskClosable": true,
|
|
28
|
-
"open": !collapsed.value,
|
|
29
|
-
"closable": false,
|
|
30
|
-
"placement": "left",
|
|
31
|
-
"style": {
|
|
32
|
-
padding: 0,
|
|
33
|
-
height: "100vh"
|
|
34
|
-
},
|
|
35
|
-
"getContainer": false,
|
|
36
|
-
"onClose": () => collapsed.value = true,
|
|
37
|
-
"width": cssValueToNumber(props.siderWidth),
|
|
38
|
-
"bodyStyle": {
|
|
39
|
-
height: "100vh",
|
|
40
|
-
padding: 0,
|
|
41
|
-
display: "flex",
|
|
42
|
-
flexDirection: "row"
|
|
43
|
-
}
|
|
44
|
-
}, { default: () => [createVNode(SiderMenu_default, silderProps, null)] }) : createVNode(SiderMenu_default, silderProps, null)]);
|
|
45
|
-
};
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
var SiderMenu_default$1 = SiderMenuWrapper;
|
|
49
|
-
|
|
50
|
-
//#endregion
|
|
51
|
-
export { SiderMenu_default as SiderMenu, SiderMenu_default$1 as default, siderMenuProps };
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import { BaseMenuProps, ProLayoutMenuFunProps } from "../../types/MenuTypings.js";
|
|
2
|
-
import { DefaultRender, MenuContentRender, MenuFooterRender, MenuHeaderRender } from "../../types/SlotsTypings.js";
|
|
3
|
-
import { CommonLogoProps } from "../LogoContent/props.js";
|
|
4
|
-
import { SiderLayoutProps } from "../../types/typings.js";
|
|
5
|
-
import * as vue262 from "vue";
|
|
6
|
-
import { PropType } from "vue";
|
|
7
|
-
|
|
8
|
-
//#region src/components/SiderMenu/props.d.ts
|
|
9
|
-
declare const siderMenuProps: {
|
|
10
|
-
suppressSiderWhenMenuEmpty: {
|
|
11
|
-
type: PropType<SiderLayoutProps["suppressSiderWhenMenuEmpty"]>;
|
|
12
|
-
default: boolean;
|
|
13
|
-
};
|
|
14
|
-
breakpoint: {
|
|
15
|
-
type: PropType<SiderLayoutProps["breakpoint"]>;
|
|
16
|
-
default: () => boolean;
|
|
17
|
-
};
|
|
18
|
-
appsLogoComponents: {
|
|
19
|
-
type: PropType<DefaultRender>;
|
|
20
|
-
default: () => any;
|
|
21
|
-
};
|
|
22
|
-
siderActionsRender: {
|
|
23
|
-
type: PropType<DefaultRender>;
|
|
24
|
-
default: () => any;
|
|
25
|
-
};
|
|
26
|
-
menuLinksRender: {
|
|
27
|
-
type: PropType<DefaultRender>;
|
|
28
|
-
default: () => any;
|
|
29
|
-
};
|
|
30
|
-
menuFooterRender: {
|
|
31
|
-
type: PropType<MenuFooterRender>;
|
|
32
|
-
default: () => any;
|
|
33
|
-
};
|
|
34
|
-
menuContentRender: {
|
|
35
|
-
type: PropType<MenuContentRender>;
|
|
36
|
-
default: () => any;
|
|
37
|
-
};
|
|
38
|
-
menuHeaderRender: {
|
|
39
|
-
type: PropType<MenuHeaderRender>;
|
|
40
|
-
default: () => any;
|
|
41
|
-
};
|
|
42
|
-
onOpenKeys: {
|
|
43
|
-
type: PropType<ProLayoutMenuFunProps["onOpenKeys"]>;
|
|
44
|
-
};
|
|
45
|
-
onSelect: {
|
|
46
|
-
type: PropType<ProLayoutMenuFunProps["onSelect"]>;
|
|
47
|
-
};
|
|
48
|
-
menuItemRender: {
|
|
49
|
-
type: PropType<BaseMenuProps["menuItemRender"]>;
|
|
50
|
-
default: () => any;
|
|
51
|
-
};
|
|
52
|
-
menuTextRender: {
|
|
53
|
-
type: PropType<BaseMenuProps["menuTextRender"]>;
|
|
54
|
-
default: () => any;
|
|
55
|
-
};
|
|
56
|
-
subMenuItemRender: {
|
|
57
|
-
type: PropType<BaseMenuProps["subMenuItemRender"]>;
|
|
58
|
-
default: () => any;
|
|
59
|
-
};
|
|
60
|
-
class: PropType<string>;
|
|
61
|
-
style: PropType<vue262.CSSProperties>;
|
|
62
|
-
logo: {
|
|
63
|
-
type: PropType<CommonLogoProps["logo"]>;
|
|
64
|
-
default: () => any;
|
|
65
|
-
};
|
|
66
|
-
logoStyle: {
|
|
67
|
-
type: PropType<CommonLogoProps["logoStyle"]>;
|
|
68
|
-
default: () => any;
|
|
69
|
-
};
|
|
70
|
-
logoRender: {
|
|
71
|
-
type: PropType<CommonLogoProps["logoRender"]>;
|
|
72
|
-
default: () => any;
|
|
73
|
-
};
|
|
74
|
-
onLogoClick: PropType<CommonLogoProps["onLogoClick"]>;
|
|
75
|
-
};
|
|
76
|
-
//#endregion
|
|
77
|
-
export { siderMenuProps };
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { commonMenuFunProps } from "../BaseMenu/props.js";
|
|
2
|
-
import { commonLogoProps } from "../LogoContent/props.js";
|
|
3
|
-
|
|
4
|
-
//#region src/components/SiderMenu/props.ts
|
|
5
|
-
const siderMenuProps = {
|
|
6
|
-
...commonLogoProps,
|
|
7
|
-
...commonMenuFunProps,
|
|
8
|
-
suppressSiderWhenMenuEmpty: {
|
|
9
|
-
type: Boolean,
|
|
10
|
-
default: true
|
|
11
|
-
},
|
|
12
|
-
breakpoint: {
|
|
13
|
-
type: [Object, Boolean],
|
|
14
|
-
default: () => false
|
|
15
|
-
},
|
|
16
|
-
appsLogoComponents: {
|
|
17
|
-
type: [
|
|
18
|
-
Object,
|
|
19
|
-
Function,
|
|
20
|
-
Boolean
|
|
21
|
-
],
|
|
22
|
-
default: () => void 0
|
|
23
|
-
},
|
|
24
|
-
siderActionsRender: {
|
|
25
|
-
type: [
|
|
26
|
-
Function,
|
|
27
|
-
Object,
|
|
28
|
-
Array
|
|
29
|
-
],
|
|
30
|
-
default: () => void 0
|
|
31
|
-
},
|
|
32
|
-
menuLinksRender: {
|
|
33
|
-
type: [
|
|
34
|
-
Function,
|
|
35
|
-
Object,
|
|
36
|
-
Array
|
|
37
|
-
],
|
|
38
|
-
default: () => void 0
|
|
39
|
-
},
|
|
40
|
-
menuFooterRender: {
|
|
41
|
-
type: [
|
|
42
|
-
Function,
|
|
43
|
-
Object,
|
|
44
|
-
Boolean
|
|
45
|
-
],
|
|
46
|
-
default: () => void 0
|
|
47
|
-
},
|
|
48
|
-
menuContentRender: {
|
|
49
|
-
type: [
|
|
50
|
-
Function,
|
|
51
|
-
Object,
|
|
52
|
-
Boolean
|
|
53
|
-
],
|
|
54
|
-
default: () => void 0
|
|
55
|
-
},
|
|
56
|
-
menuHeaderRender: {
|
|
57
|
-
type: [
|
|
58
|
-
Function,
|
|
59
|
-
Object,
|
|
60
|
-
Boolean
|
|
61
|
-
],
|
|
62
|
-
default: () => void 0
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
|
|
66
|
-
//#endregion
|
|
67
|
-
export { siderMenuProps };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { CSSProperties } from "vue";
|
|
2
|
-
import { CSSObject, ProAliasToken } from "@gx-design-vue/pro-provider";
|
|
3
|
-
|
|
4
|
-
//#region src/components/SiderMenu/style/index.d.ts
|
|
5
|
-
declare const proLayoutTitleHide: any;
|
|
6
|
-
declare function genSiderMenuStyle(token: ProAliasToken, {
|
|
7
|
-
siderChildren
|
|
8
|
-
}: {
|
|
9
|
-
siderChildren?: CSSProperties;
|
|
10
|
-
}): CSSObject;
|
|
11
|
-
//#endregion
|
|
12
|
-
export { genSiderMenuStyle, proLayoutTitleHide };
|
|
@@ -1,162 +0,0 @@
|
|
|
1
|
-
import { getTokenLayoutTheme } from "../../../config/index.js";
|
|
2
|
-
import { iconStyle } from "../../../style/index.js";
|
|
3
|
-
import { Keyframe, unit } from "@gx-design-vue/pro-provider";
|
|
4
|
-
|
|
5
|
-
//#region src/components/SiderMenu/style/index.ts
|
|
6
|
-
const proLayoutTitleHide = new Keyframe("antBadgeLoadingCircle", {
|
|
7
|
-
"0%": {
|
|
8
|
-
display: "none",
|
|
9
|
-
opacity: 0,
|
|
10
|
-
overflow: "hidden"
|
|
11
|
-
},
|
|
12
|
-
"80%": { overflow: "hidden" },
|
|
13
|
-
"100%": {
|
|
14
|
-
display: "unset",
|
|
15
|
-
opacity: 1
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
function actionsStyle() {
|
|
19
|
-
return {
|
|
20
|
-
display: "flex",
|
|
21
|
-
alignItems: "center",
|
|
22
|
-
justifyContent: "space-between",
|
|
23
|
-
paddingBlock: 4,
|
|
24
|
-
paddingInline: 8,
|
|
25
|
-
marginInline: 0
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
function genSiderMenuStyle(token, { siderChildren = {} }) {
|
|
29
|
-
const { layout } = getTokenLayoutTheme(token);
|
|
30
|
-
const pageContainerToken = token.layout?.pageContainer;
|
|
31
|
-
return { [`${token.proComponentsCls}-basic-layout`]: {
|
|
32
|
-
[`${token.antCls}-layout-sider${token.componentCls}`]: { background: token.layout?.sider?.colorMenuBackground || "transparent" },
|
|
33
|
-
[`&${token.proComponentsCls}-basic-layout-wide`]: { [token.componentCls]: {
|
|
34
|
-
position: "sticky",
|
|
35
|
-
borderRadius: pageContainerToken?.borderRadius
|
|
36
|
-
} },
|
|
37
|
-
[`&${token.proComponentsCls}-basic-layout-simple`]: { [`${token.componentCls}>${token.antCls}-layout-sider-children`]: { paddingBlock: 0 } },
|
|
38
|
-
[token.componentCls]: {
|
|
39
|
-
position: "relative",
|
|
40
|
-
borderRight: 0,
|
|
41
|
-
zIndex: 9,
|
|
42
|
-
[`&>${token.antCls}-layout-sider-children`]: {
|
|
43
|
-
position: "relative",
|
|
44
|
-
display: "flex",
|
|
45
|
-
flexDirection: "column",
|
|
46
|
-
borderInlineEnd: `1px solid ${token.colorSplit}`,
|
|
47
|
-
paddingBlock: 0,
|
|
48
|
-
paddingBlockStart: layout === "simple" ? unit(token.layout?.header?.heightLayoutHeader) : 0,
|
|
49
|
-
background: "transparent",
|
|
50
|
-
transition: `transform ${token.motionDurationMid} ${token.motionEaseOut}`,
|
|
51
|
-
...siderChildren
|
|
52
|
-
},
|
|
53
|
-
[`&${token.componentCls}-inner-collapsed`]: {
|
|
54
|
-
[`&>${token.antCls}-layout-sider-children`]: {
|
|
55
|
-
transform: "translateX(100%)",
|
|
56
|
-
[`${token.componentCls}-content`]: {
|
|
57
|
-
pointerEvents: "auto",
|
|
58
|
-
background: "transparent",
|
|
59
|
-
paddingInlineStart: token.paddingSM,
|
|
60
|
-
[`${token.componentCls}-header`]: {
|
|
61
|
-
borderTopLeftRadius: token.borderRadiusLG + 4,
|
|
62
|
-
borderTopRightRadius: token.borderRadiusLG + 4,
|
|
63
|
-
background: token.layout?.sider?.colorMenuBackground
|
|
64
|
-
},
|
|
65
|
-
[`${token.componentCls}-menu`]: {
|
|
66
|
-
borderBottomLeftRadius: token.borderRadiusLG + 4,
|
|
67
|
-
borderBottomRightRadius: token.borderRadiusLG + 4
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
},
|
|
71
|
-
[`&${token.componentCls}-has-footer`]: { [`&>${token.antCls}-layout-sider-children`]: {
|
|
72
|
-
[`${token.componentCls}-menu-container`]: { background: token.layout?.sider?.colorMenuBackground },
|
|
73
|
-
[`&>${token.componentCls}-footer`]: {
|
|
74
|
-
pointerEvents: "auto",
|
|
75
|
-
paddingInlineStart: token.paddingSM,
|
|
76
|
-
paddingBlockEnd: 0,
|
|
77
|
-
marginBlockEnd: 16,
|
|
78
|
-
"&>:last-child": {
|
|
79
|
-
borderBottomLeftRadius: token.borderRadiusLG + 4,
|
|
80
|
-
borderBottomRightRadius: token.borderRadiusLG + 4
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
} }
|
|
84
|
-
},
|
|
85
|
-
"&-menu": {
|
|
86
|
-
position: "relative",
|
|
87
|
-
zIndex: 10,
|
|
88
|
-
minHeight: "100%",
|
|
89
|
-
"&-icon": { verticalAlign: "unset" },
|
|
90
|
-
"&-container": {
|
|
91
|
-
position: "relative",
|
|
92
|
-
borderRadius: layout === "wide" ? pageContainerToken?.borderRadius : "unset",
|
|
93
|
-
"&::-webkit-scrollbar": {
|
|
94
|
-
width: 4,
|
|
95
|
-
height: 4
|
|
96
|
-
},
|
|
97
|
-
"&::-webkit-scrollbar-thumb": {
|
|
98
|
-
backgroundColor: "rgba(144,147,153,0.3)",
|
|
99
|
-
borderRadius: token.borderRadiusSM
|
|
100
|
-
},
|
|
101
|
-
"&::-webkit-scrollbar-track": {
|
|
102
|
-
backgroundColor: "rgba(144,147,153,0.3)",
|
|
103
|
-
borderRadius: token.borderRadiusSM
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
},
|
|
107
|
-
"&-content-top": {
|
|
108
|
-
padding: layout === "wide" ? token.padding : void 0,
|
|
109
|
-
paddingBlockEnd: layout === "wide" ? token.paddingSM : void 0,
|
|
110
|
-
borderBlockEnd: layout === "wide" ? `1px solid ${token.colorSplit}` : void 0,
|
|
111
|
-
marginBlockEnd: layout === "wide" ? token.margin : void 0
|
|
112
|
-
},
|
|
113
|
-
"&-content": {
|
|
114
|
-
position: "relative",
|
|
115
|
-
display: "flex",
|
|
116
|
-
flexDirection: "column",
|
|
117
|
-
height: "100%"
|
|
118
|
-
},
|
|
119
|
-
"&-links": {
|
|
120
|
-
width: "100%",
|
|
121
|
-
ul: { height: "auto" },
|
|
122
|
-
[`+${token.proComponentsCls}-sider-actions`]: { borderBlockStart: 0 }
|
|
123
|
-
},
|
|
124
|
-
"&-link-menu": {
|
|
125
|
-
border: "none",
|
|
126
|
-
boxShadow: "none",
|
|
127
|
-
background: "transparent"
|
|
128
|
-
},
|
|
129
|
-
"&-actions": {
|
|
130
|
-
...actionsStyle(),
|
|
131
|
-
color: token.layout?.sider?.colorTextMenu,
|
|
132
|
-
"&-item": iconStyle(token)
|
|
133
|
-
},
|
|
134
|
-
"&-collapsed-button": {
|
|
135
|
-
flexDirection: "row-reverse",
|
|
136
|
-
...actionsStyle(),
|
|
137
|
-
"&.collapsed": {
|
|
138
|
-
flexDirection: "none",
|
|
139
|
-
justifyContent: "center"
|
|
140
|
-
},
|
|
141
|
-
"&>:first-child": iconStyle(token)
|
|
142
|
-
},
|
|
143
|
-
"&-footer": {
|
|
144
|
-
paddingBlockEnd: 16,
|
|
145
|
-
fontSize: token.fontSize,
|
|
146
|
-
animationName: proLayoutTitleHide,
|
|
147
|
-
animationDuration: ".4s",
|
|
148
|
-
animationTimingFunction: "ease",
|
|
149
|
-
[`&>${token.antCls}-menu`]: { minHeight: "auto" }
|
|
150
|
-
}
|
|
151
|
-
},
|
|
152
|
-
[`${token.componentCls}${token.componentCls}-fixed`]: {
|
|
153
|
-
position: "fixed",
|
|
154
|
-
insetBlockStart: 0,
|
|
155
|
-
insetInlineStart: 0,
|
|
156
|
-
height: "100%"
|
|
157
|
-
}
|
|
158
|
-
} };
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
//#endregion
|
|
162
|
-
export { genSiderMenuStyle, proLayoutTitleHide };
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { CSSProperties, HTMLAttributes } from "vue";
|
|
2
|
-
import { BaseTheme } from "@gx-design-vue/context";
|
|
3
|
-
import { CustomRender } from "@gx-design-vue/pro-utils";
|
|
4
|
-
|
|
5
|
-
//#region src/components/SiderMenu/typings.d.ts
|
|
6
|
-
interface MenuInfo {
|
|
7
|
-
key: string | number;
|
|
8
|
-
keyPath: string[] | number[];
|
|
9
|
-
item: CustomRender;
|
|
10
|
-
domEvent: MouseEvent;
|
|
11
|
-
}
|
|
12
|
-
interface SelectInfo extends MenuInfo {
|
|
13
|
-
selectedKeys: string[];
|
|
14
|
-
}
|
|
15
|
-
type OpenEventHandler = (keys: string[] | {
|
|
16
|
-
key: string;
|
|
17
|
-
item: CustomRender;
|
|
18
|
-
trigger: string;
|
|
19
|
-
open: boolean;
|
|
20
|
-
}) => void;
|
|
21
|
-
type CollapseType = 'clickTrigger' | 'responsive';
|
|
22
|
-
interface SiderProps extends HTMLAttributes {
|
|
23
|
-
prefixCls?: string;
|
|
24
|
-
collapsible?: boolean;
|
|
25
|
-
collapsed?: boolean;
|
|
26
|
-
defaultCollapsed?: boolean;
|
|
27
|
-
reverseArrow?: boolean;
|
|
28
|
-
onCollapse?: (collapsed: boolean, type: CollapseType) => void;
|
|
29
|
-
zeroWidthTriggerStyle?: CSSProperties;
|
|
30
|
-
trigger?: CustomRender;
|
|
31
|
-
width?: number | string;
|
|
32
|
-
collapsedWidth?: number | string;
|
|
33
|
-
breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
34
|
-
theme?: BaseTheme;
|
|
35
|
-
onBreakpoint?: (broken: boolean) => void;
|
|
36
|
-
}
|
|
37
|
-
//#endregion
|
|
38
|
-
export { CollapseType, MenuInfo, OpenEventHandler, SelectInfo, SiderProps };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { };
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { AppRouteModule } from "../../types/RouteTypings.js";
|
|
2
|
-
import { TabsRouteItemRender } from "../../types/SlotsTypings.js";
|
|
3
|
-
import _default, { TabsRouteType, baseTabsRouter } from "./props.js";
|
|
4
|
-
import * as vue180 from "vue";
|
|
5
|
-
import { ExtractPropTypes } from "vue";
|
|
6
|
-
import * as ant_design_vue_es__util_type15 from "ant-design-vue/es/_util/type";
|
|
7
|
-
|
|
8
|
-
//#region src/components/TabsRoute/index.d.ts
|
|
9
|
-
type TabsRouteProps = Partial<ExtractPropTypes<typeof _default>>;
|
|
10
|
-
type BaseTabsRouteProps = Partial<ExtractPropTypes<typeof baseTabsRouter>>;
|
|
11
|
-
interface MenuDataState {
|
|
12
|
-
fixed: AppRouteModule[];
|
|
13
|
-
normal: AppRouteModule[];
|
|
14
|
-
}
|
|
15
|
-
declare const TabsRoute: vue180.DefineComponent<ExtractPropTypes<{
|
|
16
|
-
onReloadPage: {
|
|
17
|
-
type: vue180.PropType<() => void>;
|
|
18
|
-
};
|
|
19
|
-
onTabsChange: {
|
|
20
|
-
type: vue180.PropType<(list: AppRouteModule[]) => void>;
|
|
21
|
-
default: any;
|
|
22
|
-
};
|
|
23
|
-
'onUpdate:tabs': {
|
|
24
|
-
type: vue180.PropType<(list: AppRouteModule[]) => void>;
|
|
25
|
-
};
|
|
26
|
-
loading: {
|
|
27
|
-
type: vue180.PropType<boolean>;
|
|
28
|
-
default: any;
|
|
29
|
-
};
|
|
30
|
-
visible: {
|
|
31
|
-
type: vue180.PropType<boolean>;
|
|
32
|
-
default: any;
|
|
33
|
-
};
|
|
34
|
-
type: {
|
|
35
|
-
type: vue180.PropType<TabsRouteType>;
|
|
36
|
-
default: string;
|
|
37
|
-
};
|
|
38
|
-
destroyOnHide: {
|
|
39
|
-
type: vue180.PropType<boolean>;
|
|
40
|
-
default: boolean;
|
|
41
|
-
};
|
|
42
|
-
storage: {
|
|
43
|
-
type: vue180.PropType<boolean>;
|
|
44
|
-
default: boolean;
|
|
45
|
-
};
|
|
46
|
-
itemRender: {
|
|
47
|
-
type: vue180.PropType<TabsRouteItemRender>;
|
|
48
|
-
default: () => any;
|
|
49
|
-
};
|
|
50
|
-
}>, () => ant_design_vue_es__util_type15.VueNode, {}, {}, {}, vue180.ComponentOptionsMixin, vue180.ComponentOptionsMixin, {}, string, vue180.PublicProps, Readonly<ExtractPropTypes<{
|
|
51
|
-
onReloadPage: {
|
|
52
|
-
type: vue180.PropType<() => void>;
|
|
53
|
-
};
|
|
54
|
-
onTabsChange: {
|
|
55
|
-
type: vue180.PropType<(list: AppRouteModule[]) => void>;
|
|
56
|
-
default: any;
|
|
57
|
-
};
|
|
58
|
-
'onUpdate:tabs': {
|
|
59
|
-
type: vue180.PropType<(list: AppRouteModule[]) => void>;
|
|
60
|
-
};
|
|
61
|
-
loading: {
|
|
62
|
-
type: vue180.PropType<boolean>;
|
|
63
|
-
default: any;
|
|
64
|
-
};
|
|
65
|
-
visible: {
|
|
66
|
-
type: vue180.PropType<boolean>;
|
|
67
|
-
default: any;
|
|
68
|
-
};
|
|
69
|
-
type: {
|
|
70
|
-
type: vue180.PropType<TabsRouteType>;
|
|
71
|
-
default: string;
|
|
72
|
-
};
|
|
73
|
-
destroyOnHide: {
|
|
74
|
-
type: vue180.PropType<boolean>;
|
|
75
|
-
default: boolean;
|
|
76
|
-
};
|
|
77
|
-
storage: {
|
|
78
|
-
type: vue180.PropType<boolean>;
|
|
79
|
-
default: boolean;
|
|
80
|
-
};
|
|
81
|
-
itemRender: {
|
|
82
|
-
type: vue180.PropType<TabsRouteItemRender>;
|
|
83
|
-
default: () => any;
|
|
84
|
-
};
|
|
85
|
-
}>> & Readonly<{}>, {
|
|
86
|
-
onTabsChange: (list: AppRouteModule[]) => void;
|
|
87
|
-
loading: boolean;
|
|
88
|
-
visible: boolean;
|
|
89
|
-
type: TabsRouteType;
|
|
90
|
-
destroyOnHide: boolean;
|
|
91
|
-
storage: boolean;
|
|
92
|
-
itemRender: TabsRouteItemRender;
|
|
93
|
-
}, {}, {}, {}, string, vue180.ComponentProvideOptions, true, {}, any>;
|
|
94
|
-
//#endregion
|
|
95
|
-
export { BaseTabsRouteProps, MenuDataState, TabsRouteProps, TabsRoute as default };
|