@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,155 +0,0 @@
|
|
|
1
|
-
import { unit } from "@gx-design-vue/pro-provider";
|
|
2
|
-
|
|
3
|
-
//#region src/components/BaseMenu/style.ts
|
|
4
|
-
const ProBaseMenuStyle = (token) => {
|
|
5
|
-
const fontSize = unit(token.layout?.menuItemIconSize || token.fontSize);
|
|
6
|
-
const collapsedFontSize = unit((token.layout?.menuItemIconSize || token.fontSize) + 2);
|
|
7
|
-
const siderToken = token.layout?.sider;
|
|
8
|
-
const headerToken = token.layout?.header;
|
|
9
|
-
return {
|
|
10
|
-
[`${token.antCls}-menu`]: { [`&${token.componentCls}`]: {
|
|
11
|
-
background: "transparent",
|
|
12
|
-
border: "none",
|
|
13
|
-
[`&${token.componentCls}-inline,&${token.componentCls}-inline-collapsed`]: {
|
|
14
|
-
color: siderToken?.colorTextMenu,
|
|
15
|
-
[`${token.componentCls}-item-right-content`]: {
|
|
16
|
-
position: "absolute",
|
|
17
|
-
right: 0,
|
|
18
|
-
top: "50%",
|
|
19
|
-
transform: "translateY(-50%)",
|
|
20
|
-
lineHeight: "normal"
|
|
21
|
-
},
|
|
22
|
-
[`${token.antCls}-menu-submenu`]: { "&-selected": { [`>${token.antCls}-menu-submenu-title`]: {
|
|
23
|
-
color: siderToken?.colorTextSubMenuSelected ?? token.colorPrimary,
|
|
24
|
-
"&:hover": { color: siderToken?.colorTextSubMenuSelected ?? token.colorPrimary }
|
|
25
|
-
} } }
|
|
26
|
-
},
|
|
27
|
-
[`&${token.componentCls}-horizontal`]: {
|
|
28
|
-
color: headerToken?.colorTextMenu,
|
|
29
|
-
[`${token.componentCls}-item-right-content`]: { marginLeft: token.marginXXS },
|
|
30
|
-
[`${token.antCls}-menu-submenu`]: { "&-selected": { [`>${token.antCls}-menu-submenu-title`]: {
|
|
31
|
-
color: headerToken?.colorTextMenuSelected,
|
|
32
|
-
"&:hover": { color: headerToken?.colorTextMenuSelected }
|
|
33
|
-
} } }
|
|
34
|
-
},
|
|
35
|
-
[`${token.componentCls}-submenu`]: { paddingBottom: "0px" },
|
|
36
|
-
[`${token.antCls}-menu-title-content`]: {
|
|
37
|
-
width: "100%",
|
|
38
|
-
height: "100%",
|
|
39
|
-
display: "inline-flex"
|
|
40
|
-
},
|
|
41
|
-
[`${token.antCls}-menu-title-content`]: { "&:first-child": { width: "100%" } },
|
|
42
|
-
[`${token.componentCls}-item-icon`]: {
|
|
43
|
-
display: "flex",
|
|
44
|
-
alignItems: "center",
|
|
45
|
-
marginRight: token.marginXXS
|
|
46
|
-
},
|
|
47
|
-
[`&&-collapsed`]: {
|
|
48
|
-
[`${token.antCls}-menu-item,
|
|
49
|
-
${token.antCls}-menu-item-group > ${token.antCls}-menu-item-group-list > ${token.antCls}-menu-item,
|
|
50
|
-
${token.antCls}-menu-item-group > ${token.antCls}-menu-item-group-list > ${token.antCls}-menu-submenu > ${token.antCls}-menu-submenu-title,
|
|
51
|
-
${token.antCls}-menu-submenu > ${token.antCls}-menu-submenu-title`]: {
|
|
52
|
-
paddingInline: "0 !important",
|
|
53
|
-
marginBlock: "4px !important"
|
|
54
|
-
},
|
|
55
|
-
[`${token.antCls}-menu-item-group > ${token.antCls}-menu-item-group-list > ${token.antCls}-menu-submenu-selected > ${token.antCls}-menu-submenu-title,
|
|
56
|
-
${token.antCls}-menu-submenu-selected > ${token.antCls}-menu-submenu-title`]: {
|
|
57
|
-
borderRadius: token.borderRadiusLG,
|
|
58
|
-
backgroundColor: siderToken?.colorBgMenuItemSelected,
|
|
59
|
-
color: siderToken?.colorTextSubMenuSelected ?? token.colorPrimary
|
|
60
|
-
},
|
|
61
|
-
[`${token.componentCls}-group`]: { [`${token.antCls}-menu-item-group-title`]: { paddingInline: 0 } },
|
|
62
|
-
[`&${token.componentCls}-menu-inline`]: { [`${token.antCls}-menu-item-group > ${token.antCls}-menu-item-group-list > ${token.antCls}-menu-submenu-selected > ${token.antCls}-menu-submenu-title,
|
|
63
|
-
${token.antCls}-menu-submenu-selected > ${token.antCls}-menu-submenu-title`]: { backgroundColor: siderToken?.colorBgMenuItemSelected } },
|
|
64
|
-
[`&${token.componentCls}-menu-horizontal`]: { [`${token.antCls}-menu-item-group > ${token.antCls}-menu-item-group-list > ${token.antCls}-menu-submenu-selected > ${token.antCls}-menu-submenu-title,
|
|
65
|
-
${token.antCls}-menu-submenu-selected > ${token.antCls}-menu-submenu-title`]: { backgroundColor: headerToken?.colorBgMenuItemSelected } },
|
|
66
|
-
[`${token.componentCls}-item-icon`]: { marginRight: 0 }
|
|
67
|
-
},
|
|
68
|
-
[`${token.componentCls}-item-title`]: {
|
|
69
|
-
position: "relative",
|
|
70
|
-
display: "flex",
|
|
71
|
-
flexDirection: "row",
|
|
72
|
-
alignItems: "center",
|
|
73
|
-
[`${token.componentCls}-item-icon`]: {
|
|
74
|
-
[`${token.componentCls}-item-image`]: { width: collapsedFontSize },
|
|
75
|
-
".anticon": { fontSize }
|
|
76
|
-
},
|
|
77
|
-
[`${token.componentCls}-item-text`]: {
|
|
78
|
-
maxWidth: "100%",
|
|
79
|
-
textOverflow: "ellipsis",
|
|
80
|
-
overflow: "hidden",
|
|
81
|
-
wordBreak: "break-all",
|
|
82
|
-
whiteSpace: "nowrap"
|
|
83
|
-
},
|
|
84
|
-
"&-collapsed": {
|
|
85
|
-
minWidth: 40,
|
|
86
|
-
height: 40,
|
|
87
|
-
[`${token.componentCls}-item-text-has-icon`]: { display: "none !important" },
|
|
88
|
-
[`${token.componentCls}-item-icon`]: {
|
|
89
|
-
[`&${token.componentCls}-item-collapsed-icon-text`]: { ".anticon": { fontSize: token.fontSize } },
|
|
90
|
-
[`${token.componentCls}-item-image`]: { width: collapsedFontSize },
|
|
91
|
-
".anticon": { fontSize: collapsedFontSize }
|
|
92
|
-
}
|
|
93
|
-
},
|
|
94
|
-
"&-collapsed-level-0": {
|
|
95
|
-
flexDirection: "column",
|
|
96
|
-
justifyContent: "center",
|
|
97
|
-
[`&>${token.componentCls}-item-icon`]: { ".anticon": { display: "inline-flex" } }
|
|
98
|
-
},
|
|
99
|
-
[`&${token.componentCls}-group-item-title`]: {
|
|
100
|
-
gap: token.marginXS,
|
|
101
|
-
height: 18,
|
|
102
|
-
overflow: "hidden"
|
|
103
|
-
}
|
|
104
|
-
},
|
|
105
|
-
"&-group": { [`${token.antCls}-menu-item-group-title`]: {
|
|
106
|
-
fontSize: 12,
|
|
107
|
-
color: token.colorTextLabel,
|
|
108
|
-
".anticon": { marginInlineEnd: 8 }
|
|
109
|
-
} },
|
|
110
|
-
"&-group-divider": {
|
|
111
|
-
color: token.colorTextSecondary,
|
|
112
|
-
fontSize: 12,
|
|
113
|
-
lineHeight: 20
|
|
114
|
-
}
|
|
115
|
-
} },
|
|
116
|
-
[`${token.componentCls}-submenu-popup${token.antCls}-menu-submenu-popup`]: {
|
|
117
|
-
background: "transparent",
|
|
118
|
-
"-webkit-backdrop-filter": "blur(8px)",
|
|
119
|
-
backdropFilter: "blur(8px)",
|
|
120
|
-
[`${token.antCls}-menu>${token.antCls}-menu-item,${token.antCls}-menu>${token.antCls}-menu-submenu>${token.antCls}-menu-submenu-title`]: {
|
|
121
|
-
height: 32,
|
|
122
|
-
lineHeight: unit(32)
|
|
123
|
-
},
|
|
124
|
-
[`${token.componentCls}-item-title`]: {
|
|
125
|
-
display: "flex",
|
|
126
|
-
flexDirection: "row",
|
|
127
|
-
alignItems: "center",
|
|
128
|
-
gap: token.marginXS,
|
|
129
|
-
[`${token.componentCls}-item-icon`]: {
|
|
130
|
-
[`${token.componentCls}-item-image`]: { width: collapsedFontSize },
|
|
131
|
-
".anticon": { fontSize }
|
|
132
|
-
},
|
|
133
|
-
[`${token.componentCls}-item-text`]: {
|
|
134
|
-
maxWidth: "100%",
|
|
135
|
-
textOverflow: "ellipsis",
|
|
136
|
-
overflow: "hidden",
|
|
137
|
-
wordBreak: "break-all",
|
|
138
|
-
whiteSpace: "nowrap"
|
|
139
|
-
}
|
|
140
|
-
},
|
|
141
|
-
[`&${token.componentCls}-submenu-popup-sider`]: { [`${token.antCls}-menu-submenu-selected ${token.antCls}-menu-submenu-title`]: {
|
|
142
|
-
background: siderToken?.colorBgMenuItemSelected,
|
|
143
|
-
"&:hover": { color: siderToken?.colorTextMenuSelected }
|
|
144
|
-
} },
|
|
145
|
-
[`&${token.componentCls}-submenu-popup-header`]: { [`${token.antCls}-menu-submenu-selected ${token.antCls}-menu-submenu-title`]: {
|
|
146
|
-
background: siderToken?.colorBgMenuItemSelected,
|
|
147
|
-
"&:hover": { color: siderToken?.colorTextMenuSelected }
|
|
148
|
-
} },
|
|
149
|
-
[`&>${token.antCls}-menu${token.antCls}-menu-sub`]: { background: token.colorBgElevated }
|
|
150
|
-
}
|
|
151
|
-
};
|
|
152
|
-
};
|
|
153
|
-
|
|
154
|
-
//#endregion
|
|
155
|
-
export { ProBaseMenuStyle };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { ProRoute } from "../../types/Breadcrumb.js";
|
|
2
|
-
import * as vue103 from "vue";
|
|
3
|
-
import { PropType } from "vue";
|
|
4
|
-
import * as vue_jsx_runtime3 from "vue/jsx-runtime";
|
|
5
|
-
|
|
6
|
-
//#region src/components/BreadCrumb/Breadcrumb.d.ts
|
|
7
|
-
declare const Breadcrumb: vue103.DefineComponent<vue103.ExtractPropTypes<{
|
|
8
|
-
hashId: {
|
|
9
|
-
type: PropType<string>;
|
|
10
|
-
};
|
|
11
|
-
className: {
|
|
12
|
-
type: PropType<string>;
|
|
13
|
-
};
|
|
14
|
-
routes: {
|
|
15
|
-
type: PropType<ProRoute[]>;
|
|
16
|
-
default: () => any[];
|
|
17
|
-
};
|
|
18
|
-
}>, () => vue_jsx_runtime3.JSX.Element, {}, {}, {}, vue103.ComponentOptionsMixin, vue103.ComponentOptionsMixin, {}, string, vue103.PublicProps, Readonly<vue103.ExtractPropTypes<{
|
|
19
|
-
hashId: {
|
|
20
|
-
type: PropType<string>;
|
|
21
|
-
};
|
|
22
|
-
className: {
|
|
23
|
-
type: PropType<string>;
|
|
24
|
-
};
|
|
25
|
-
routes: {
|
|
26
|
-
type: PropType<ProRoute[]>;
|
|
27
|
-
default: () => any[];
|
|
28
|
-
};
|
|
29
|
-
}>> & Readonly<{}>, {
|
|
30
|
-
routes: ProRoute[];
|
|
31
|
-
}, {}, {}, {}, string, vue103.ComponentProvideOptions, true, {}, any>;
|
|
32
|
-
//#endregion
|
|
33
|
-
export { Breadcrumb as default };
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import { useProLayoutContext } from "../../Context/index.js";
|
|
2
|
-
import { Fragment, computed, createTextVNode, createVNode, defineComponent, isVNode } from "vue";
|
|
3
|
-
import { classNames, isString, isUrl } from "@gx-design-vue/pro-utils";
|
|
4
|
-
import { Dropdown, Menu, MenuItem, SubMenu } from "ant-design-vue";
|
|
5
|
-
import { DownOutlined, HomeOutlined } from "@ant-design/icons-vue";
|
|
6
|
-
import { useRouter } from "vue-router";
|
|
7
|
-
|
|
8
|
-
//#region src/components/BreadCrumb/Breadcrumb.tsx
|
|
9
|
-
function _isSlot(s) {
|
|
10
|
-
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
|
|
11
|
-
}
|
|
12
|
-
const Breadcrumb = /* @__PURE__ */ defineComponent({
|
|
13
|
-
name: "BreadCrumb",
|
|
14
|
-
inheritAttrs: false,
|
|
15
|
-
props: {
|
|
16
|
-
hashId: { type: String },
|
|
17
|
-
className: { type: String },
|
|
18
|
-
routes: {
|
|
19
|
-
type: Array,
|
|
20
|
-
default: () => []
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
|
-
setup(props) {
|
|
24
|
-
const router = useRouter();
|
|
25
|
-
const layoutContext = useProLayoutContext();
|
|
26
|
-
const prefixCls = computed(() => classNames(`${props.className}-routes`));
|
|
27
|
-
function onRouterClick(row, isLast) {
|
|
28
|
-
if (row.children && row.children.length > 0 || isLast) return;
|
|
29
|
-
if (row.name === "Root") router.push({ path: row.path });
|
|
30
|
-
const menuRow = layoutContext?.menu?.value?.flatMenus?.find((item) => item.name === row.name);
|
|
31
|
-
if (menuRow) {
|
|
32
|
-
const toPath = isString(menuRow.redirect) ? menuRow.redirect : menuRow.path || "";
|
|
33
|
-
const target = menuRow.meta?.link || "";
|
|
34
|
-
const hasUrl = isUrl(target);
|
|
35
|
-
if (router && router.currentRoute.value?.fullPath !== toPath) if (hasUrl && target && menuRow.meta?.linkStatus === 1) window.open(target);
|
|
36
|
-
else router.push({ path: toPath });
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
const RenderMenus = (menus) => {
|
|
40
|
-
return menus.map((menu) => {
|
|
41
|
-
const changeTitle = menu.name === router.currentRoute.value?.name ? layoutContext.currentMeta.value?.title : "";
|
|
42
|
-
if (menu.children && menu.children.length > 0) {
|
|
43
|
-
let _slot;
|
|
44
|
-
return createVNode(SubMenu, {
|
|
45
|
-
"key": menu.name,
|
|
46
|
-
"title": changeTitle || menu.breadcrumbName
|
|
47
|
-
}, _isSlot(_slot = RenderMenus(menu.children)) ? _slot : { default: () => [_slot] });
|
|
48
|
-
}
|
|
49
|
-
return createVNode(MenuItem, {
|
|
50
|
-
"key": menu.name,
|
|
51
|
-
"onClick": () => onRouterClick(menu)
|
|
52
|
-
}, { default: () => [changeTitle || menu.breadcrumbName] });
|
|
53
|
-
});
|
|
54
|
-
};
|
|
55
|
-
return () => {
|
|
56
|
-
const currentName = router.currentRoute.value?.name;
|
|
57
|
-
return createVNode("nav", { "class": classNames(prefixCls.value, props.hashId) }, [createVNode("ol", null, [props.routes.map((row, index) => {
|
|
58
|
-
let _slot2;
|
|
59
|
-
const changeTitle = row.name === currentName ? layoutContext.currentMeta.value?.title : "";
|
|
60
|
-
const breadcrumbItem = createVNode("div", {
|
|
61
|
-
"class": classNames(`${prefixCls.value}-link`, index === props.routes.length - 1 && `${prefixCls.value}-link-last`, props.hashId),
|
|
62
|
-
"onClick": () => onRouterClick(row, index === props.routes.length - 1)
|
|
63
|
-
}, [row.homeIcon ? row.homeIcon === true ? createVNode(HomeOutlined, null, null) : row.homeIcon : changeTitle || row.breadcrumbName]);
|
|
64
|
-
return createVNode(Fragment, null, [createVNode("li", {
|
|
65
|
-
"key": row.name,
|
|
66
|
-
"class": classNames(`${prefixCls.value}-item`, props.hashId)
|
|
67
|
-
}, [row.children && row.children.length > 0 ? createVNode(Dropdown, { "overlay": createVNode(Menu, { "selectedKeys": layoutContext.selectedKeys.value }, _isSlot(_slot2 = RenderMenus(row.children)) ? _slot2 : { default: () => [_slot2] }) }, { default: () => [createVNode("div", { "class": classNames(`${prefixCls.value}-overlay-link`, props.hashId) }, [changeTitle || row.breadcrumbName, createVNode(DownOutlined, null, null)])] }) : breadcrumbItem]), index < props.routes.length - 1 && createVNode("li", { "class": classNames(`${prefixCls.value}-separator`, props.hashId) }, [createTextVNode("/")])]);
|
|
68
|
-
})])]);
|
|
69
|
-
};
|
|
70
|
-
}
|
|
71
|
-
});
|
|
72
|
-
var Breadcrumb_default = Breadcrumb;
|
|
73
|
-
|
|
74
|
-
//#endregion
|
|
75
|
-
export { Breadcrumb_default as default };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as vue110 from "vue";
|
|
2
|
-
import * as ant_design_vue_es__util_type4 from "ant-design-vue/es/_util/type";
|
|
3
|
-
|
|
4
|
-
//#region src/components/BreadCrumb/index.d.ts
|
|
5
|
-
declare const _default: vue110.DefineComponent<{}, () => ant_design_vue_es__util_type4.VueNode, {}, {}, {}, vue110.ComponentOptionsMixin, vue110.ComponentOptionsMixin, {}, string, vue110.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue110.ComponentProvideOptions, true, {}, any>;
|
|
6
|
-
//#endregion
|
|
7
|
-
export { _default as default };
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { useProLayoutContext } from "../../Context/index.js";
|
|
2
|
-
import Breadcrumb_default from "./Breadcrumb.js";
|
|
3
|
-
import { ProBreadCrumbStyle } from "./style.js";
|
|
4
|
-
import { computed, createVNode, defineComponent } from "vue";
|
|
5
|
-
import { useProStyle } from "@gx-design-vue/pro-provider";
|
|
6
|
-
import { classNames, getPrefixCls } from "@gx-design-vue/pro-utils";
|
|
7
|
-
import { cloneDeep as cloneDeep$1 } from "es-toolkit";
|
|
8
|
-
|
|
9
|
-
//#region src/components/BreadCrumb/index.tsx
|
|
10
|
-
var BreadCrumb_default = /* @__PURE__ */ defineComponent({
|
|
11
|
-
name: "BreadCrumb",
|
|
12
|
-
setup() {
|
|
13
|
-
const layoutContext = useProLayoutContext();
|
|
14
|
-
const baseClassName = (layoutContext?.getPrefixCls || getPrefixCls)({
|
|
15
|
-
isPor: true,
|
|
16
|
-
suffixCls: "breadcrumb"
|
|
17
|
-
});
|
|
18
|
-
const { wrapSSR, hashId } = useProStyle("ProBreadCrumb", [ProBreadCrumbStyle], baseClassName);
|
|
19
|
-
const breadcrumbRoutes = computed(() => {
|
|
20
|
-
const breadcrumb = layoutContext?.breadcrumb?.value || {};
|
|
21
|
-
const homeIcon = breadcrumb.homeIcon;
|
|
22
|
-
return (homeIcon && breadcrumb.routes?.length ? [{
|
|
23
|
-
path: "/",
|
|
24
|
-
name: "Root",
|
|
25
|
-
homeIcon,
|
|
26
|
-
breadcrumbName: "首页"
|
|
27
|
-
}] : []).concat(cloneDeep$1(breadcrumb.routes || []));
|
|
28
|
-
});
|
|
29
|
-
return () => {
|
|
30
|
-
const breadcrumbRender = layoutContext.breadcrumbRender.value === false ? false : layoutContext.breadcrumbRender.value || layoutContext?.breadcrumb?.value?.breadcrumbRender;
|
|
31
|
-
return wrapSSR(createVNode("div", { "class": classNames(baseClassName, hashId.value, layoutContext?.breadcrumb?.value?.position === "header" && `${baseClassName}-header`) }, [breadcrumbRender === false ? createVNode("span", null, null) : typeof breadcrumbRender === "function" ? breadcrumbRender?.({
|
|
32
|
-
...layoutContext?.breadcrumb?.value || {},
|
|
33
|
-
routes: breadcrumbRoutes.value
|
|
34
|
-
}) : createVNode(Breadcrumb_default, {
|
|
35
|
-
"className": baseClassName,
|
|
36
|
-
"hashId": hashId.value,
|
|
37
|
-
"routes": breadcrumbRoutes.value
|
|
38
|
-
}, null)]));
|
|
39
|
-
};
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
|
|
43
|
-
//#endregion
|
|
44
|
-
export { BreadCrumb_default as default };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { CSSObject, GenerateStyle, ProAliasToken } from "@gx-design-vue/pro-provider";
|
|
2
|
-
|
|
3
|
-
//#region src/components/BreadCrumb/style.d.ts
|
|
4
|
-
declare function genFocusOutline(token: ProAliasToken, offset?: number): CSSObject;
|
|
5
|
-
declare function genFocusStyle(token: ProAliasToken, offset?: number): CSSObject;
|
|
6
|
-
declare const ProBreadCrumbStyle: GenerateStyle;
|
|
7
|
-
//#endregion
|
|
8
|
-
export { ProBreadCrumbStyle, genFocusOutline, genFocusStyle };
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
import { resetComponent, unit } from "@gx-design-vue/pro-provider";
|
|
2
|
-
|
|
3
|
-
//#region src/components/BreadCrumb/style.ts
|
|
4
|
-
function genFocusOutline(token, offset) {
|
|
5
|
-
return {
|
|
6
|
-
outline: `${unit(3)} solid ${token.colorPrimaryBorder}`,
|
|
7
|
-
outlineOffset: offset ?? 1,
|
|
8
|
-
transition: "outline-offset 0s, outline 0s"
|
|
9
|
-
};
|
|
10
|
-
}
|
|
11
|
-
function genFocusStyle(token, offset) {
|
|
12
|
-
return { "&:focus-visible": genFocusOutline(token, offset) };
|
|
13
|
-
}
|
|
14
|
-
const ProBreadCrumbStyle = (token) => {
|
|
15
|
-
const iconCls = ".anticon";
|
|
16
|
-
const breadCrumbRouters = `${token.componentCls}-routes`;
|
|
17
|
-
return { [token.componentCls]: {
|
|
18
|
-
[`&${token.componentCls}-header`]: {},
|
|
19
|
-
[breadCrumbRouters]: {
|
|
20
|
-
...resetComponent(token),
|
|
21
|
-
color: token.colorTextDescription,
|
|
22
|
-
fontSize: token.fontSize,
|
|
23
|
-
[iconCls]: { fontSize: token.fontSize },
|
|
24
|
-
ol: {
|
|
25
|
-
display: "flex",
|
|
26
|
-
flexWrap: "wrap",
|
|
27
|
-
margin: 0,
|
|
28
|
-
padding: 0,
|
|
29
|
-
listStyle: "none"
|
|
30
|
-
},
|
|
31
|
-
"li": { cursor: "pointer" },
|
|
32
|
-
[`${breadCrumbRouters}-item`]: {
|
|
33
|
-
display: "flex",
|
|
34
|
-
alignItems: "center"
|
|
35
|
-
},
|
|
36
|
-
[`${breadCrumbRouters}-link`]: {
|
|
37
|
-
color: token.colorTextDescription,
|
|
38
|
-
transition: `color ${token.motionDurationMid}`,
|
|
39
|
-
padding: `0 ${unit(token.paddingXXS)}`,
|
|
40
|
-
borderRadius: token.borderRadiusSM,
|
|
41
|
-
height: token.fontSize * token.lineHeight,
|
|
42
|
-
display: "flex",
|
|
43
|
-
alignItems: "center",
|
|
44
|
-
gap: token.marginXXS,
|
|
45
|
-
marginInline: token.calc(token.marginXXS).mul(-1).equal(),
|
|
46
|
-
[`&${breadCrumbRouters}-link-last`]: {
|
|
47
|
-
color: token.colorText,
|
|
48
|
-
"&:hover": {
|
|
49
|
-
color: token.colorText,
|
|
50
|
-
backgroundColor: "unset"
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
"&:hover": {
|
|
54
|
-
color: token.colorText,
|
|
55
|
-
backgroundColor: token.colorBgTextHover
|
|
56
|
-
},
|
|
57
|
-
...genFocusStyle(token)
|
|
58
|
-
},
|
|
59
|
-
"li:last-child": { cursor: "default" },
|
|
60
|
-
[`${breadCrumbRouters}-separator`]: {
|
|
61
|
-
marginInline: token.marginXS,
|
|
62
|
-
color: token.colorTextDescription
|
|
63
|
-
},
|
|
64
|
-
[`${breadCrumbRouters}-overlay-link`]: {
|
|
65
|
-
borderRadius: token.borderRadiusSM,
|
|
66
|
-
height: token.fontSize * token.lineHeight,
|
|
67
|
-
transition: `color ${token.motionDurationMid}`,
|
|
68
|
-
display: "flex",
|
|
69
|
-
alignItems: "center",
|
|
70
|
-
padding: `0 ${unit(token.paddingXXS)}`,
|
|
71
|
-
marginInline: token.calc(token.marginXXS).mul(-1).equal(),
|
|
72
|
-
[`> ${iconCls}`]: {
|
|
73
|
-
marginInlineStart: token.marginXXS,
|
|
74
|
-
fontSize: token.fontSizeIcon
|
|
75
|
-
},
|
|
76
|
-
"&:hover": {
|
|
77
|
-
color: token.colorText,
|
|
78
|
-
backgroundColor: token.colorBgTextHover
|
|
79
|
-
},
|
|
80
|
-
...genFocusStyle(token)
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
} };
|
|
84
|
-
};
|
|
85
|
-
|
|
86
|
-
//#endregion
|
|
87
|
-
export { ProBreadCrumbStyle, genFocusOutline, genFocusStyle };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { CollapsedButtonRender, CollapsedIconRender } from "../../types/SlotsTypings.js";
|
|
2
|
-
import * as vue10 from "vue";
|
|
3
|
-
import { PropType } from "vue";
|
|
4
|
-
import { CustomRender } from "@gx-design-vue/pro-utils";
|
|
5
|
-
import * as ant_design_vue_es__util_type0 from "ant-design-vue/es/_util/type";
|
|
6
|
-
|
|
7
|
-
//#region src/components/CollapsedIcon/index.d.ts
|
|
8
|
-
declare function renderCollapsedButton(buttonRender: CollapsedButtonRender | undefined, collapsed: boolean, dom?: CustomRender): CustomRender;
|
|
9
|
-
declare function defaultRenderCollapsedButton(props: {
|
|
10
|
-
collapsed?: boolean;
|
|
11
|
-
iconRender?: CollapsedIconRender;
|
|
12
|
-
}): CustomRender;
|
|
13
|
-
declare const _default: vue10.DefineComponent<vue10.ExtractPropTypes<{
|
|
14
|
-
isMobile: PropType<boolean>;
|
|
15
|
-
collapsed: PropType<boolean>;
|
|
16
|
-
onClick: PropType<(e: MouseEvent) => void>;
|
|
17
|
-
iconRender: {
|
|
18
|
-
type: PropType<CollapsedIconRender>;
|
|
19
|
-
default: () => any;
|
|
20
|
-
};
|
|
21
|
-
}>, () => ant_design_vue_es__util_type0.VueNode, {}, {}, {}, vue10.ComponentOptionsMixin, vue10.ComponentOptionsMixin, {}, string, vue10.PublicProps, Readonly<vue10.ExtractPropTypes<{
|
|
22
|
-
isMobile: PropType<boolean>;
|
|
23
|
-
collapsed: PropType<boolean>;
|
|
24
|
-
onClick: PropType<(e: MouseEvent) => void>;
|
|
25
|
-
iconRender: {
|
|
26
|
-
type: PropType<CollapsedIconRender>;
|
|
27
|
-
default: () => any;
|
|
28
|
-
};
|
|
29
|
-
}>> & Readonly<{}>, {
|
|
30
|
-
iconRender: CollapsedIconRender;
|
|
31
|
-
}, {}, {}, {}, string, vue10.ComponentProvideOptions, true, {}, any>;
|
|
32
|
-
//#endregion
|
|
33
|
-
export { _default as default, defaultRenderCollapsedButton, renderCollapsedButton };
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { useProLayoutContext } from "../../Context/index.js";
|
|
2
|
-
import collapsedProps_default from "../../props/collapsedProps.js";
|
|
3
|
-
import { ArrowSvgIcon } from "../SiderMenu/Arrow.js";
|
|
4
|
-
import { genSiderMenuCollapsedIconStyle } from "./style.js";
|
|
5
|
-
import { createVNode, defineComponent } from "vue";
|
|
6
|
-
import { useProStyle } from "@gx-design-vue/pro-provider";
|
|
7
|
-
import { classNames } from "@gx-design-vue/pro-utils";
|
|
8
|
-
import { MenuFoldOutlined, MenuUnfoldOutlined } from "@ant-design/icons-vue";
|
|
9
|
-
|
|
10
|
-
//#region src/components/CollapsedIcon/index.tsx
|
|
11
|
-
function renderCollapsedButton(buttonRender, collapsed, dom) {
|
|
12
|
-
return buttonRender !== false ? typeof buttonRender === "function" ? buttonRender(collapsed, dom) : buttonRender || dom : dom;
|
|
13
|
-
}
|
|
14
|
-
function defaultRenderCollapsedButton(props) {
|
|
15
|
-
if (props.iconRender) return typeof props?.iconRender === "function" ? props?.iconRender() : props.iconRender;
|
|
16
|
-
return props.collapsed ? createVNode(MenuUnfoldOutlined, null, null) : createVNode(MenuFoldOutlined, null, null);
|
|
17
|
-
}
|
|
18
|
-
var CollapsedIcon_default = /* @__PURE__ */ defineComponent({
|
|
19
|
-
name: "CollapsedIcon",
|
|
20
|
-
inheritAttrs: false,
|
|
21
|
-
props: {
|
|
22
|
-
isMobile: Boolean,
|
|
23
|
-
collapsed: Boolean,
|
|
24
|
-
onClick: Function,
|
|
25
|
-
iconRender: collapsedProps_default.collapsedIconRender
|
|
26
|
-
},
|
|
27
|
-
setup(props) {
|
|
28
|
-
const { getPrefixCls, zIndex } = useProLayoutContext();
|
|
29
|
-
const className = getPrefixCls({
|
|
30
|
-
suffixCls: "collapsed-button",
|
|
31
|
-
isPor: true
|
|
32
|
-
});
|
|
33
|
-
const { wrapSSR, hashId } = useProStyle("SiderMenuCollapsedIcon", [genSiderMenuCollapsedIconStyle], className);
|
|
34
|
-
return () => {
|
|
35
|
-
return wrapSSR(createVNode("div", {
|
|
36
|
-
"class": classNames(className, hashId.value, {
|
|
37
|
-
[`${className}-collapsed`]: props.collapsed,
|
|
38
|
-
[`${className}-is-mobile`]: props.isMobile
|
|
39
|
-
}),
|
|
40
|
-
"style": { zIndex: zIndex.value + 1 },
|
|
41
|
-
"onClick": (e) => props.onClick?.(e)
|
|
42
|
-
}, [defaultRenderCollapsedButton({
|
|
43
|
-
collapsed: props.collapsed,
|
|
44
|
-
iconRender: props.iconRender ? props.iconRender : () => createVNode(ArrowSvgIcon, null, null)
|
|
45
|
-
})]));
|
|
46
|
-
};
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
|
-
|
|
50
|
-
//#endregion
|
|
51
|
-
export { CollapsedIcon_default as default, defaultRenderCollapsedButton, renderCollapsedButton };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { GenerateStyle, ProAliasToken } from "@gx-design-vue/pro-provider";
|
|
2
|
-
|
|
3
|
-
//#region src/components/CollapsedIcon/style.d.ts
|
|
4
|
-
interface SiderMenuCollapsedIconToken extends ProAliasToken {
|
|
5
|
-
componentCls: string;
|
|
6
|
-
}
|
|
7
|
-
declare const genSiderMenuCollapsedIconStyle: GenerateStyle<SiderMenuCollapsedIconToken>;
|
|
8
|
-
//#endregion
|
|
9
|
-
export { SiderMenuCollapsedIconToken, genSiderMenuCollapsedIconStyle };
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
//#region src/components/CollapsedIcon/style.ts
|
|
2
|
-
const genSiderMenuCollapsedIconStyle = (token) => {
|
|
3
|
-
return { [token.componentCls]: {
|
|
4
|
-
position: "absolute",
|
|
5
|
-
insetBlockStart: "18px",
|
|
6
|
-
width: "24px",
|
|
7
|
-
height: "24px",
|
|
8
|
-
fontSize: ["14px", "16px"],
|
|
9
|
-
textAlign: "center",
|
|
10
|
-
borderRadius: "40px",
|
|
11
|
-
insetInlineEnd: "-13px",
|
|
12
|
-
transition: "transform 0.3s",
|
|
13
|
-
display: "flex",
|
|
14
|
-
alignItems: "center",
|
|
15
|
-
justifyContent: "center",
|
|
16
|
-
cursor: "pointer",
|
|
17
|
-
color: token.layout?.sider?.colorTextCollapsedButton,
|
|
18
|
-
backgroundColor: token.layout?.sider?.colorBgCollapsedButton,
|
|
19
|
-
boxShadow: "0 2px 8px -2px rgba(0,0,0,0.05), 0 1px 4px -1px rgba(25,15,15,0.07), 0 0 1px 0 rgba(0,0,0,0.08)",
|
|
20
|
-
"&:hover": {
|
|
21
|
-
color: token.layout?.sider?.colorTextCollapsedButtonHover,
|
|
22
|
-
boxShadow: "0 4px 16px -4px rgba(0,0,0,0.05), 0 2px 8px -2px rgba(25,15,15,0.07), 0 1px 2px 0 rgba(0,0,0,0.08)"
|
|
23
|
-
},
|
|
24
|
-
".anticon": { fontSize: "14px" },
|
|
25
|
-
"& > svg": {
|
|
26
|
-
transition: "transform 0.3s",
|
|
27
|
-
transform: "rotate(90deg)"
|
|
28
|
-
},
|
|
29
|
-
"&-collapsed": { "& > svg": { transform: "rotate(-90deg)" } }
|
|
30
|
-
} };
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
//#endregion
|
|
34
|
-
export { genSiderMenuCollapsedIconStyle };
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { ProLayoutContextProps } from "../../Context/index.js";
|
|
2
|
-
import { FooterToolBarToken } from "./style/index.js";
|
|
3
|
-
import { CSSProperties, PropType } from "vue";
|
|
4
|
-
import { CustomRender } from "@gx-design-vue/pro-utils";
|
|
5
|
-
import { GenerateStyle } from "ant-design-vue/es/theme/internal";
|
|
6
|
-
|
|
7
|
-
//#region src/components/FooterToolbar/props.d.ts
|
|
8
|
-
interface FooterToolbarProps {
|
|
9
|
-
extra?: CustomRender;
|
|
10
|
-
style?: CSSProperties;
|
|
11
|
-
class?: string;
|
|
12
|
-
renderContent?: (props: {
|
|
13
|
-
props: FooterToolbarProps & ProLayoutContextProps & {
|
|
14
|
-
leftWidth?: string;
|
|
15
|
-
};
|
|
16
|
-
dom: CustomRender;
|
|
17
|
-
}) => CustomRender;
|
|
18
|
-
prefixCls?: string;
|
|
19
|
-
portalDom?: boolean;
|
|
20
|
-
stylish?: GenerateStyle<FooterToolBarToken>;
|
|
21
|
-
}
|
|
22
|
-
declare function footerToolbarProps(): {
|
|
23
|
-
extra: {
|
|
24
|
-
type: PropType<FooterToolbarProps["extra"]>;
|
|
25
|
-
default: any;
|
|
26
|
-
};
|
|
27
|
-
style: {
|
|
28
|
-
type: PropType<CSSProperties>;
|
|
29
|
-
default: () => {};
|
|
30
|
-
};
|
|
31
|
-
class: {
|
|
32
|
-
type: PropType<string>;
|
|
33
|
-
};
|
|
34
|
-
renderContent: {
|
|
35
|
-
type: PropType<FooterToolbarProps["renderContent"]>;
|
|
36
|
-
default: any;
|
|
37
|
-
};
|
|
38
|
-
portalDom: {
|
|
39
|
-
type: PropType<boolean>;
|
|
40
|
-
default: boolean;
|
|
41
|
-
};
|
|
42
|
-
stylish: {
|
|
43
|
-
type: PropType<FooterToolbarProps["stylish"]>;
|
|
44
|
-
};
|
|
45
|
-
};
|
|
46
|
-
//#endregion
|
|
47
|
-
export { FooterToolbarProps, footerToolbarProps };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
//#region src/components/FooterToolbar/props.ts
|
|
2
|
-
function footerToolbarProps() {
|
|
3
|
-
return {
|
|
4
|
-
extra: {
|
|
5
|
-
type: [
|
|
6
|
-
Object,
|
|
7
|
-
String,
|
|
8
|
-
Number,
|
|
9
|
-
Function,
|
|
10
|
-
Object,
|
|
11
|
-
Array
|
|
12
|
-
],
|
|
13
|
-
default: void 0
|
|
14
|
-
},
|
|
15
|
-
style: {
|
|
16
|
-
type: Object,
|
|
17
|
-
default: () => ({})
|
|
18
|
-
},
|
|
19
|
-
class: { type: String },
|
|
20
|
-
renderContent: {
|
|
21
|
-
type: Function,
|
|
22
|
-
default: void 0
|
|
23
|
-
},
|
|
24
|
-
portalDom: {
|
|
25
|
-
type: Boolean,
|
|
26
|
-
default: true
|
|
27
|
-
},
|
|
28
|
-
stylish: { type: Object }
|
|
29
|
-
};
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
//#endregion
|
|
33
|
-
export { footerToolbarProps };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as vue117 from "vue";
|
|
2
|
-
import { ProAliasToken } from "@gx-design-vue/pro-provider";
|
|
3
|
-
import * as ant_design_vue_es__util_type9 from "ant-design-vue/es/_util/type";
|
|
4
|
-
|
|
5
|
-
//#region src/components/FooterToolbar/style/index.d.ts
|
|
6
|
-
interface FooterToolBarToken extends ProAliasToken {
|
|
7
|
-
componentCls: string;
|
|
8
|
-
}
|
|
9
|
-
declare function useStyle(prefixCls: string): {
|
|
10
|
-
wrapSSR: (node: ant_design_vue_es__util_type9.VueNode) => ant_design_vue_es__util_type9.VueNode;
|
|
11
|
-
hashId: vue117.ComputedRef<string>;
|
|
12
|
-
};
|
|
13
|
-
//#endregion
|
|
14
|
-
export { FooterToolBarToken, useStyle };
|