@arco-design/mobile-react 2.22.3 → 2.24.0

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 (236) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/README.en-US.md +2 -2
  3. package/README.md +2 -2
  4. package/cjs/_helpers/render.d.ts +3 -1
  5. package/cjs/_helpers/render.js +10 -3
  6. package/cjs/action-sheet/index.d.ts +5 -5
  7. package/cjs/action-sheet/index.js +4 -3
  8. package/cjs/action-sheet/methods.d.ts +1 -1
  9. package/cjs/badge/style/css/index.css +1 -2
  10. package/cjs/checkbox/checkbox.js +4 -0
  11. package/cjs/circle-progress/index.js +4 -0
  12. package/cjs/context-provider/index.d.ts +4 -0
  13. package/cjs/context-provider/index.js +14 -2
  14. package/cjs/dialog/index.d.ts +8 -8
  15. package/cjs/dialog/index.js +3 -2
  16. package/cjs/dialog/methods.d.ts +3 -3
  17. package/cjs/dialog/style/css/index.css +1 -2
  18. package/cjs/image-picker/index.js +18 -12
  19. package/cjs/image-picker/type.d.ts +10 -0
  20. package/cjs/image-preview/index.d.ts +3 -3
  21. package/cjs/image-preview/index.js +3 -2
  22. package/cjs/image-preview/methods.d.ts +2 -1
  23. package/cjs/image-preview/methods.js +2 -2
  24. package/cjs/index.d.ts +1 -0
  25. package/cjs/index.js +5 -1
  26. package/cjs/input/hooks.js +1 -0
  27. package/cjs/input/index.d.ts +5 -0
  28. package/cjs/input/index.js +6 -2
  29. package/cjs/input/style/css/index.css +1 -0
  30. package/cjs/input/style/index.less +1 -0
  31. package/cjs/masking/index.d.ts +4 -14
  32. package/cjs/masking/index.js +3 -2
  33. package/cjs/masking/methods.d.ts +3 -2
  34. package/cjs/masking/methods.js +2 -2
  35. package/cjs/nav-bar/index.d.ts +12 -0
  36. package/cjs/nav-bar/index.js +8 -2
  37. package/cjs/notify/index.d.ts +12 -12
  38. package/cjs/notify/index.js +3 -2
  39. package/cjs/notify/methods.d.ts +2 -1
  40. package/cjs/notify/methods.js +2 -2
  41. package/cjs/picker-view/components/picker-cell.js +3 -1
  42. package/cjs/popup/index.d.ts +4 -4
  43. package/cjs/popup/index.js +3 -2
  44. package/cjs/popup/methods.d.ts +1 -1
  45. package/cjs/popup-swiper/index.d.ts +12 -6
  46. package/cjs/popup-swiper/index.js +3 -2
  47. package/cjs/popup-swiper/methods.d.ts +1 -1
  48. package/cjs/progress/index.js +4 -0
  49. package/cjs/rate/index.js +5 -0
  50. package/cjs/slider/index.js +6 -1
  51. package/cjs/stepper/demo/style/css/mobile.css +4 -0
  52. package/cjs/stepper/demo/style/mobile.less +10 -0
  53. package/cjs/stepper/hooks/useButtonClick.d.ts +11 -0
  54. package/cjs/stepper/hooks/useButtonClick.js +74 -0
  55. package/cjs/stepper/hooks/useInputEvent.d.ts +9 -0
  56. package/cjs/stepper/hooks/useInputEvent.js +59 -0
  57. package/cjs/stepper/hooks/useValue.d.ts +6 -0
  58. package/cjs/stepper/hooks/useValue.js +44 -0
  59. package/cjs/stepper/index.d.ts +13 -0
  60. package/cjs/stepper/index.js +190 -0
  61. package/cjs/stepper/style/css/index.css +76 -0
  62. package/cjs/stepper/style/css/index.d.ts +2 -0
  63. package/cjs/stepper/style/css/index.js +5 -0
  64. package/cjs/stepper/style/index.d.ts +2 -0
  65. package/cjs/stepper/style/index.js +5 -0
  66. package/cjs/stepper/style/index.less +80 -0
  67. package/cjs/stepper/type.d.ts +159 -0
  68. package/cjs/stepper/type.js +3 -0
  69. package/cjs/style.d.ts +1 -0
  70. package/cjs/style.js +2 -0
  71. package/cjs/swipe-action/index.d.ts +1 -0
  72. package/cjs/swipe-action/index.js +10 -0
  73. package/cjs/switch/index.js +4 -0
  74. package/cjs/toast/index.d.ts +18 -18
  75. package/cjs/toast/index.js +3 -2
  76. package/cjs/toast/methods.d.ts +2 -1
  77. package/cjs/toast/methods.js +2 -2
  78. package/dist/index.js +463 -52
  79. package/dist/index.min.js +3 -3
  80. package/dist/style.css +77 -113
  81. package/dist/style.min.css +1 -1
  82. package/esm/_helpers/render.d.ts +3 -1
  83. package/esm/_helpers/render.js +10 -3
  84. package/esm/action-sheet/index.d.ts +5 -5
  85. package/esm/action-sheet/index.js +4 -3
  86. package/esm/action-sheet/methods.d.ts +1 -1
  87. package/esm/badge/style/css/index.css +1 -2
  88. package/esm/checkbox/checkbox.js +4 -0
  89. package/esm/circle-progress/index.js +4 -0
  90. package/esm/context-provider/index.d.ts +4 -0
  91. package/esm/context-provider/index.js +13 -2
  92. package/esm/dialog/index.d.ts +8 -8
  93. package/esm/dialog/index.js +3 -2
  94. package/esm/dialog/methods.d.ts +3 -3
  95. package/esm/dialog/style/css/index.css +1 -2
  96. package/esm/image-picker/index.js +18 -12
  97. package/esm/image-picker/type.d.ts +10 -0
  98. package/esm/image-preview/index.d.ts +3 -3
  99. package/esm/image-preview/index.js +3 -2
  100. package/esm/image-preview/methods.d.ts +2 -1
  101. package/esm/image-preview/methods.js +2 -2
  102. package/esm/index.d.ts +1 -0
  103. package/esm/index.js +1 -0
  104. package/esm/input/hooks.js +1 -0
  105. package/esm/input/index.d.ts +5 -0
  106. package/esm/input/index.js +6 -2
  107. package/esm/input/style/css/index.css +1 -0
  108. package/esm/input/style/index.less +1 -0
  109. package/esm/masking/index.d.ts +4 -14
  110. package/esm/masking/index.js +3 -2
  111. package/esm/masking/methods.d.ts +3 -2
  112. package/esm/masking/methods.js +2 -2
  113. package/esm/nav-bar/index.d.ts +12 -0
  114. package/esm/nav-bar/index.js +8 -2
  115. package/esm/notify/index.d.ts +12 -12
  116. package/esm/notify/index.js +3 -2
  117. package/esm/notify/methods.d.ts +2 -1
  118. package/esm/notify/methods.js +2 -2
  119. package/esm/picker-view/components/picker-cell.js +3 -1
  120. package/esm/popup/index.d.ts +4 -4
  121. package/esm/popup/index.js +3 -2
  122. package/esm/popup/methods.d.ts +1 -1
  123. package/esm/popup-swiper/index.d.ts +12 -6
  124. package/esm/popup-swiper/index.js +3 -2
  125. package/esm/popup-swiper/methods.d.ts +1 -1
  126. package/esm/progress/index.js +4 -0
  127. package/esm/rate/index.js +5 -0
  128. package/esm/slider/index.js +6 -1
  129. package/esm/stepper/demo/style/css/mobile.css +4 -0
  130. package/esm/stepper/demo/style/mobile.less +10 -0
  131. package/esm/stepper/hooks/useButtonClick.d.ts +11 -0
  132. package/esm/stepper/hooks/useButtonClick.js +69 -0
  133. package/esm/stepper/hooks/useInputEvent.d.ts +9 -0
  134. package/esm/stepper/hooks/useInputEvent.js +53 -0
  135. package/esm/stepper/hooks/useValue.d.ts +6 -0
  136. package/esm/stepper/hooks/useValue.js +38 -0
  137. package/esm/stepper/index.d.ts +13 -0
  138. package/esm/stepper/index.js +163 -0
  139. package/esm/stepper/style/css/index.css +76 -0
  140. package/esm/stepper/style/css/index.d.ts +2 -0
  141. package/esm/stepper/style/css/index.js +2 -0
  142. package/esm/stepper/style/index.d.ts +2 -0
  143. package/esm/stepper/style/index.js +2 -0
  144. package/esm/stepper/style/index.less +80 -0
  145. package/esm/stepper/type.d.ts +159 -0
  146. package/esm/stepper/type.js +1 -0
  147. package/esm/style.d.ts +1 -0
  148. package/esm/style.js +1 -0
  149. package/esm/swipe-action/index.d.ts +1 -0
  150. package/esm/swipe-action/index.js +1 -0
  151. package/esm/switch/index.js +4 -0
  152. package/esm/toast/index.d.ts +18 -18
  153. package/esm/toast/index.js +3 -2
  154. package/esm/toast/methods.d.ts +2 -1
  155. package/esm/toast/methods.js +2 -2
  156. package/package.json +3 -3
  157. package/style/css/public.css +4 -4
  158. package/tokens/app/arcodesign/default/css-variables.less +15 -0
  159. package/tokens/app/arcodesign/default/index.d.ts +15 -0
  160. package/tokens/app/arcodesign/default/index.js +16 -1
  161. package/tokens/app/arcodesign/default/index.json +180 -0
  162. package/tokens/app/arcodesign/default/index.less +15 -0
  163. package/umd/_helpers/render.d.ts +3 -1
  164. package/umd/_helpers/render.js +13 -7
  165. package/umd/action-sheet/index.d.ts +5 -5
  166. package/umd/action-sheet/index.js +4 -3
  167. package/umd/action-sheet/methods.d.ts +1 -1
  168. package/umd/badge/style/css/index.css +1 -2
  169. package/umd/checkbox/checkbox.js +4 -0
  170. package/umd/circle-progress/index.js +4 -0
  171. package/umd/context-provider/index.d.ts +4 -0
  172. package/umd/context-provider/index.js +13 -1
  173. package/umd/dialog/index.d.ts +8 -8
  174. package/umd/dialog/index.js +3 -2
  175. package/umd/dialog/methods.d.ts +3 -3
  176. package/umd/dialog/style/css/index.css +1 -2
  177. package/umd/image-picker/index.js +18 -12
  178. package/umd/image-picker/type.d.ts +10 -0
  179. package/umd/image-preview/index.d.ts +3 -3
  180. package/umd/image-preview/index.js +3 -2
  181. package/umd/image-preview/methods.d.ts +2 -1
  182. package/umd/image-preview/methods.js +2 -2
  183. package/umd/index.d.ts +1 -0
  184. package/umd/index.js +7 -5
  185. package/umd/input/hooks.js +1 -0
  186. package/umd/input/index.d.ts +5 -0
  187. package/umd/input/index.js +6 -2
  188. package/umd/input/style/css/index.css +1 -0
  189. package/umd/input/style/index.less +1 -0
  190. package/umd/masking/index.d.ts +4 -14
  191. package/umd/masking/index.js +3 -2
  192. package/umd/masking/methods.d.ts +3 -2
  193. package/umd/masking/methods.js +2 -2
  194. package/umd/nav-bar/index.d.ts +12 -0
  195. package/umd/nav-bar/index.js +8 -2
  196. package/umd/notify/index.d.ts +12 -12
  197. package/umd/notify/index.js +3 -2
  198. package/umd/notify/methods.d.ts +2 -1
  199. package/umd/notify/methods.js +2 -2
  200. package/umd/picker-view/components/picker-cell.js +3 -1
  201. package/umd/popup/index.d.ts +4 -4
  202. package/umd/popup/index.js +3 -2
  203. package/umd/popup/methods.d.ts +1 -1
  204. package/umd/popup-swiper/index.d.ts +12 -6
  205. package/umd/popup-swiper/index.js +3 -2
  206. package/umd/popup-swiper/methods.d.ts +1 -1
  207. package/umd/progress/index.js +4 -0
  208. package/umd/rate/index.js +5 -0
  209. package/umd/slider/index.js +6 -1
  210. package/umd/stepper/demo/style/css/mobile.css +4 -0
  211. package/umd/stepper/demo/style/mobile.less +10 -0
  212. package/umd/stepper/hooks/useButtonClick.d.ts +11 -0
  213. package/umd/stepper/hooks/useButtonClick.js +86 -0
  214. package/umd/stepper/hooks/useInputEvent.d.ts +9 -0
  215. package/umd/stepper/hooks/useInputEvent.js +71 -0
  216. package/umd/stepper/hooks/useValue.d.ts +6 -0
  217. package/umd/stepper/hooks/useValue.js +56 -0
  218. package/umd/stepper/index.d.ts +13 -0
  219. package/umd/stepper/index.js +191 -0
  220. package/umd/stepper/style/css/index.css +76 -0
  221. package/umd/stepper/style/css/index.d.ts +2 -0
  222. package/umd/stepper/style/css/index.js +15 -0
  223. package/umd/stepper/style/index.d.ts +2 -0
  224. package/umd/stepper/style/index.js +15 -0
  225. package/umd/stepper/style/index.less +80 -0
  226. package/umd/stepper/type.d.ts +159 -0
  227. package/umd/stepper/type.js +17 -0
  228. package/umd/style.d.ts +1 -0
  229. package/umd/style.js +4 -4
  230. package/umd/swipe-action/index.d.ts +1 -0
  231. package/umd/swipe-action/index.js +11 -4
  232. package/umd/switch/index.js +4 -0
  233. package/umd/toast/index.d.ts +18 -18
  234. package/umd/toast/index.js +3 -2
  235. package/umd/toast/methods.d.ts +2 -1
  236. package/umd/toast/methods.js +2 -2
