@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,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 };