@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.
- package/CHANGELOG.md +32 -0
- package/README.en-US.md +2 -2
- package/README.md +2 -2
- package/cjs/_helpers/render.d.ts +3 -1
- package/cjs/_helpers/render.js +10 -3
- package/cjs/action-sheet/index.d.ts +5 -5
- package/cjs/action-sheet/index.js +4 -3
- package/cjs/action-sheet/methods.d.ts +1 -1
- package/cjs/badge/style/css/index.css +1 -2
- package/cjs/checkbox/checkbox.js +4 -0
- package/cjs/circle-progress/index.js +4 -0
- package/cjs/context-provider/index.d.ts +4 -0
- package/cjs/context-provider/index.js +14 -2
- package/cjs/dialog/index.d.ts +8 -8
- package/cjs/dialog/index.js +3 -2
- package/cjs/dialog/methods.d.ts +3 -3
- package/cjs/dialog/style/css/index.css +1 -2
- package/cjs/image-picker/index.js +18 -12
- package/cjs/image-picker/type.d.ts +10 -0
- package/cjs/image-preview/index.d.ts +3 -3
- package/cjs/image-preview/index.js +3 -2
- package/cjs/image-preview/methods.d.ts +2 -1
- package/cjs/image-preview/methods.js +2 -2
- package/cjs/index.d.ts +1 -0
- package/cjs/index.js +5 -1
- package/cjs/input/hooks.js +1 -0
- package/cjs/input/index.d.ts +5 -0
- package/cjs/input/index.js +6 -2
- package/cjs/input/style/css/index.css +1 -0
- package/cjs/input/style/index.less +1 -0
- package/cjs/masking/index.d.ts +4 -14
- package/cjs/masking/index.js +3 -2
- package/cjs/masking/methods.d.ts +3 -2
- package/cjs/masking/methods.js +2 -2
- package/cjs/nav-bar/index.d.ts +12 -0
- package/cjs/nav-bar/index.js +8 -2
- package/cjs/notify/index.d.ts +12 -12
- package/cjs/notify/index.js +3 -2
- package/cjs/notify/methods.d.ts +2 -1
- package/cjs/notify/methods.js +2 -2
- package/cjs/picker-view/components/picker-cell.js +3 -1
- package/cjs/popup/index.d.ts +4 -4
- package/cjs/popup/index.js +3 -2
- package/cjs/popup/methods.d.ts +1 -1
- package/cjs/popup-swiper/index.d.ts +12 -6
- package/cjs/popup-swiper/index.js +3 -2
- package/cjs/popup-swiper/methods.d.ts +1 -1
- package/cjs/progress/index.js +4 -0
- package/cjs/rate/index.js +5 -0
- package/cjs/slider/index.js +6 -1
- package/cjs/stepper/demo/style/css/mobile.css +4 -0
- package/cjs/stepper/demo/style/mobile.less +10 -0
- package/cjs/stepper/hooks/useButtonClick.d.ts +11 -0
- package/cjs/stepper/hooks/useButtonClick.js +74 -0
- package/cjs/stepper/hooks/useInputEvent.d.ts +9 -0
- package/cjs/stepper/hooks/useInputEvent.js +59 -0
- package/cjs/stepper/hooks/useValue.d.ts +6 -0
- package/cjs/stepper/hooks/useValue.js +44 -0
- package/cjs/stepper/index.d.ts +13 -0
- package/cjs/stepper/index.js +190 -0
- package/cjs/stepper/style/css/index.css +76 -0
- package/cjs/stepper/style/css/index.d.ts +2 -0
- package/cjs/stepper/style/css/index.js +5 -0
- package/cjs/stepper/style/index.d.ts +2 -0
- package/cjs/stepper/style/index.js +5 -0
- package/cjs/stepper/style/index.less +80 -0
- package/cjs/stepper/type.d.ts +159 -0
- package/cjs/stepper/type.js +3 -0
- package/cjs/style.d.ts +1 -0
- package/cjs/style.js +2 -0
- package/cjs/swipe-action/index.d.ts +1 -0
- package/cjs/swipe-action/index.js +10 -0
- package/cjs/switch/index.js +4 -0
- package/cjs/toast/index.d.ts +18 -18
- package/cjs/toast/index.js +3 -2
- package/cjs/toast/methods.d.ts +2 -1
- package/cjs/toast/methods.js +2 -2
- package/dist/index.js +463 -52
- package/dist/index.min.js +3 -3
- package/dist/style.css +77 -113
- package/dist/style.min.css +1 -1
- package/esm/_helpers/render.d.ts +3 -1
- package/esm/_helpers/render.js +10 -3
- package/esm/action-sheet/index.d.ts +5 -5
- package/esm/action-sheet/index.js +4 -3
- package/esm/action-sheet/methods.d.ts +1 -1
- package/esm/badge/style/css/index.css +1 -2
- package/esm/checkbox/checkbox.js +4 -0
- package/esm/circle-progress/index.js +4 -0
- package/esm/context-provider/index.d.ts +4 -0
- package/esm/context-provider/index.js +13 -2
- package/esm/dialog/index.d.ts +8 -8
- package/esm/dialog/index.js +3 -2
- package/esm/dialog/methods.d.ts +3 -3
- package/esm/dialog/style/css/index.css +1 -2
- package/esm/image-picker/index.js +18 -12
- package/esm/image-picker/type.d.ts +10 -0
- package/esm/image-preview/index.d.ts +3 -3
- package/esm/image-preview/index.js +3 -2
- package/esm/image-preview/methods.d.ts +2 -1
- package/esm/image-preview/methods.js +2 -2
- package/esm/index.d.ts +1 -0
- package/esm/index.js +1 -0
- package/esm/input/hooks.js +1 -0
- package/esm/input/index.d.ts +5 -0
- package/esm/input/index.js +6 -2
- package/esm/input/style/css/index.css +1 -0
- package/esm/input/style/index.less +1 -0
- package/esm/masking/index.d.ts +4 -14
- package/esm/masking/index.js +3 -2
- package/esm/masking/methods.d.ts +3 -2
- package/esm/masking/methods.js +2 -2
- package/esm/nav-bar/index.d.ts +12 -0
- package/esm/nav-bar/index.js +8 -2
- package/esm/notify/index.d.ts +12 -12
- package/esm/notify/index.js +3 -2
- package/esm/notify/methods.d.ts +2 -1
- package/esm/notify/methods.js +2 -2
- package/esm/picker-view/components/picker-cell.js +3 -1
- package/esm/popup/index.d.ts +4 -4
- package/esm/popup/index.js +3 -2
- package/esm/popup/methods.d.ts +1 -1
- package/esm/popup-swiper/index.d.ts +12 -6
- package/esm/popup-swiper/index.js +3 -2
- package/esm/popup-swiper/methods.d.ts +1 -1
- package/esm/progress/index.js +4 -0
- package/esm/rate/index.js +5 -0
- package/esm/slider/index.js +6 -1
- package/esm/stepper/demo/style/css/mobile.css +4 -0
- package/esm/stepper/demo/style/mobile.less +10 -0
- package/esm/stepper/hooks/useButtonClick.d.ts +11 -0
- package/esm/stepper/hooks/useButtonClick.js +69 -0
- package/esm/stepper/hooks/useInputEvent.d.ts +9 -0
- package/esm/stepper/hooks/useInputEvent.js +53 -0
- package/esm/stepper/hooks/useValue.d.ts +6 -0
- package/esm/stepper/hooks/useValue.js +38 -0
- package/esm/stepper/index.d.ts +13 -0
- package/esm/stepper/index.js +163 -0
- package/esm/stepper/style/css/index.css +76 -0
- package/esm/stepper/style/css/index.d.ts +2 -0
- package/esm/stepper/style/css/index.js +2 -0
- package/esm/stepper/style/index.d.ts +2 -0
- package/esm/stepper/style/index.js +2 -0
- package/esm/stepper/style/index.less +80 -0
- package/esm/stepper/type.d.ts +159 -0
- package/esm/stepper/type.js +1 -0
- package/esm/style.d.ts +1 -0
- package/esm/style.js +1 -0
- package/esm/swipe-action/index.d.ts +1 -0
- package/esm/swipe-action/index.js +1 -0
- package/esm/switch/index.js +4 -0
- package/esm/toast/index.d.ts +18 -18
- package/esm/toast/index.js +3 -2
- package/esm/toast/methods.d.ts +2 -1
- package/esm/toast/methods.js +2 -2
- package/package.json +3 -3
- package/style/css/public.css +4 -4
- package/tokens/app/arcodesign/default/css-variables.less +15 -0
- package/tokens/app/arcodesign/default/index.d.ts +15 -0
- package/tokens/app/arcodesign/default/index.js +16 -1
- package/tokens/app/arcodesign/default/index.json +180 -0
- package/tokens/app/arcodesign/default/index.less +15 -0
- package/umd/_helpers/render.d.ts +3 -1
- package/umd/_helpers/render.js +13 -7
- package/umd/action-sheet/index.d.ts +5 -5
- package/umd/action-sheet/index.js +4 -3
- package/umd/action-sheet/methods.d.ts +1 -1
- package/umd/badge/style/css/index.css +1 -2
- package/umd/checkbox/checkbox.js +4 -0
- package/umd/circle-progress/index.js +4 -0
- package/umd/context-provider/index.d.ts +4 -0
- package/umd/context-provider/index.js +13 -1
- package/umd/dialog/index.d.ts +8 -8
- package/umd/dialog/index.js +3 -2
- package/umd/dialog/methods.d.ts +3 -3
- package/umd/dialog/style/css/index.css +1 -2
- package/umd/image-picker/index.js +18 -12
- package/umd/image-picker/type.d.ts +10 -0
- package/umd/image-preview/index.d.ts +3 -3
- package/umd/image-preview/index.js +3 -2
- package/umd/image-preview/methods.d.ts +2 -1
- package/umd/image-preview/methods.js +2 -2
- package/umd/index.d.ts +1 -0
- package/umd/index.js +7 -5
- package/umd/input/hooks.js +1 -0
- package/umd/input/index.d.ts +5 -0
- package/umd/input/index.js +6 -2
- package/umd/input/style/css/index.css +1 -0
- package/umd/input/style/index.less +1 -0
- package/umd/masking/index.d.ts +4 -14
- package/umd/masking/index.js +3 -2
- package/umd/masking/methods.d.ts +3 -2
- package/umd/masking/methods.js +2 -2
- package/umd/nav-bar/index.d.ts +12 -0
- package/umd/nav-bar/index.js +8 -2
- package/umd/notify/index.d.ts +12 -12
- package/umd/notify/index.js +3 -2
- package/umd/notify/methods.d.ts +2 -1
- package/umd/notify/methods.js +2 -2
- package/umd/picker-view/components/picker-cell.js +3 -1
- package/umd/popup/index.d.ts +4 -4
- package/umd/popup/index.js +3 -2
- package/umd/popup/methods.d.ts +1 -1
- package/umd/popup-swiper/index.d.ts +12 -6
- package/umd/popup-swiper/index.js +3 -2
- package/umd/popup-swiper/methods.d.ts +1 -1
- package/umd/progress/index.js +4 -0
- package/umd/rate/index.js +5 -0
- package/umd/slider/index.js +6 -1
- package/umd/stepper/demo/style/css/mobile.css +4 -0
- package/umd/stepper/demo/style/mobile.less +10 -0
- package/umd/stepper/hooks/useButtonClick.d.ts +11 -0
- package/umd/stepper/hooks/useButtonClick.js +86 -0
- package/umd/stepper/hooks/useInputEvent.d.ts +9 -0
- package/umd/stepper/hooks/useInputEvent.js +71 -0
- package/umd/stepper/hooks/useValue.d.ts +6 -0
- package/umd/stepper/hooks/useValue.js +56 -0
- package/umd/stepper/index.d.ts +13 -0
- package/umd/stepper/index.js +191 -0
- package/umd/stepper/style/css/index.css +76 -0
- package/umd/stepper/style/css/index.d.ts +2 -0
- package/umd/stepper/style/css/index.js +15 -0
- package/umd/stepper/style/index.d.ts +2 -0
- package/umd/stepper/style/index.js +15 -0
- package/umd/stepper/style/index.less +80 -0
- package/umd/stepper/type.d.ts +159 -0
- package/umd/stepper/type.js +17 -0
- package/umd/style.d.ts +1 -0
- package/umd/style.js +4 -4
- package/umd/swipe-action/index.d.ts +1 -0
- package/umd/swipe-action/index.js +11 -4
- package/umd/switch/index.js +4 -0
- package/umd/toast/index.d.ts +18 -18
- package/umd/toast/index.js +3 -2
- package/umd/toast/methods.d.ts +2 -1
- package/umd/toast/methods.js +2 -2
package/esm/toast/index.d.ts
CHANGED
@@ -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
|
189
|
-
update: (newConfig: Pick<ToastProps & React.RefAttributes<ToastRef
|
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
|
200
|
-
update: (newConfig: Pick<ToastProps & React.RefAttributes<ToastRef
|
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
|
211
|
-
update: (newConfig: Pick<ToastProps & React.RefAttributes<ToastRef
|
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
|
222
|
-
update: (newConfig: Pick<ToastProps & React.RefAttributes<ToastRef
|
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
|
233
|
-
update: (newConfig: Pick<ToastProps & React.RefAttributes<ToastRef
|
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
|
244
|
-
update: (newConfig: Pick<ToastProps & React.RefAttributes<ToastRef
|
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
|
};
|
package/esm/toast/index.js
CHANGED
@@ -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(
|
202
|
+
export default componentWrapper(Toast, methodsGenerator(ToastWithGlobalContext));
|
package/esm/toast/methods.d.ts
CHANGED
@@ -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;
|
package/esm/toast/methods.js
CHANGED
@@ -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.
|
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.
|
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": "
|
39
|
+
"gitHead": "bff7e1c275188fab8d98166eba999d7aebdc5672"
|
40
40
|
}
|
package/style/css/public.css
CHANGED
@@ -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
|
|
package/umd/_helpers/render.d.ts
CHANGED
@@ -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
|
-
|
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
|
}
|
package/umd/_helpers/render.js
CHANGED
@@ -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,
|
38
|
+
_this.root.render( /*#__PURE__*/_react.default.createElement(CustomApp, propsWithContext));
|
34
39
|
} else {
|
35
|
-
_this.root = (0, _reactDom.render)( /*#__PURE__*/_react.default.createElement(CustomApp,
|
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;
|