@@ -117,7 +117,7 @@ export declare function methodsGenerator<P extends ToastBaseProps>(Comp: React.F
117
117
  * @param {string | ToastProps} config Configuration
118
118
  * @returns {{ update: (config: ToastProps) => void; close: () => void }}
119
119
  */
120
- toast: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>) => {
120
+ toast: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>, context?: import("../context-provider").GlobalContextParams | undefined) => {
121
121
  update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">>) => void;
122
122
  close: () => void;
123
123
  hide: () => void;
@@ -128,7 +128,7 @@ export declare function methodsGenerator<P extends ToastBaseProps>(Comp: React.F
128
128
  * @param {string | ToastProps} config Configuration
129
129
  * @returns {{ update: (config: ToastProps) => void; close: () => void }}
130
130
  */
131
- info: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>) => {
131
+ info: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>, context?: import("../context-provider").GlobalContextParams | undefined) => {
132
132
  update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">>) => void;
133
133
  close: () => void;
134
134
  hide: () => void;
@@ -139,7 +139,7 @@ export declare function methodsGenerator<P extends ToastBaseProps>(Comp: React.F
139
139
  * @param {string | ToastProps} config Configuration
140
140
  * @returns {{ update: (config: ToastProps) => void; close: () => void }}
141
141
  */
142
- success: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>) => {
142
+ success: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>, context?: import("../context-provider").GlobalContextParams | undefined) => {
143
143
  update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">>) => void;
144
144
  close: () => void;
145
145
  hide: () => void;
@@ -150,7 +150,7 @@ export declare function methodsGenerator<P extends ToastBaseProps>(Comp: React.F
150
150
  * @param {string | ToastProps} config Configuration
151
151
  * @returns {{ update: (config: ToastProps) => void; close: () => void }}
152
152
  */
153
- error: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>) => {
153
+ error: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>, context?: import("../context-provider").GlobalContextParams | undefined) => {
154
154
  update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">>) => void;
155
155
  close: () => void;
156
156
  hide: () => void;
@@ -161,7 +161,7 @@ export declare function methodsGenerator<P extends ToastBaseProps>(Comp: React.F
161
161
  * @param {string | ToastProps} config Configuration
162
162
  * @returns {{ update: (config: ToastProps) => void; close: () => void }}
163
163
  */
164
- loading: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>) => {
164
+ loading: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>, context?: import("../context-provider").GlobalContextParams | undefined) => {
165
165
  update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">>) => void;
166
166
  close: () => void;
167
167
  hide: () => void;
@@ -172,7 +172,7 @@ export declare function methodsGenerator<P extends ToastBaseProps>(Comp: React.F
172
172
  * @param {string | ToastProps} config Configuration
173
173
  * @returns {{ update: (config: ToastProps) => void; close: () => void }}
174
174
  */
175
- warn: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>) => {
175
+ warn: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>, context?: import("../context-provider").GlobalContextParams | undefined) => {
176
176
  update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">>) => void;
177
177
  close: () => void;
178
178
  hide: () => void;
@@ -185,8 +185,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
185
185
  * @param {string | ToastProps} config Configuration
186
186
  * @returns {{ update: (config: ToastProps) => void; close: () => void }}
187
187
  */
188
- toast: (originConfig: string | Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => {
189
- update: (newConfig: Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
188
+ toast: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
189
+ update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
190
190
  close: () => void;
191
191
  hide: () => void;
192
192
  };
@@ -196,8 +196,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
196
196
  * @param {string | ToastProps} config Configuration
197
197
  * @returns {{ update: (config: ToastProps) => void; close: () => void }}
198
198
  */
199
- info: (originConfig: string | Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => {
200
- update: (newConfig: Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
199
+ info: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
200
+ update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
201
201
  close: () => void;
202
202
  hide: () => void;
203
203
  };
@@ -207,8 +207,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
207
207
  * @param {string | ToastProps} config Configuration
208
208
  * @returns {{ update: (config: ToastProps) => void; close: () => void }}
209
209
  */
210
- success: (originConfig: string | Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => {
211
- update: (newConfig: Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
210
+ success: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
211
+ update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
212
212
  close: () => void;
213
213
  hide: () => void;
214
214
  };
@@ -218,8 +218,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
218
218
  * @param {string | ToastProps} config Configuration
219
219
  * @returns {{ update: (config: ToastProps) => void; close: () => void }}
220
220
  */
221
- error: (originConfig: string | Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => {
222
- update: (newConfig: Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
221
+ error: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
222
+ update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
223
223
  close: () => void;
224
224
  hide: () => void;
225
225
  };
@@ -229,8 +229,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
229
229
  * @param {string | ToastProps} config Configuration
230
230
  * @returns {{ update: (config: ToastProps) => void; close: () => void }}
231
231
  */
232
- loading: (originConfig: string | Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => {
233
- update: (newConfig: Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
232
+ loading: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
233
+ update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
234
234
  close: () => void;
235
235
  hide: () => void;
236
236
  };
@@ -240,8 +240,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
240
240
  * @param {string | ToastProps} config Configuration
241
241
  * @returns {{ update: (config: ToastProps) => void; close: () => void }}
242
242
  */
243
- warn: (originConfig: string | Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => {
244
- update: (newConfig: Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
243
+ warn: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
244
+ update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
245
245
  close: () => void;
246
246
  hide: () => void;
247
247
  };
@@ -1,6 +1,6 @@
1
1
  import React, { useEffect, forwardRef, useRef, useImperativeHandle } from 'react';
2
2
  import { cls, componentWrapper } from '@arco-design/mobile-utils';
3
- import { ContextLayout } from '../context-provider';
3
+ import { ContextLayout, CompWithGlobalContext } from '../context-provider';
4
4
  import Transition from '../transition';
5
5
  import IconErrorCircle from '../icon/IconErrorCircle';
6
6
  import IconWarnCircle from '../icon/IconWarnCircle';
@@ -189,6 +189,7 @@ export function methodsGenerator(Comp) {
189
189
  warn: toast(Comp, 'warn')
190
190
  };
191
191
  }
192
+ var ToastWithGlobalContext = CompWithGlobalContext(Toast);
192
193
  /**
193
194
  * 轻提示组件,支持各个场景下调用方法。
194
195
  * @en The toast component, supports calling methods in various scenarios.
@@ -198,4 +199,4 @@ export function methodsGenerator(Comp) {
198
199
  * @name_en Toast
199
200
  */
200
201
 
201
- export default componentWrapper(Toast, methodsGenerator(Toast));
202
+ export default componentWrapper(Toast, methodsGenerator(ToastWithGlobalContext));
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import { GlobalContextParams } from '../context-provider';
2
3
  export interface ToastBaseProps {
3
4
  getContainer?: () => HTMLElement;
4
5
  onClose?: (scene?: string) => void;
@@ -8,7 +9,7 @@ export interface ToastBaseProps {
8
9
  type?: string;
9
10
  loading?: boolean;
10
11
  }
11
- export declare function toast<P extends ToastBaseProps>(Component: React.FunctionComponent<P>, type?: string): (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>) => {
12
+ export declare function toast<P extends ToastBaseProps>(Component: React.FunctionComponent<P>, type?: string): (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>, context?: GlobalContextParams | undefined) => {
12
13
  update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">>) => void;
13
14
  close: () => void;
14
15
  hide: () => void;
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import { nextTick } from '@arco-design/mobile-utils';
3
3
  import { ReactDOMRender } from '../_helpers/render';
4
4
  export function toast(Component, type) {
5
- return function (originConfig) {
5
+ return function (originConfig, context) {
6
6
  var config = typeof originConfig === 'string' ? {
7
7
  content: originConfig,
8
8
  type: 'info'
@@ -16,7 +16,7 @@ export function toast(Component, type) {
16
16
  var div = document.createElement('div');
17
17
  document.body.appendChild(div);
18
18
 
19
- var _ReactDOMRender = new ReactDOMRender(Component, div),
19
+ var _ReactDOMRender = new ReactDOMRender(Component, div, context),
20
20
  render = _ReactDOMRender.render,
21
21
  unmount = _ReactDOMRender.unmount;
22
22
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arco-design/mobile-react",
3
- "version": "2.22.3",
3
+ "version": "2.24.0",
4
4
  "description": "",
5
5
  "main": "cjs/index.js",
6
6
  "module": "esm/index.js",
@@ -15,7 +15,7 @@
15
15
  "author": "taoyiyue@bytedance.com",
16
16
  "license": "ISC",
17
17
  "dependencies": {
18
- "@arco-design/mobile-utils": "^2.12.7",
18
+ "@arco-design/mobile-utils": "^2.12.9",
19
19
  "@arco-design/transformable": "^1.0.0",
20
20
  "es6-promise": "^4.2.8",
21
21
  "lodash.throttle": "^4.1.1",
@@ -36,5 +36,5 @@
36
36
  "publishConfig": {
37
37
  "access": "public"
38
38
  },
39
- "gitHead": "2d9f52e4a749a50a0b6248b14ab8f8d02f2f0e1e"
39
+ "gitHead": "bff7e1c275188fab8d98166eba999d7aebdc5672"
40
40
  }
@@ -1,12 +1,12 @@
1
1
  * {
2
- margin: 0;
3
- padding: 0;
4
- border: 0;
5
- -webkit-font-smoothing: antialiased;
6
2
  -webkit-tap-highlight-color: transparent;
7
3
  }
8
4
  body {
5
+ margin: 0;
6
+ padding: 0;
7
+ border: 0;
9
8
  touch-action: manipulation;
9
+ -webkit-font-smoothing: antialiased;
10
10
  -webkit-text-size-adjust: none;
11
11
  }
12
12
  button,
@@ -84,6 +84,7 @@
84
84
  --input-disabled-color: var(--disabled-color);
85
85
  --input-placeholder-color: var(--disabled-color);
86
86
  --input-clear-icon-color: var(--disabled-color);
87
+ --input-clear-icon-font-size: 16PX;
87
88
  --input-label-gutter: ~`pxtorem(24)`;
88
89
  --input-horizontal-padding: ~`pxtorem(16)`;
89
90
  --input-vertical-padding: ~`pxtorem(12)`;
@@ -701,4 +702,18 @@
701
702
  --image-picker-close-height: ~`pxtorem(18)`;
702
703
  --image-picker-close-background: rgba(0, 0, 0, 0.3);
703
704
  --image-picker-close-border-radius: 0 ~`pxtorem(2)`;
705
+ --stepper-font-size: ~`pxtorem(14)`;
706
+ --stepper-square-border: 1PX solid #f2f3f5;
707
+ --stepper-square-border-radius: ~`pxtorem(2)`;
708
+ --stepper-square-background-color: #ffffff;
709
+ --stepper-round-button-border-radius: 50%;
710
+ --stepper-round-input-background-color: transparent;
711
+ --stepper-button-size: ~`pxtorem(28)`;
712
+ --stepper-button-icon-size: ~`pxtorem(10)`;
713
+ --stepper-default-background-color: #f7f8fa;
714
+ --stepper-content-color: #1d2129;
715
+ --stepper-disable-color: #c9cdd4;
716
+ --stepper-input-width: ~`pxtorem(40)`;
717
+ --stepper-input-height: ~`pxtorem(28)`;
718
+ --stepper-input-margin: 0 1PX;
704
719
  }
@@ -83,6 +83,7 @@ export interface ArcodesignToken extends Record<string, string> {
83
83
  'input-disabled-color': string;
84
84
  'input-placeholder-color': string;
85
85
  'input-clear-icon-color': string;
86
+ 'input-clear-icon-font-size': string;
86
87
  'input-label-gutter': string;
87
88
  'input-horizontal-padding': string;
88
89
  'input-vertical-padding': string;
@@ -700,6 +701,20 @@ export interface ArcodesignToken extends Record<string, string> {
700
701
  'image-picker-close-height': string;
701
702
  'image-picker-close-background': string;
702
703
  'image-picker-close-border-radius': string;
704
+ 'stepper-font-size': string;
705
+ 'stepper-square-border': string;
706
+ 'stepper-square-border-radius': string;
707
+ 'stepper-square-background-color': string;
708
+ 'stepper-round-button-border-radius': string;
709
+ 'stepper-round-input-background-color': string;
710
+ 'stepper-button-size': string;
711
+ 'stepper-button-icon-size': string;
712
+ 'stepper-default-background-color': string;
713
+ 'stepper-content-color': string;
714
+ 'stepper-disable-color': string;
715
+ 'stepper-input-width': string;
716
+ 'stepper-input-height': string;
717
+ 'stepper-input-margin': string;
703
718
  }
704
719
  declare const tokens: ArcodesignToken;
705
720
  export default tokens;
@@ -95,6 +95,7 @@ var tokens = {
95
95
  "input-disabled-color": "#c9cdd4",
96
96
  "input-placeholder-color": "#c9cdd4",
97
97
  "input-clear-icon-color": "#c9cdd4",
98
+ "input-clear-icon-font-size": "16PX",
98
99
  "input-label-gutter": "0.48rem",
99
100
  "input-horizontal-padding": "0.32rem",
100
101
  "input-vertical-padding": "0.24rem",
@@ -711,7 +712,21 @@ var tokens = {
711
712
  "image-picker-close-width": "0.36rem",
712
713
  "image-picker-close-height": "0.36rem",
713
714
  "image-picker-close-background": "rgba(0, 0, 0, 0.3)",
714
- "image-picker-close-border-radius": "0 0.04rem"
715
+ "image-picker-close-border-radius": "0 0.04rem",
716
+ "stepper-font-size": "0.28rem",
717
+ "stepper-square-border": "1PX solid #f2f3f5",
718
+ "stepper-square-border-radius": "0.04rem",
719
+ "stepper-square-background-color": "#ffffff",
720
+ "stepper-round-button-border-radius": "50%",
721
+ "stepper-round-input-background-color": "transparent",
722
+ "stepper-button-size": "0.56rem",
723
+ "stepper-button-icon-size": "0.2rem",
724
+ "stepper-default-background-color": "#f7f8fa",
725
+ "stepper-content-color": "#1d2129",
726
+ "stepper-disable-color": "#c9cdd4",
727
+ "stepper-input-width": "0.8rem",
728
+ "stepper-input-height": "0.56rem",
729
+ "stepper-input-margin": "0 1PX"
715
730
  };
716
731
  var _default = tokens;
717
732
  exports["default"] = _default;
@@ -3695,6 +3695,18 @@
3695
3695
  "en": "Input clear icon color"
3696
3696
  }
3697
3697
  },
3698
+ "inputClearIconFontSize": {
3699
+ "cssKey": "input-clear-icon-font-size",
3700
+ "desc": "输入框 清除图标大小",
3701
+ "override": "",
3702
+ "value": "16PX",
3703
+ "jsValue": "16PX",
3704
+ "staticValue": "16PX",
3705
+ "localeDesc": {
3706
+ "ch": "输入框 清除图标大小",
3707
+ "en": "Input clear icon font size"
3708
+ }
3709
+ },
3698
3710
  "inputDisabledBackground": {
3699
3711
  "cssKey": "input-disabled-background",
3700
3712
  "desc": "输入框 禁用状态输入框背景色",
@@ -6191,6 +6203,174 @@
6191
6203
  "en": "Label distance of horizoverticalntal slider from the right of the mark"
6192
6204
  }
6193
6205
  },
6206
+ "stepperButtonIconSize": {
6207
+ "cssKey": "stepper-button-icon-size",
6208
+ "desc": "步进器按钮图标尺寸",
6209
+ "override": "",
6210
+ "value": "~`pxtorem(10)`",
6211
+ "jsValue": "@getRem@10",
6212
+ "staticValue": "0.2rem",
6213
+ "localeDesc": {
6214
+ "ch": "步进器按钮图标尺寸",
6215
+ "en": "Button icon size of Stepper"
6216
+ }
6217
+ },
6218
+ "stepperButtonSize": {
6219
+ "cssKey": "stepper-button-size",
6220
+ "desc": "步进器按钮尺寸",
6221
+ "override": "",
6222
+ "value": "~`pxtorem(28)`",
6223
+ "jsValue": "@getRem@28",
6224
+ "staticValue": "0.56rem",
6225
+ "localeDesc": {
6226
+ "ch": "步进器按钮尺寸",
6227
+ "en": "Button size of Stepper"
6228
+ }
6229
+ },
6230
+ "stepperContentColor": {
6231
+ "cssKey": "stepper-content-color",
6232
+ "desc": "步进器内容字体颜色",
6233
+ "override": "",
6234
+ "value": "#1d2129",
6235
+ "jsValue": "#1d2129",
6236
+ "staticValue": "#1d2129",
6237
+ "localeDesc": {
6238
+ "ch": "步进器内容字体颜色",
6239
+ "en": "Content text color of Stepper"
6240
+ }
6241
+ },
6242
+ "stepperDefaultBackgroundColor": {
6243
+ "cssKey": "stepper-default-background-color",
6244
+ "desc": "步进器默认背景颜色",
6245
+ "override": "",
6246
+ "value": "#f7f8fa",
6247
+ "jsValue": "#f7f8fa",
6248
+ "staticValue": "#f7f8fa",
6249
+ "localeDesc": {
6250
+ "ch": "步进器默认背景颜色",
6251
+ "en": "Background default colr of Stepper"
6252
+ }
6253
+ },
6254
+ "stepperDisableColor": {
6255
+ "cssKey": "stepper-disable-color",
6256
+ "desc": "步进器禁用状态字体颜色",
6257
+ "override": "",
6258
+ "value": "#c9cdd4",
6259
+ "jsValue": "#c9cdd4",
6260
+ "staticValue": "#c9cdd4",
6261
+ "localeDesc": {
6262
+ "ch": "步进器禁用状态字体颜色",
6263
+ "en": "Text color of Stepper in disable status"
6264
+ }
6265
+ },
6266
+ "stepperFontSize": {
6267
+ "cssKey": "stepper-font-size",
6268
+ "desc": "步进器字体大小",
6269
+ "override": "",
6270
+ "value": "~`pxtorem(14)`",
6271
+ "jsValue": "@getRem@14",
6272
+ "staticValue": "0.28rem",
6273
+ "localeDesc": {
6274
+ "ch": "步进器字体大小",
6275
+ "en": "Font size of Stepper"
6276
+ }
6277
+ },
6278
+ "stepperInputHeight": {
6279
+ "cssKey": "stepper-input-height",
6280
+ "desc": "步进器输入框长度",
6281
+ "override": "",
6282
+ "value": "~`pxtorem(28)`",
6283
+ "jsValue": "@getRem@28",
6284
+ "staticValue": "0.56rem",
6285
+ "localeDesc": {
6286
+ "ch": "步进器输入框长度",
6287
+ "en": "Input height of Stepper"
6288
+ }
6289
+ },
6290
+ "stepperInputMargin": {
6291
+ "cssKey": "stepper-input-margin",
6292
+ "desc": "步进器输入框外边距",
6293
+ "override": "",
6294
+ "value": "0 1PX",
6295
+ "jsValue": "0 1PX",
6296
+ "staticValue": "0 1PX",
6297
+ "localeDesc": {
6298
+ "ch": "步进器输入框外边距",
6299
+ "en": "Input margin of Stepper"
6300
+ }
6301
+ },
6302
+ "stepperInputWidth": {
6303
+ "cssKey": "stepper-input-width",
6304
+ "desc": "步进器输入框宽度",
6305
+ "override": "",
6306
+ "value": "~`pxtorem(40)`",
6307
+ "jsValue": "@getRem@40",
6308
+ "staticValue": "0.8rem",
6309
+ "localeDesc": {
6310
+ "ch": "步进器输入框宽度",
6311
+ "en": "Input width of Stepper"
6312
+ }
6313
+ },
6314
+ "stepperRoundButtonBorderRadius": {
6315
+ "cssKey": "stepper-round-button-border-radius",
6316
+ "desc": "步进器圆角按钮边框半径",
6317
+ "override": "",
6318
+ "value": "50%",
6319
+ "jsValue": "50%",
6320
+ "staticValue": "50%",
6321
+ "localeDesc": {
6322
+ "ch": "步进器圆角按钮边框半径",
6323
+ "en": "Round button border radius of Stepper"
6324
+ }
6325
+ },
6326
+ "stepperRoundInputBackgroundColor": {
6327
+ "cssKey": "stepper-round-input-background-color",
6328
+ "desc": "步进器圆角输入框背景颜色",
6329
+ "override": "",
6330
+ "value": "transparent",
6331
+ "jsValue": "transparent",
6332
+ "staticValue": "transparent",
6333
+ "localeDesc": {
6334
+ "ch": "步进器圆角输入框背景颜色",
6335
+ "en": "Rount input background color of Stepper"
6336
+ }
6337
+ },
6338
+ "stepperSquareBackgroundColor": {
6339
+ "cssKey": "stepper-square-background-color",
6340
+ "desc": "步进器方角样式背景颜色",
6341
+ "override": "",
6342
+ "value": "#ffffff",
6343
+ "jsValue": "#ffffff",
6344
+ "staticValue": "#ffffff",
6345
+ "localeDesc": {
6346
+ "ch": "步进器方角样式背景颜色",
6347
+ "en": "Background color of Stepper square style"
6348
+ }
6349
+ },
6350
+ "stepperSquareBorder": {
6351
+ "cssKey": "stepper-square-border",
6352
+ "desc": "步进器方角边框样式",
6353
+ "override": "",
6354
+ "value": "1PX solid #f2f3f5",
6355
+ "jsValue": "1PX solid #f2f3f5",
6356
+ "staticValue": "1PX solid #f2f3f5",
6357
+ "localeDesc": {
6358
+ "ch": "步进器方角边框样式",
6359
+ "en": "Square border style of Stepper"
6360
+ }
6361
+ },
6362
+ "stepperSquareBorderRadius": {
6363
+ "cssKey": "stepper-square-border-radius",
6364
+ "desc": "步进器方角边框半径",
6365
+ "override": "",
6366
+ "value": "~`pxtorem(2)`",
6367
+ "jsValue": "@getRem@2",
6368
+ "staticValue": "0.04rem",
6369
+ "localeDesc": {
6370
+ "ch": "步进器方角边框半径",
6371
+ "en": "Square border radius of Stepper"
6372
+ }
6373
+ },
6194
6374
  "stepsDescriptionColor": {
6195
6375
  "cssKey": "steps-description-color",
6196
6376
  "desc": "steps 步骤默认描述文字颜色",
@@ -83,6 +83,7 @@
83
83
  @input-disabled-color: @disabled-color;
84
84
  @input-placeholder-color: @disabled-color;
85
85
  @input-clear-icon-color: @disabled-color;
86
+ @input-clear-icon-font-size: 16PX;
86
87
  @input-label-gutter: ~`pxtorem(24)`;
87
88
  @input-horizontal-padding: ~`pxtorem(16)`;
88
89
  @input-vertical-padding: ~`pxtorem(12)`;
@@ -700,4 +701,18 @@
700
701
  @image-picker-close-height: ~`pxtorem(18)`;
701
702
  @image-picker-close-background: rgba(0, 0, 0, 0.3);
702
703
  @image-picker-close-border-radius: 0 ~`pxtorem(2)`;
704
+ @stepper-font-size: ~`pxtorem(14)`;
705
+ @stepper-square-border: 1PX solid #f2f3f5;
706
+ @stepper-square-border-radius: ~`pxtorem(2)`;
707
+ @stepper-square-background-color: #ffffff;
708
+ @stepper-round-button-border-radius: 50%;
709
+ @stepper-round-input-background-color: transparent;
710
+ @stepper-button-size: ~`pxtorem(28)`;
711
+ @stepper-button-icon-size: ~`pxtorem(10)`;
712
+ @stepper-default-background-color: #f7f8fa;
713
+ @stepper-content-color: #1d2129;
714
+ @stepper-disable-color: #c9cdd4;
715
+ @stepper-input-width: ~`pxtorem(40)`;
716
+ @stepper-input-height: ~`pxtorem(28)`;
717
+ @stepper-input-margin: 0 1PX;
703
718
 
@@ -1,10 +1,12 @@
1
1
  import { FunctionComponent } from 'react';
2
2
  import { RootType } from './react-dom';
3
+ import { GlobalContextParams } from '../context-provider';
3
4
  export declare class ReactDOMRender {
4
5
  root: RootType | undefined;
5
6
  app: FunctionComponent;
6
7
  container: Element | DocumentFragment;
7
- constructor(app: FunctionComponent, container: Element | DocumentFragment);
8
+ context: GlobalContextParams | undefined;
9
+ constructor(app: FunctionComponent, container: Element | DocumentFragment, context?: GlobalContextParams);
8
10
  render: (props: any) => void;
9
11
  unmount: () => void;
10
12
  }
@@ -1,38 +1,43 @@
1
1
  (function (global, factory) {
2
2
  if (typeof define === "function" && define.amd) {
3
- define(["exports", "react", "./react-dom"], factory);
3
+ define(["exports", "@babel/runtime/helpers/extends", "react", "./react-dom"], factory);
4
4
  } else if (typeof exports !== "undefined") {
5
- factory(exports, require("react"), require("./react-dom"));
5
+ factory(exports, require("@babel/runtime/helpers/extends"), require("react"), require("./react-dom"));
6
6
  } else {
7
7
  var mod = {
8
8
  exports: {}
9
9
  };
10
- factory(mod.exports, global.react, global.reactDom);
10
+ factory(mod.exports, global._extends, global.react, global.reactDom);
11
11
  global.render = mod.exports;
12
12
  }
13
- })(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react, _reactDom) {
13
+ })(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _react, _reactDom) {
14
14
  "use strict";
15
15
 
16
16
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
17
17
 
18
18
  _exports.__esModule = true;
19
19
  _exports.ReactDOMRender = void 0;
20
+ _extends2 = _interopRequireDefault(_extends2);
20
21
  _react = _interopRequireDefault(_react);
21
22
 
22
- var ReactDOMRender = function ReactDOMRender(app, container) {
23
+ var ReactDOMRender = function ReactDOMRender(app, container, context) {
23
24
  var _this = this;
24
25
 
25
26
  this.root = void 0;
26
27
  this.app = void 0;
27
28
  this.container = void 0;
29
+ this.context = void 0;
28
30
 
29
31
  this.render = function (props) {
30
32
  var CustomApp = _this.app;
33
+ var propsWithContext = (0, _extends2.default)({}, props, {
34
+ context: _this.context
35
+ });
31
36
 
32
37
  if (_this.root) {
33
- _this.root.render( /*#__PURE__*/_react.default.createElement(CustomApp, props));
38
+ _this.root.render( /*#__PURE__*/_react.default.createElement(CustomApp, propsWithContext));
34
39
  } else {
35
- _this.root = (0, _reactDom.render)( /*#__PURE__*/_react.default.createElement(CustomApp, props), _this.container);
40
+ _this.root = (0, _reactDom.render)( /*#__PURE__*/_react.default.createElement(CustomApp, propsWithContext), _this.container);
36
41
  }
37
42
  };
38
43
 
@@ -45,6 +50,7 @@
45
50
 
46
51
  this.app = app;
47
52
  this.container = container;
53
+ this.context = context;
48
54
  };
49
55
 
50
56
  _exports.ReactDOMRender = ReactDOMRender;