antd-mobile 5.0.0-rc.23 → 5.0.0-rc.27

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 (251) hide show
  1. package/2x/README.md +6 -6
  2. package/2x/cjs/components/button/button.css +2 -2
  3. package/2x/cjs/components/calendar/calendar.js +3 -1
  4. package/2x/cjs/components/cascade-picker-view/cascade-picker-view.d.ts +1 -2
  5. package/2x/cjs/components/date-picker/date-picker.d.ts +1 -1
  6. package/2x/cjs/components/date-picker-view/date-picker-view.d.ts +3 -2
  7. package/2x/cjs/components/dialog/dialog.css +4 -0
  8. package/2x/cjs/components/dropdown/dropdown.css +0 -4
  9. package/2x/cjs/components/dropdown/item.js +3 -1
  10. package/2x/cjs/components/ellipsis/ellipsis.js +3 -1
  11. package/2x/cjs/components/empty/empty.css +1 -1
  12. package/2x/cjs/components/floating-bubble/floating-bubble.css +1 -0
  13. package/2x/cjs/components/floating-panel/floating-panel.d.ts +7 -5
  14. package/2x/cjs/components/floating-panel/floating-panel.js +11 -1
  15. package/2x/cjs/components/form/form-item.css +4 -6
  16. package/2x/cjs/components/form/form-item.d.ts +2 -2
  17. package/2x/cjs/components/form/form-item.js +9 -5
  18. package/2x/cjs/components/form/form.css +3 -3
  19. package/2x/cjs/components/form/form.d.ts +5 -4
  20. package/2x/cjs/components/form/index.css +7 -9
  21. package/2x/cjs/components/form/index.d.ts +5 -4
  22. package/2x/cjs/components/image-uploader/image-uploader.js +1 -1
  23. package/2x/cjs/components/image-viewer/image-viewer.css +2 -0
  24. package/2x/cjs/components/image-viewer/image-viewer.js +12 -2
  25. package/2x/cjs/components/image-viewer/slide.js +11 -7
  26. package/2x/cjs/components/image-viewer/slides.d.ts +1 -1
  27. package/2x/cjs/components/index-bar/index-bar.css +2 -1
  28. package/2x/cjs/components/input/input.d.ts +6 -2
  29. package/2x/cjs/components/input/input.js +23 -3
  30. package/2x/cjs/components/list/list.css +8 -10
  31. package/2x/cjs/components/picker/picker.css +10 -2
  32. package/2x/cjs/components/picker/picker.d.ts +2 -1
  33. package/2x/cjs/components/picker/picker.js +3 -1
  34. package/2x/cjs/components/picker-view/picker-view.css +2 -1
  35. package/2x/cjs/components/picker-view/picker-view.d.ts +1 -1
  36. package/2x/cjs/components/picker-view/wheel.js +4 -2
  37. package/2x/cjs/components/popover/arrow.d.ts +3 -0
  38. package/2x/cjs/components/popover/arrow.js +26 -0
  39. package/2x/cjs/components/popover/index.d.ts +10 -20
  40. package/2x/cjs/components/popover/index.js +4 -2
  41. package/2x/cjs/components/popover/popover-menu.css +63 -0
  42. package/2x/cjs/components/popover/popover-menu.d.ts +17 -0
  43. package/{cjs/components/popover/pop-menu.js → 2x/cjs/components/popover/popover-menu.js} +23 -26
  44. package/2x/cjs/components/popover/popover.css +90 -318
  45. package/2x/cjs/components/popover/popover.d.ts +9 -8
  46. package/2x/cjs/components/popover/popover.js +11 -17
  47. package/2x/cjs/components/radio/radio.js +2 -3
  48. package/2x/cjs/components/selector/selector.css +14 -6
  49. package/2x/cjs/components/selector/selector.d.ts +2 -1
  50. package/2x/cjs/components/selector/selector.js +3 -2
  51. package/2x/cjs/components/swiper/swiper.js +1 -1
  52. package/2x/cjs/components/tabs/tabs.js +2 -2
  53. package/2x/cjs/components/text-area/text-area.css +9 -9
  54. package/2x/cjs/components/text-area/text-area.d.ts +2 -2
  55. package/2x/cjs/components/text-area/text-area.js +41 -32
  56. package/2x/cjs/components/virtual-input/virtual-input.js +3 -1
  57. package/2x/cjs/utils/get-scroll-parent.js +1 -1
  58. package/2x/cjs/utils/use-ref-state.js +1 -1
  59. package/2x/cjs/utils/use-resize-effect.js +1 -3
  60. package/2x/cjs/utils/use-tab-list-scroll.js +1 -3
  61. package/2x/es/components/button/button.css +2 -2
  62. package/2x/es/components/calendar/calendar.js +3 -2
  63. package/2x/es/components/cascade-picker-view/cascade-picker-view.d.ts +1 -2
  64. package/2x/es/components/date-picker/date-picker.d.ts +1 -1
  65. package/2x/es/components/date-picker-view/date-picker-view.d.ts +3 -2
  66. package/2x/es/components/dialog/dialog.css +4 -0
  67. package/2x/es/components/dropdown/dropdown.css +0 -4
  68. package/2x/es/components/dropdown/item.js +3 -1
  69. package/2x/es/components/ellipsis/ellipsis.js +3 -2
  70. package/2x/es/components/empty/empty.css +1 -1
  71. package/2x/es/components/floating-bubble/floating-bubble.css +1 -0
  72. package/2x/es/components/floating-panel/floating-panel.d.ts +7 -5
  73. package/2x/es/components/floating-panel/floating-panel.js +9 -1
  74. package/2x/es/components/form/form-item.css +4 -6
  75. package/2x/es/components/form/form-item.d.ts +2 -2
  76. package/2x/es/components/form/form-item.js +9 -5
  77. package/2x/es/components/form/form.css +3 -3
  78. package/2x/es/components/form/form.d.ts +5 -4
  79. package/2x/es/components/form/index.css +7 -9
  80. package/2x/es/components/form/index.d.ts +5 -4
  81. package/2x/es/components/image-uploader/image-uploader.js +3 -3
  82. package/2x/es/components/image-viewer/image-viewer.css +2 -0
  83. package/2x/es/components/image-viewer/image-viewer.js +13 -3
  84. package/2x/es/components/image-viewer/slide.js +11 -7
  85. package/2x/es/components/image-viewer/slides.d.ts +1 -1
  86. package/2x/es/components/index-bar/index-bar.css +2 -1
  87. package/2x/es/components/input/input.d.ts +6 -2
  88. package/2x/es/components/input/input.js +22 -4
  89. package/2x/es/components/list/list.css +8 -10
  90. package/2x/es/components/picker/picker.css +10 -2
  91. package/2x/es/components/picker/picker.d.ts +2 -1
  92. package/2x/es/components/picker/picker.js +3 -1
  93. package/2x/es/components/picker-view/picker-view.css +2 -1
  94. package/2x/es/components/picker-view/picker-view.d.ts +1 -1
  95. package/2x/es/components/picker-view/wheel.js +4 -3
  96. package/2x/es/components/popover/arrow.d.ts +3 -0
  97. package/2x/es/components/popover/arrow.js +12 -0
  98. package/2x/es/components/popover/index.d.ts +10 -20
  99. package/2x/es/components/popover/index.js +3 -2
  100. package/2x/es/components/popover/popover-menu.css +63 -0
  101. package/2x/es/components/popover/popover-menu.d.ts +17 -0
  102. package/2x/es/components/popover/popover-menu.js +52 -0
  103. package/2x/es/components/popover/popover.css +90 -318
  104. package/2x/es/components/popover/popover.d.ts +9 -8
  105. package/2x/es/components/popover/popover.js +10 -17
  106. package/2x/es/components/radio/radio.js +2 -3
  107. package/2x/es/components/selector/selector.css +14 -6
  108. package/2x/es/components/selector/selector.d.ts +2 -1
  109. package/2x/es/components/selector/selector.js +3 -2
  110. package/2x/es/components/swiper/swiper.js +3 -3
  111. package/2x/es/components/tabs/tabs.js +4 -4
  112. package/2x/es/components/text-area/text-area.css +9 -9
  113. package/2x/es/components/text-area/text-area.d.ts +2 -2
  114. package/2x/es/components/text-area/text-area.js +41 -31
  115. package/2x/es/components/virtual-input/virtual-input.js +3 -2
  116. package/2x/es/utils/get-scroll-parent.js +1 -1
  117. package/2x/es/utils/use-ref-state.js +2 -2
  118. package/2x/es/utils/use-resize-effect.js +2 -3
  119. package/2x/es/utils/use-tab-list-scroll.js +2 -3
  120. package/2x/package.json +5 -5
  121. package/README.md +6 -6
  122. package/cjs/components/button/button.css +2 -2
  123. package/cjs/components/calendar/calendar.js +3 -1
  124. package/cjs/components/cascade-picker-view/cascade-picker-view.d.ts +1 -2
  125. package/cjs/components/date-picker/date-picker.d.ts +1 -1
  126. package/cjs/components/date-picker-view/date-picker-view.d.ts +3 -2
  127. package/cjs/components/dialog/dialog.css +3 -0
  128. package/cjs/components/dropdown/dropdown.css +0 -3
  129. package/cjs/components/dropdown/item.js +3 -1
  130. package/cjs/components/ellipsis/ellipsis.js +3 -1
  131. package/cjs/components/empty/empty.css +1 -1
  132. package/cjs/components/floating-bubble/floating-bubble.css +1 -0
  133. package/cjs/components/floating-panel/floating-panel.d.ts +7 -5
  134. package/cjs/components/floating-panel/floating-panel.js +11 -1
  135. package/cjs/components/form/form-item.css +4 -5
  136. package/cjs/components/form/form-item.d.ts +2 -2
  137. package/cjs/components/form/form-item.js +9 -5
  138. package/cjs/components/form/form.css +3 -3
  139. package/cjs/components/form/form.d.ts +5 -4
  140. package/cjs/components/form/index.css +7 -8
  141. package/cjs/components/form/index.d.ts +5 -4
  142. package/cjs/components/image-uploader/image-uploader.js +1 -1
  143. package/cjs/components/image-viewer/image-viewer.css +2 -0
  144. package/cjs/components/image-viewer/image-viewer.js +12 -2
  145. package/cjs/components/image-viewer/slide.js +11 -7
  146. package/cjs/components/image-viewer/slides.d.ts +1 -1
  147. package/cjs/components/index-bar/index-bar.css +2 -1
  148. package/cjs/components/input/input.d.ts +6 -2
  149. package/cjs/components/input/input.js +23 -3
  150. package/cjs/components/list/list.css +7 -9
  151. package/cjs/components/picker/picker.css +9 -2
  152. package/cjs/components/picker/picker.d.ts +2 -1
  153. package/cjs/components/picker/picker.js +3 -1
  154. package/cjs/components/picker-view/picker-view.css +2 -1
  155. package/cjs/components/picker-view/picker-view.d.ts +1 -1
  156. package/cjs/components/picker-view/wheel.js +4 -2
  157. package/cjs/components/popover/arrow.d.ts +3 -0
  158. package/cjs/components/popover/arrow.js +26 -0
  159. package/cjs/components/popover/index.d.ts +10 -20
  160. package/cjs/components/popover/index.js +4 -2
  161. package/cjs/components/popover/popover-menu.css +52 -0
  162. package/cjs/components/popover/popover-menu.d.ts +17 -0
  163. package/{2x/cjs/components/popover/pop-menu.js → cjs/components/popover/popover-menu.js} +23 -26
  164. package/cjs/components/popover/popover.css +83 -276
  165. package/cjs/components/popover/popover.d.ts +9 -8
  166. package/cjs/components/popover/popover.js +11 -17
  167. package/cjs/components/radio/radio.js +2 -3
  168. package/cjs/components/selector/selector.css +14 -6
  169. package/cjs/components/selector/selector.d.ts +2 -1
  170. package/cjs/components/selector/selector.js +3 -2
  171. package/cjs/components/swiper/swiper.js +1 -1
  172. package/cjs/components/tabs/tabs.js +2 -2
  173. package/cjs/components/text-area/text-area.css +9 -9
  174. package/cjs/components/text-area/text-area.d.ts +2 -2
  175. package/cjs/components/text-area/text-area.js +41 -32
  176. package/cjs/components/virtual-input/virtual-input.js +3 -1
  177. package/cjs/utils/get-scroll-parent.js +1 -1
  178. package/cjs/utils/use-ref-state.js +1 -1
  179. package/cjs/utils/use-resize-effect.js +1 -3
  180. package/cjs/utils/use-tab-list-scroll.js +1 -3
  181. package/es/components/button/button.css +2 -2
  182. package/es/components/calendar/calendar.js +3 -2
  183. package/es/components/cascade-picker-view/cascade-picker-view.d.ts +1 -2
  184. package/es/components/date-picker/date-picker.d.ts +1 -1
  185. package/es/components/date-picker-view/date-picker-view.d.ts +3 -2
  186. package/es/components/dialog/dialog.css +3 -0
  187. package/es/components/dropdown/dropdown.css +0 -3
  188. package/es/components/dropdown/item.js +3 -1
  189. package/es/components/ellipsis/ellipsis.js +3 -2
  190. package/es/components/empty/empty.css +1 -1
  191. package/es/components/floating-bubble/floating-bubble.css +1 -0
  192. package/es/components/floating-panel/floating-panel.d.ts +7 -5
  193. package/es/components/floating-panel/floating-panel.js +9 -1
  194. package/es/components/form/form-item.css +4 -5
  195. package/es/components/form/form-item.d.ts +2 -2
  196. package/es/components/form/form-item.js +9 -5
  197. package/es/components/form/form.css +3 -3
  198. package/es/components/form/form.d.ts +5 -4
  199. package/es/components/form/index.css +7 -8
  200. package/es/components/form/index.d.ts +5 -4
  201. package/es/components/image-uploader/image-uploader.js +3 -3
  202. package/es/components/image-viewer/image-viewer.css +2 -0
  203. package/es/components/image-viewer/image-viewer.js +13 -3
  204. package/es/components/image-viewer/slide.js +11 -7
  205. package/es/components/image-viewer/slides.d.ts +1 -1
  206. package/es/components/index-bar/index-bar.css +2 -1
  207. package/es/components/input/input.d.ts +6 -2
  208. package/es/components/input/input.js +22 -4
  209. package/es/components/list/list.css +7 -9
  210. package/es/components/picker/picker.css +9 -2
  211. package/es/components/picker/picker.d.ts +2 -1
  212. package/es/components/picker/picker.js +3 -1
  213. package/es/components/picker-view/picker-view.css +2 -1
  214. package/es/components/picker-view/picker-view.d.ts +1 -1
  215. package/es/components/picker-view/wheel.js +4 -3
  216. package/es/components/popover/arrow.d.ts +3 -0
  217. package/es/components/popover/arrow.js +12 -0
  218. package/es/components/popover/index.d.ts +10 -20
  219. package/es/components/popover/index.js +3 -2
  220. package/es/components/popover/popover-menu.css +52 -0
  221. package/es/components/popover/popover-menu.d.ts +17 -0
  222. package/es/components/popover/popover-menu.js +52 -0
  223. package/es/components/popover/popover.css +83 -276
  224. package/es/components/popover/popover.d.ts +9 -8
  225. package/es/components/popover/popover.js +10 -17
  226. package/es/components/radio/radio.js +2 -3
  227. package/es/components/selector/selector.css +14 -6
  228. package/es/components/selector/selector.d.ts +2 -1
  229. package/es/components/selector/selector.js +3 -2
  230. package/es/components/swiper/swiper.js +3 -3
  231. package/es/components/tabs/tabs.js +4 -4
  232. package/es/components/text-area/text-area.css +9 -9
  233. package/es/components/text-area/text-area.d.ts +2 -2
  234. package/es/components/text-area/text-area.js +41 -31
  235. package/es/components/virtual-input/virtual-input.js +3 -2
  236. package/es/utils/get-scroll-parent.js +1 -1
  237. package/es/utils/use-ref-state.js +2 -2
  238. package/es/utils/use-resize-effect.js +2 -3
  239. package/es/utils/use-tab-list-scroll.js +2 -3
  240. package/package.json +5 -5
  241. package/umd/antd-mobile.js +1 -1
  242. package/2x/cjs/components/popover/animation.css +0 -111
  243. package/2x/cjs/components/popover/pop-menu.d.ts +0 -28
  244. package/2x/es/components/popover/animation.css +0 -111
  245. package/2x/es/components/popover/pop-menu.d.ts +0 -28
  246. package/2x/es/components/popover/pop-menu.js +0 -54
  247. package/cjs/components/popover/animation.css +0 -96
  248. package/cjs/components/popover/pop-menu.d.ts +0 -28
  249. package/es/components/popover/animation.css +0 -96
  250. package/es/components/popover/pop-menu.d.ts +0 -28
  251. package/es/components/popover/pop-menu.js +0 -54
