@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.
Files changed (272) hide show
  1. package/dist/ProLayout.d.ts +4 -536
  2. package/dist/ProLayout.js +489 -358
  3. package/dist/components/AppPage/context.d.ts +4 -3
  4. package/dist/components/AppPage/context.js +3 -5
  5. package/dist/components/AppPage/index.d.ts +29 -52
  6. package/dist/components/AppPage/index.js +71 -54
  7. package/dist/components/AppPage/style.d.ts +8 -7
  8. package/dist/components/AppPage/style.js +16 -17
  9. package/dist/components/Breadcrumb/index.d.ts +19 -0
  10. package/dist/components/Breadcrumb/index.js +129 -0
  11. package/dist/components/Breadcrumb/interface.d.ts +33 -0
  12. package/dist/components/Breadcrumb/interface.js +1 -0
  13. package/dist/components/CollapseButton/Arrow.d.ts +4 -0
  14. package/dist/components/{SiderMenu → CollapseButton}/Arrow.js +2 -4
  15. package/dist/components/CollapseButton/index.d.ts +7 -0
  16. package/dist/components/CollapseButton/index.js +45 -0
  17. package/dist/components/CollapseButton/interface.d.ts +19 -0
  18. package/dist/components/CollapseButton/interface.js +1 -0
  19. package/dist/components/Footer/index.d.ts +10 -0
  20. package/dist/components/Footer/index.js +69 -0
  21. package/dist/components/Footer/interface.d.ts +22 -0
  22. package/dist/components/Footer/interface.js +1 -0
  23. package/dist/components/FooterToolbar/index.d.ts +5 -72
  24. package/dist/components/FooterToolbar/index.js +77 -90
  25. package/dist/components/FooterToolbar/style.d.ts +10 -0
  26. package/dist/components/FooterToolbar/style.js +34 -0
  27. package/dist/components/Header/index.d.ts +7 -0
  28. package/dist/components/Header/index.js +140 -0
  29. package/dist/components/Header/interface.d.ts +41 -0
  30. package/dist/components/Header/interface.js +1 -0
  31. package/dist/components/Logo/index.d.ts +9 -0
  32. package/dist/components/Logo/index.js +63 -0
  33. package/dist/components/Logo/interface.d.ts +13 -0
  34. package/dist/components/Logo/interface.js +1 -0
  35. package/dist/components/Menu/iconRender.d.ts +10 -0
  36. package/dist/components/Menu/iconRender.js +23 -0
  37. package/dist/components/Menu/index.d.ts +13 -0
  38. package/dist/components/Menu/index.js +778 -0
  39. package/dist/components/Menu/interface.d.ts +50 -0
  40. package/dist/components/Menu/interface.js +9 -0
  41. package/dist/components/Menu/overflow.d.ts +39 -0
  42. package/dist/components/Menu/overflow.js +81 -0
  43. package/dist/components/Menu/style/base.d.ts +12 -0
  44. package/dist/components/Menu/style/base.js +36 -0
  45. package/dist/components/Menu/style/horizontal.d.ts +19 -0
  46. package/dist/components/Menu/style/horizontal.js +303 -0
  47. package/dist/components/Menu/style/index.d.ts +356 -0
  48. package/dist/components/Menu/style/index.js +147 -0
  49. package/dist/components/Menu/style/inline.d.ts +13 -0
  50. package/dist/components/Menu/style/inline.js +292 -0
  51. package/dist/components/PageContainer/PageHeader.d.ts +30 -36
  52. package/dist/components/PageContainer/PageHeader.js +80 -46
  53. package/dist/components/PageContainer/index.d.ts +8 -194
  54. package/dist/components/PageContainer/index.js +297 -209
  55. package/dist/components/PageContainer/style.d.ts +5 -0
  56. package/dist/components/PageContainer/style.js +142 -0
  57. package/dist/components/PageTransition/animate.d.ts +41 -0
  58. package/dist/components/PageTransition/animate.js +106 -0
  59. package/dist/components/PageTransition/index.d.ts +57 -0
  60. package/dist/components/PageTransition/index.js +66 -0
  61. package/dist/components/{PageTranstion → PageTransition}/keyFrame/back.d.ts +4 -4
  62. package/dist/components/{PageTranstion → PageTransition}/keyFrame/back.js +2 -4
  63. package/dist/components/{PageTranstion → PageTransition}/keyFrame/bounce.d.ts +4 -4
  64. package/dist/components/{PageTranstion → PageTransition}/keyFrame/bounce.js +2 -4
  65. package/dist/components/{PageTranstion → PageTransition}/keyFrame/fade.d.ts +4 -4
  66. package/dist/components/{PageTranstion → PageTransition}/keyFrame/fade.js +2 -4
  67. package/dist/components/{PageTranstion → PageTransition}/keyFrame/flip.d.ts +4 -4
  68. package/dist/components/{PageTranstion → PageTransition}/keyFrame/flip.js +2 -4
  69. package/dist/components/{PageTranstion → PageTransition}/keyFrame/lightSpeed.d.ts +4 -4
  70. package/dist/components/{PageTranstion → PageTransition}/keyFrame/lightSpeed.js +2 -4
  71. package/dist/components/PageTransition/keyFrame/roll.d.ts +10 -0
  72. package/dist/components/{PageTranstion → PageTransition}/keyFrame/roll.js +2 -4
  73. package/dist/components/{PageTranstion → PageTransition}/keyFrame/rotate.d.ts +4 -4
  74. package/dist/components/{PageTranstion → PageTransition}/keyFrame/rotate.js +2 -4
  75. package/dist/components/{PageTranstion → PageTransition}/keyFrame/slide.d.ts +4 -4
  76. package/dist/components/{PageTranstion → PageTransition}/keyFrame/slide.js +2 -4
  77. package/dist/components/{PageTranstion → PageTransition}/keyFrame/zoom.d.ts +4 -4
  78. package/dist/components/{PageTranstion → PageTransition}/keyFrame/zoom.js +2 -4
  79. package/dist/components/PageTransition/style.d.ts +11 -0
  80. package/dist/components/{PageTranstion → PageTransition}/style.js +9 -13
  81. package/dist/components/Sider/index.d.ts +7 -0
  82. package/dist/components/Sider/index.js +206 -0
  83. package/dist/components/Sider/interface.d.ts +39 -0
  84. package/dist/components/Sider/interface.js +1 -0
  85. package/dist/components/Tabs/InnerTabs.d.ts +7 -0
  86. package/dist/components/Tabs/InnerTabs.js +117 -0
  87. package/dist/components/Tabs/contextMenu.d.ts +41 -0
  88. package/dist/components/Tabs/contextMenu.js +89 -0
  89. package/dist/components/Tabs/hooks/flipAnimate.d.ts +24 -0
  90. package/dist/components/Tabs/hooks/flipAnimate.js +40 -0
  91. package/dist/components/Tabs/hooks/useAutoScroll.d.ts +27 -0
  92. package/dist/components/Tabs/hooks/useAutoScroll.js +122 -0
  93. package/dist/components/Tabs/hooks/useTabDrag.d.ts +31 -0
  94. package/dist/components/Tabs/hooks/useTabDrag.js +252 -0
  95. package/dist/components/Tabs/index.d.ts +13 -0
  96. package/dist/components/Tabs/index.js +181 -0
  97. package/dist/components/Tabs/interface.d.ts +74 -0
  98. package/dist/components/Tabs/interface.js +1 -0
  99. package/dist/components/Tabs/style/index.d.ts +35 -0
  100. package/dist/components/Tabs/style/index.js +161 -0
  101. package/dist/components/WrapContent/index.d.ts +9 -0
  102. package/dist/components/WrapContent/index.js +26 -0
  103. package/dist/components/WrapContent/interface.d.ts +15 -0
  104. package/dist/components/WrapContent/interface.js +1 -0
  105. package/dist/context/index.d.ts +53 -0
  106. package/dist/context/index.js +5 -0
  107. package/dist/defaultConfig.d.ts +10 -0
  108. package/dist/defaultConfig.js +38 -0
  109. package/dist/hooks/useLayoutBase.d.ts +78 -0
  110. package/dist/hooks/useLayoutBase.js +86 -0
  111. package/dist/hooks/useMenu.d.ts +77 -0
  112. package/dist/hooks/useMenu.js +166 -0
  113. package/dist/hooks/useTabs.d.ts +54 -0
  114. package/dist/hooks/useTabs.js +388 -0
  115. package/dist/index.d.ts +22 -27
  116. package/dist/index.js +15 -24
  117. package/dist/interface.d.ts +516 -0
  118. package/dist/interface.js +34 -0
  119. package/dist/pro-layout.esm.js +5848 -5075
  120. package/dist/pro-layout.js +16 -37
  121. package/dist/style/breadcrumb.d.ts +8 -0
  122. package/dist/style/breadcrumb.js +77 -0
  123. package/dist/style/collapseButton.d.ts +8 -0
  124. package/dist/style/collapseButton.js +57 -0
  125. package/dist/style/content.d.ts +8 -0
  126. package/dist/style/content.js +29 -0
  127. package/dist/style/footer.d.ts +8 -0
  128. package/dist/style/footer.js +33 -0
  129. package/dist/style/header.d.ts +8 -0
  130. package/dist/style/header.js +76 -0
  131. package/dist/style/index.d.ts +3 -22
  132. package/dist/style/index.js +51 -55
  133. package/dist/style/logo.d.ts +8 -0
  134. package/dist/style/logo.js +76 -0
  135. package/dist/style/menu.d.ts +15 -0
  136. package/dist/style/menu.js +49 -0
  137. package/dist/style/rightContent.d.ts +12 -0
  138. package/dist/style/rightContent.js +74 -0
  139. package/dist/style/search.d.ts +12 -0
  140. package/dist/style/search.js +94 -0
  141. package/dist/style/sider.d.ts +8 -0
  142. package/dist/style/sider.js +92 -0
  143. package/dist/style/tabs.d.ts +14 -0
  144. package/dist/style/tabs.js +97 -0
  145. package/dist/theme/augment.d.ts +20 -0
  146. package/dist/theme/augment.js +1 -0
  147. package/dist/theme/interface/components.d.ts +20 -0
  148. package/dist/theme/interface/components.js +1 -0
  149. package/dist/utils/config.d.ts +12 -0
  150. package/dist/utils/config.js +18 -0
  151. package/dist/utils/menu.d.ts +111 -20
  152. package/dist/utils/menu.js +263 -118
  153. package/dist/utils/style.d.ts +4 -0
  154. package/dist/utils/style.js +21 -0
  155. package/dist/utils/themeComponents.d.ts +28 -0
  156. package/dist/utils/themeComponents.js +89 -0
  157. package/package.json +24 -15
  158. package/dist/Context/expose.d.ts +0 -6
  159. package/dist/Context/expose.js +0 -7
  160. package/dist/Context/index.d.ts +0 -43
  161. package/dist/Context/index.js +0 -18
  162. package/dist/WrapContent.d.ts +0 -100
  163. package/dist/WrapContent.js +0 -45
  164. package/dist/components/BaseMenu/index.d.ts +0 -255
  165. package/dist/components/BaseMenu/index.js +0 -381
  166. package/dist/components/BaseMenu/props.d.ts +0 -105
  167. package/dist/components/BaseMenu/props.js +0 -94
  168. package/dist/components/BaseMenu/style.d.ts +0 -6
  169. package/dist/components/BaseMenu/style.js +0 -155
  170. package/dist/components/BreadCrumb/Breadcrumb.d.ts +0 -33
  171. package/dist/components/BreadCrumb/Breadcrumb.js +0 -75
  172. package/dist/components/BreadCrumb/index.d.ts +0 -7
  173. package/dist/components/BreadCrumb/index.js +0 -44
  174. package/dist/components/BreadCrumb/style.d.ts +0 -8
  175. package/dist/components/BreadCrumb/style.js +0 -87
  176. package/dist/components/CollapsedIcon/index.d.ts +0 -33
  177. package/dist/components/CollapsedIcon/index.js +0 -51
  178. package/dist/components/CollapsedIcon/style.d.ts +0 -9
  179. package/dist/components/CollapsedIcon/style.js +0 -34
  180. package/dist/components/FooterToolbar/props.d.ts +0 -47
  181. package/dist/components/FooterToolbar/props.js +0 -33
  182. package/dist/components/FooterToolbar/style/index.d.ts +0 -14
  183. package/dist/components/FooterToolbar/style/index.js +0 -48
  184. package/dist/components/FooterToolbar/style/stylish.d.ts +0 -18
  185. package/dist/components/FooterToolbar/style/stylish.js +0 -16
  186. package/dist/components/GlobalFooter/index.d.ts +0 -73
  187. package/dist/components/GlobalFooter/index.js +0 -77
  188. package/dist/components/GlobalFooter/style.d.ts +0 -6
  189. package/dist/components/GlobalFooter/style.js +0 -29
  190. package/dist/components/GlobalHeader/DefaultHeader.d.ts +0 -164
  191. package/dist/components/GlobalHeader/DefaultHeader.js +0 -149
  192. package/dist/components/GlobalHeader/index.d.ts +0 -164
  193. package/dist/components/GlobalHeader/index.js +0 -78
  194. package/dist/components/GlobalHeader/props.d.ts +0 -70
  195. package/dist/components/GlobalHeader/props.js +0 -56
  196. package/dist/components/GlobalHeader/style/defaultHeader.d.ts +0 -6
  197. package/dist/components/GlobalHeader/style/defaultHeader.js +0 -108
  198. package/dist/components/GlobalHeader/style/header.d.ts +0 -6
  199. package/dist/components/GlobalHeader/style/header.js +0 -41
  200. package/dist/components/LogoContent/index.d.ts +0 -80
  201. package/dist/components/LogoContent/index.js +0 -90
  202. package/dist/components/LogoContent/props.d.ts +0 -57
  203. package/dist/components/LogoContent/props.js +0 -37
  204. package/dist/components/LogoContent/style.d.ts +0 -6
  205. package/dist/components/LogoContent/style.js +0 -63
  206. package/dist/components/PageContainer/props.d.ts +0 -138
  207. package/dist/components/PageContainer/props.js +0 -103
  208. package/dist/components/PageContainer/style/index.d.ts +0 -14
  209. package/dist/components/PageContainer/style/index.js +0 -52
  210. package/dist/components/PageContainer/style/pageHeader.d.ts +0 -6
  211. package/dist/components/PageContainer/style/pageHeader.js +0 -44
  212. package/dist/components/PageTranstion/index.d.ts +0 -40
  213. package/dist/components/PageTranstion/index.js +0 -71
  214. package/dist/components/PageTranstion/keyFrame/roll.d.ts +0 -10
  215. package/dist/components/PageTranstion/style.d.ts +0 -10
  216. package/dist/components/SiderMenu/Arrow.d.ts +0 -6
  217. package/dist/components/SiderMenu/SiderMenu.d.ts +0 -180
  218. package/dist/components/SiderMenu/SiderMenu.js +0 -265
  219. package/dist/components/SiderMenu/index.d.ts +0 -193
  220. package/dist/components/SiderMenu/index.js +0 -51
  221. package/dist/components/SiderMenu/props.d.ts +0 -77
  222. package/dist/components/SiderMenu/props.js +0 -67
  223. package/dist/components/SiderMenu/style/index.d.ts +0 -12
  224. package/dist/components/SiderMenu/style/index.js +0 -162
  225. package/dist/components/SiderMenu/typings.d.ts +0 -38
  226. package/dist/components/SiderMenu/typings.js +0 -1
  227. package/dist/components/TabsRoute/index.d.ts +0 -95
  228. package/dist/components/TabsRoute/index.js +0 -405
  229. package/dist/components/TabsRoute/props.d.ts +0 -78
  230. package/dist/components/TabsRoute/props.js +0 -47
  231. package/dist/components/TabsRoute/style.d.ts +0 -15
  232. package/dist/components/TabsRoute/style.js +0 -133
  233. package/dist/components/TabsRoute/utils/config.d.ts +0 -18
  234. package/dist/components/TabsRoute/utils/config.js +0 -64
  235. package/dist/config/animate.d.ts +0 -11
  236. package/dist/config/animate.js +0 -76
  237. package/dist/config/index.d.ts +0 -34
  238. package/dist/config/index.js +0 -30
  239. package/dist/hooks/collapsed/index.d.ts +0 -15
  240. package/dist/hooks/collapsed/index.js +0 -50
  241. package/dist/hooks/layout/useLayoutExpose.d.ts +0 -15
  242. package/dist/hooks/layout/useLayoutExpose.js +0 -22
  243. package/dist/hooks/layout/usePageContent.d.ts +0 -6
  244. package/dist/hooks/layout/usePageContent.js +0 -28
  245. package/dist/hooks/menu/context.d.ts +0 -21
  246. package/dist/hooks/menu/context.js +0 -7
  247. package/dist/hooks/menu/index.d.ts +0 -29
  248. package/dist/hooks/menu/index.js +0 -118
  249. package/dist/hooks/theme/index.d.ts +0 -11
  250. package/dist/hooks/theme/index.js +0 -13
  251. package/dist/props/collapsedProps.d.ts +0 -39
  252. package/dist/props/collapsedProps.js +0 -45
  253. package/dist/props/defaultSettings.d.ts +0 -62
  254. package/dist/props/defaultSettings.js +0 -56
  255. package/dist/props/index.d.ts +0 -226
  256. package/dist/props/index.js +0 -109
  257. package/dist/props/themeProps.d.ts +0 -14
  258. package/dist/props/themeProps.js +0 -10
  259. package/dist/types/Breadcrumb.d.ts +0 -22
  260. package/dist/types/Breadcrumb.js +0 -1
  261. package/dist/types/MenuTypings.d.ts +0 -46
  262. package/dist/types/MenuTypings.js +0 -1
  263. package/dist/types/RouteTypings.d.ts +0 -96
  264. package/dist/types/RouteTypings.js +0 -1
  265. package/dist/types/SlotsTypings.d.ts +0 -124
  266. package/dist/types/SlotsTypings.js +0 -32
  267. package/dist/types/typings.d.ts +0 -73
  268. package/dist/types/typings.js +0 -3
  269. package/dist/utils/index.d.ts +0 -7
  270. package/dist/utils/index.js +0 -17
  271. package/dist/utils/style/index.d.ts +0 -44
  272. 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 };