@@ -1,111 +0,0 @@
1
- @keyframes amSlideDownIn {
2
- 0% {
3
- transform: scaleY(0.8);
4
- transform-origin: 0% 0%;
5
- opacity: 0;
6
- }
7
-
8
- 100% {
9
- transform: scaleY(1);
10
- transform-origin: 0% 0%;
11
- opacity: 1;
12
- }
13
- }
14
-
15
- @keyframes amSlideDownOut {
16
- 0% {
17
- transform: scaleY(1);
18
- transform-origin: 0% 0%;
19
- opacity: 1;
20
- }
21
-
22
- 100% {
23
- transform: scaleY(0.8);
24
- transform-origin: 0% 0%;
25
- opacity: 0;
26
- }
27
- }
28
-
29
- @keyframes amSlideUpIn {
30
- 0% {
31
- transform: scaleY(0.8);
32
- transform-origin: 100% 100%;
33
- opacity: 0;
34
- }
35
-
36
- 100% {
37
- transform: scaleY(1);
38
- transform-origin: 100% 100%;
39
- opacity: 1;
40
- }
41
- }
42
-
43
- @keyframes amSlideUpOut {
44
- 0% {
45
- transform: scaleY(1);
46
- transform-origin: 100% 100%;
47
- opacity: 1;
48
- }
49
-
50
- 100% {
51
- transform: scaleY(0.8);
52
- transform-origin: 100% 100%;
53
- opacity: 0;
54
- }
55
- }
56
-
57
- @keyframes amSlideRightIn {
58
- 0% {
59
- transform: scaleX(0.8);
60
- transform-origin: 0% 0%;
61
- opacity: 0;
62
- }
63
-
64
- 100% {
65
- transform: scaleX(1);
66
- transform-origin: 0% 0%;
67
- opacity: 1;
68
- }
69
- }
70
-
71
- @keyframes amSlideRightOut {
72
- 0% {
73
- transform: scaleX(1);
74
- transform-origin: 0% 0%;
75
- opacity: 1;
76
- }
77
-
78
- 100% {
79
- transform: scaleX(0.8);
80
- transform-origin: 0% 0%;
81
- opacity: 0;
82
- }
83
- }
84
-
85
- @keyframes amSlideLeftIn {
86
- 0% {
87
- transform: scaleX(0.8);
88
- transform-origin: 100% 0%;
89
- opacity: 0;
90
- }
91
-
92
- 100% {
93
- transform: scaleX(1);
94
- transform-origin: 100% 0%;
95
- opacity: 1;
96
- }
97
- }
98
-
99
- @keyframes amSlideLeftOut {
100
- 0% {
101
- transform: scaleX(1);
102
- transform-origin: 100% 0%;
103
- opacity: 1;
104
- }
105
-
106
- 100% {
107
- transform: scaleX(0.8);
108
- transform-origin: 100% 0%;
109
- opacity: 0;
110
- }
111
- }
@@ -1,28 +0,0 @@
1
- import React, { ReactElement, Ref } from 'react';
2
- import { BasePopoverProps, PopoverRef } from './popover';
3
- export declare type Action = {
4
- text: React.ReactNode;
5
- icon?: React.ReactNode;
6
- disabled?: boolean;
7
- key?: string;
8
- onClick?: () => void;
9
- [key: string]: any;
10
- };
11
- export declare type PopMenuProps<T> = BasePopoverProps & {
12
- actions: T[];
13
- onAction?: (text: T) => void;
14
- };
15
- export declare const PopMenu: <T extends Action = Action>(props: {
16
- getContainer?: (() => HTMLElement) | undefined;
17
- destroyOnHide?: boolean | undefined;
18
- children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
19
- mode?: "dark" | "light" | undefined;
20
- trigger?: "click" | undefined;
21
- placement: "left" | "right" | "bottom" | "top" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
22
- stopPropagation?: "click"[] | undefined;
23
- } & Pick<import("rc-tooltip/lib/Tooltip").TooltipProps, "visible" | "zIndex" | "align" | "defaultVisible" | "onVisibleChange" | "overlayStyle" | "overlayClassName"> & import("../../utils/native-props").NativeProps<"--z-index"> & {
24
- actions: T[];
25
- onAction?: ((text: T) => void) | undefined;
26
- } & {
27
- ref?: ((instance: PopoverRef | null) => void) | React.RefObject<PopoverRef> | null | undefined;
28
- }) => ReactElement;
@@ -1,111 +0,0 @@
1
- @keyframes amSlideDownIn {
2
- 0% {
3
- transform: scaleY(0.8);
4
- transform-origin: 0% 0%;
5
- opacity: 0;
6
- }
7
-
8
- 100% {
9
- transform: scaleY(1);
10
- transform-origin: 0% 0%;
11
- opacity: 1;
12
- }
13
- }
14
-
15
- @keyframes amSlideDownOut {
16
- 0% {
17
- transform: scaleY(1);
18
- transform-origin: 0% 0%;
19
- opacity: 1;
20
- }
21
-
22
- 100% {
23
- transform: scaleY(0.8);
24
- transform-origin: 0% 0%;
25
- opacity: 0;
26
- }
27
- }
28
-
29
- @keyframes amSlideUpIn {
30
- 0% {
31
- transform: scaleY(0.8);
32
- transform-origin: 100% 100%;
33
- opacity: 0;
34
- }
35
-
36
- 100% {
37
- transform: scaleY(1);
38
- transform-origin: 100% 100%;
39
- opacity: 1;
40
- }
41
- }
42
-
43
- @keyframes amSlideUpOut {
44
- 0% {
45
- transform: scaleY(1);
46
- transform-origin: 100% 100%;
47
- opacity: 1;
48
- }
49
-
50
- 100% {
51
- transform: scaleY(0.8);
52
- transform-origin: 100% 100%;
53
- opacity: 0;
54
- }
55
- }
56
-
57
- @keyframes amSlideRightIn {
58
- 0% {
59
- transform: scaleX(0.8);
60
- transform-origin: 0% 0%;
61
- opacity: 0;
62
- }
63
-
64
- 100% {
65
- transform: scaleX(1);
66
- transform-origin: 0% 0%;
67
- opacity: 1;
68
- }
69
- }
70
-
71
- @keyframes amSlideRightOut {
72
- 0% {
73
- transform: scaleX(1);
74
- transform-origin: 0% 0%;
75
- opacity: 1;
76
- }
77
-
78
- 100% {
79
- transform: scaleX(0.8);
80
- transform-origin: 0% 0%;
81
- opacity: 0;
82
- }
83
- }
84
-
85
- @keyframes amSlideLeftIn {
86
- 0% {
87
- transform: scaleX(0.8);
88
- transform-origin: 100% 0%;
89
- opacity: 0;
90
- }
91
-
92
- 100% {
93
- transform: scaleX(1);
94
- transform-origin: 100% 0%;
95
- opacity: 1;
96
- }
97
- }
98
-
99
- @keyframes amSlideLeftOut {
100
- 0% {
101
- transform: scaleX(1);
102
- transform-origin: 100% 0%;
103
- opacity: 1;
104
- }
105
-
106
- 100% {
107
- transform: scaleX(0.8);
108
- transform-origin: 100% 0%;
109
- opacity: 0;
110
- }
111
- }
@@ -1,28 +0,0 @@
1
- import React, { ReactElement, Ref } from 'react';
2
- import { BasePopoverProps, PopoverRef } from './popover';
3
- export declare type Action = {
4
- text: React.ReactNode;
5
- icon?: React.ReactNode;
6
- disabled?: boolean;
7
- key?: string;
8
- onClick?: () => void;
9
- [key: string]: any;
10
- };
11
- export declare type PopMenuProps<T> = BasePopoverProps & {
12
- actions: T[];
13
- onAction?: (text: T) => void;
14
- };
15
- export declare const PopMenu: <T extends Action = Action>(props: {
16
- getContainer?: (() => HTMLElement) | undefined;
17
- destroyOnHide?: boolean | undefined;
18
- children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
19
- mode?: "dark" | "light" | undefined;
20
- trigger?: "click" | undefined;
21
- placement: "left" | "right" | "bottom" | "top" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
22
- stopPropagation?: "click"[] | undefined;
23
- } & Pick<import("rc-tooltip/lib/Tooltip").TooltipProps, "visible" | "zIndex" | "align" | "defaultVisible" | "onVisibleChange" | "overlayStyle" | "overlayClassName"> & import("../../utils/native-props").NativeProps<"--z-index"> & {
24
- actions: T[];
25
- onAction?: ((text: T) => void) | undefined;
26
- } & {
27
- ref?: ((instance: PopoverRef | null) => void) | React.RefObject<PopoverRef> | null | undefined;
28
- }) => ReactElement;
@@ -1,54 +0,0 @@
1
- import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useRef } from 'react';
2
- import classNames from 'classnames';
3
- import Button from '../button';
4
- import { Popover } from './popover';
5
- const classPrefix = `adm-popover`;
6
- export const PopMenu = forwardRef((props, ref) => {
7
- const innerRef = useRef(null);
8
- useImperativeHandle(ref, () => innerRef.current, []);
9
- const onClick = useCallback(e => {
10
- var _a;
11
-
12
- const {
13
- onAction
14
- } = props;
15
-
16
- if (onAction) {
17
- onAction(e);
18
- }
19
-
20
- (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.hide();
21
- }, [props.onAction]);
22
- const overlay = useMemo(() => {
23
- return React.createElement(React.Fragment, null, (props.actions || []).map((ele, index) => {
24
- var _a;
25
-
26
- return React.createElement("div", {
27
- className: classNames(`${classPrefix}-inner-menu`, {
28
- [`${classPrefix}-inner-menu-with-icon`]: !!ele.icon
29
- }),
30
- key: (_a = ele.key) !== null && _a !== void 0 ? _a : index
31
- }, React.createElement(Button, {
32
- disabled: ele.disabled,
33
- onClick: () => {
34
- var _a;
35
-
36
- if (!ele.disabled) {
37
- onClick(ele);
38
- (_a = ele.onClick) === null || _a === void 0 ? void 0 : _a.call(ele);
39
- }
40
- },
41
- fill: 'none',
42
- block: true
43
- }, ele.icon && React.createElement("span", {
44
- className: `${classPrefix}-inner-menu-icon`
45
- }, ele.icon), ele.text));
46
- }));
47
- }, [props.actions, onClick]);
48
- return React.createElement(Popover, Object.assign({
49
- ref: innerRef
50
- }, props, {
51
- overlayClassName: classNames(`${classPrefix}-menu`, props.overlayClassName),
52
- content: overlay
53
- }), props.children);
54
- });
@@ -1,96 +0,0 @@
1
- @keyframes amSlideDownIn {
2
- 0% {
3
- transform: scaleY(0.8);
4
- transform-origin: 0% 0%;
5
- opacity: 0;
6
- }
7
- 100% {
8
- transform: scaleY(1);
9
- transform-origin: 0% 0%;
10
- opacity: 1;
11
- }
12
- }
13
- @keyframes amSlideDownOut {
14
- 0% {
15
- transform: scaleY(1);
16
- transform-origin: 0% 0%;
17
- opacity: 1;
18
- }
19
- 100% {
20
- transform: scaleY(0.8);
21
- transform-origin: 0% 0%;
22
- opacity: 0;
23
- }
24
- }
25
- @keyframes amSlideUpIn {
26
- 0% {
27
- transform: scaleY(0.8);
28
- transform-origin: 100% 100%;
29
- opacity: 0;
30
- }
31
- 100% {
32
- transform: scaleY(1);
33
- transform-origin: 100% 100%;
34
- opacity: 1;
35
- }
36
- }
37
- @keyframes amSlideUpOut {
38
- 0% {
39
- transform: scaleY(1);
40
- transform-origin: 100% 100%;
41
- opacity: 1;
42
- }
43
- 100% {
44
- transform: scaleY(0.8);
45
- transform-origin: 100% 100%;
46
- opacity: 0;
47
- }
48
- }
49
- @keyframes amSlideRightIn {
50
- 0% {
51
- transform: scaleX(0.8);
52
- transform-origin: 0% 0%;
53
- opacity: 0;
54
- }
55
- 100% {
56
- transform: scaleX(1);
57
- transform-origin: 0% 0%;
58
- opacity: 1;
59
- }
60
- }
61
- @keyframes amSlideRightOut {
62
- 0% {
63
- transform: scaleX(1);
64
- transform-origin: 0% 0%;
65
- opacity: 1;
66
- }
67
- 100% {
68
- transform: scaleX(0.8);
69
- transform-origin: 0% 0%;
70
- opacity: 0;
71
- }
72
- }
73
- @keyframes amSlideLeftIn {
74
- 0% {
75
- transform: scaleX(0.8);
76
- transform-origin: 100% 0%;
77
- opacity: 0;
78
- }
79
- 100% {
80
- transform: scaleX(1);
81
- transform-origin: 100% 0%;
82
- opacity: 1;
83
- }
84
- }
85
- @keyframes amSlideLeftOut {
86
- 0% {
87
- transform: scaleX(1);
88
- transform-origin: 100% 0%;
89
- opacity: 1;
90
- }
91
- 100% {
92
- transform: scaleX(0.8);
93
- transform-origin: 100% 0%;
94
- opacity: 0;
95
- }
96
- }
@@ -1,28 +0,0 @@
1
- import React, { ReactElement, Ref } from 'react';
2
- import { BasePopoverProps, PopoverRef } from './popover';
3
- export declare type Action = {
4
- text: React.ReactNode;
5
- icon?: React.ReactNode;
6
- disabled?: boolean;
7
- key?: string;
8
- onClick?: () => void;
9
- [key: string]: any;
10
- };
11
- export declare type PopMenuProps<T> = BasePopoverProps & {
12
- actions: T[];
13
- onAction?: (text: T) => void;
14
- };
15
- export declare const PopMenu: <T extends Action = Action>(props: {
16
- getContainer?: (() => HTMLElement) | undefined;
17
- destroyOnHide?: boolean | undefined;
18
- children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
19
- mode?: "dark" | "light" | undefined;
20
- trigger?: "click" | undefined;
21
- placement: "left" | "right" | "bottom" | "top" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
22
- stopPropagation?: "click"[] | undefined;
23
- } & Pick<import("rc-tooltip/lib/Tooltip").TooltipProps, "visible" | "zIndex" | "align" | "defaultVisible" | "onVisibleChange" | "overlayStyle" | "overlayClassName"> & import("../../utils/native-props").NativeProps<"--z-index"> & {
24
- actions: T[];
25
- onAction?: ((text: T) => void) | undefined;
26
- } & {
27
- ref?: ((instance: PopoverRef | null) => void) | React.RefObject<PopoverRef> | null | undefined;
28
- }) => ReactElement;
@@ -1,96 +0,0 @@
1
- @keyframes amSlideDownIn {
2
- 0% {
3
- transform: scaleY(0.8);
4
- transform-origin: 0% 0%;
5
- opacity: 0;
6
- }
7
- 100% {
8
- transform: scaleY(1);
9
- transform-origin: 0% 0%;
10
- opacity: 1;
11
- }
12
- }
13
- @keyframes amSlideDownOut {
14
- 0% {
15
- transform: scaleY(1);
16
- transform-origin: 0% 0%;
17
- opacity: 1;
18
- }
19
- 100% {
20
- transform: scaleY(0.8);
21
- transform-origin: 0% 0%;
22
- opacity: 0;
23
- }
24
- }
25
- @keyframes amSlideUpIn {
26
- 0% {
27
- transform: scaleY(0.8);
28
- transform-origin: 100% 100%;
29
- opacity: 0;
30
- }
31
- 100% {
32
- transform: scaleY(1);
33
- transform-origin: 100% 100%;
34
- opacity: 1;
35
- }
36
- }
37
- @keyframes amSlideUpOut {
38
- 0% {
39
- transform: scaleY(1);
40
- transform-origin: 100% 100%;
41
- opacity: 1;
42
- }
43
- 100% {
44
- transform: scaleY(0.8);
45
- transform-origin: 100% 100%;
46
- opacity: 0;
47
- }
48
- }
49
- @keyframes amSlideRightIn {
50
- 0% {
51
- transform: scaleX(0.8);
52
- transform-origin: 0% 0%;
53
- opacity: 0;
54
- }
55
- 100% {
56
- transform: scaleX(1);
57
- transform-origin: 0% 0%;
58
- opacity: 1;
59
- }
60
- }
61
- @keyframes amSlideRightOut {
62
- 0% {
63
- transform: scaleX(1);
64
- transform-origin: 0% 0%;
65
- opacity: 1;
66
- }
67
- 100% {
68
- transform: scaleX(0.8);
69
- transform-origin: 0% 0%;
70
- opacity: 0;
71
- }
72
- }
73
- @keyframes amSlideLeftIn {
74
- 0% {
75
- transform: scaleX(0.8);
76
- transform-origin: 100% 0%;
77
- opacity: 0;
78
- }
79
- 100% {
80
- transform: scaleX(1);
81
- transform-origin: 100% 0%;
82
- opacity: 1;
83
- }
84
- }
85
- @keyframes amSlideLeftOut {
86
- 0% {
87
- transform: scaleX(1);
88
- transform-origin: 100% 0%;
89
- opacity: 1;
90
- }
91
- 100% {
92
- transform: scaleX(0.8);
93
- transform-origin: 100% 0%;
94
- opacity: 0;
95
- }
96
- }
@@ -1,28 +0,0 @@
1
- import React, { ReactElement, Ref } from 'react';
2
- import { BasePopoverProps, PopoverRef } from './popover';
3
- export declare type Action = {
4
- text: React.ReactNode;
5
- icon?: React.ReactNode;
6
- disabled?: boolean;
7
- key?: string;
8
- onClick?: () => void;
9
- [key: string]: any;
10
- };
11
- export declare type PopMenuProps<T> = BasePopoverProps & {
12
- actions: T[];
13
- onAction?: (text: T) => void;
14
- };
15
- export declare const PopMenu: <T extends Action = Action>(props: {
16
- getContainer?: (() => HTMLElement) | undefined;
17
- destroyOnHide?: boolean | undefined;
18
- children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
19
- mode?: "dark" | "light" | undefined;
20
- trigger?: "click" | undefined;
21
- placement: "left" | "right" | "bottom" | "top" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
22
- stopPropagation?: "click"[] | undefined;
23
- } & Pick<import("rc-tooltip/lib/Tooltip").TooltipProps, "visible" | "zIndex" | "align" | "defaultVisible" | "onVisibleChange" | "overlayStyle" | "overlayClassName"> & import("../../utils/native-props").NativeProps<"--z-index"> & {
24
- actions: T[];
25
- onAction?: ((text: T) => void) | undefined;
26
- } & {
27
- ref?: ((instance: PopoverRef | null) => void) | React.RefObject<PopoverRef> | null | undefined;
28
- }) => ReactElement;
@@ -1,54 +0,0 @@
1
- import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useRef } from 'react';
2
- import classNames from 'classnames';
3
- import Button from '../button';
4
- import { Popover } from './popover';
5
- const classPrefix = `adm-popover`;
6
- export const PopMenu = forwardRef((props, ref) => {
7
- const innerRef = useRef(null);
8
- useImperativeHandle(ref, () => innerRef.current, []);
9
- const onClick = useCallback(e => {
10
- var _a;
11
-
12
- const {
13
- onAction
14
- } = props;
15
-
16
- if (onAction) {
17
- onAction(e);
18
- }
19
-
20
- (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.hide();
21
- }, [props.onAction]);
22
- const overlay = useMemo(() => {
23
- return React.createElement(React.Fragment, null, (props.actions || []).map((ele, index) => {
24
- var _a;
25
-
26
- return React.createElement("div", {
27
- className: classNames(`${classPrefix}-inner-menu`, {
28
- [`${classPrefix}-inner-menu-with-icon`]: !!ele.icon
29
- }),
30
- key: (_a = ele.key) !== null && _a !== void 0 ? _a : index
31
- }, React.createElement(Button, {
32
- disabled: ele.disabled,
33
- onClick: () => {
34
- var _a;
35
-
36
- if (!ele.disabled) {
37
- onClick(ele);
38
- (_a = ele.onClick) === null || _a === void 0 ? void 0 : _a.call(ele);
39
- }
40
- },
41
- fill: 'none',
42
- block: true
43
- }, ele.icon && React.createElement("span", {
44
- className: `${classPrefix}-inner-menu-icon`
45
- }, ele.icon), ele.text));
46
- }));
47
- }, [props.actions, onClick]);
48
- return React.createElement(Popover, Object.assign({
49
- ref: innerRef
50
- }, props, {
51
- overlayClassName: classNames(`${classPrefix}-menu`, props.overlayClassName),
52
- content: overlay
53
- }), props.children);
54
- });