@arco-design/mobile-react 2.31.2 → 2.31.4
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 +22 -0
- package/README.en-US.md +3 -3
- package/README.md +3 -3
- package/cjs/action-sheet/style/css/index.css +2 -2
- package/cjs/avatar/style/css/index.css +2 -2
- package/cjs/badge/style/css/index.css +2 -2
- package/cjs/button/style/css/index.css +2 -2
- package/cjs/carousel/style/css/index.css +2 -2
- package/cjs/cell/style/css/index.css +2 -2
- package/cjs/checkbox/style/css/index.css +2 -2
- package/cjs/circle-progress/style/css/index.css +2 -2
- package/cjs/collapse/style/css/index.css +2 -2
- package/cjs/count-down/style/css/index.css +2 -2
- package/cjs/date-picker/index.js +7 -7
- package/cjs/date-picker/style/css/index.css +2 -2
- package/cjs/date-picker/type.d.ts +7 -1
- package/cjs/dialog/style/css/index.css +2 -2
- package/cjs/divider/style/css/index.css +2 -2
- package/cjs/dropdown/style/css/index.css +2 -2
- package/cjs/dropdown-menu/style/css/index.css +2 -2
- package/cjs/ellipsis/style/css/index.css +2 -2
- package/cjs/form/form-item.d.ts +0 -3
- package/cjs/form/form-item.js +19 -30
- package/cjs/form/index.js +6 -2
- package/cjs/form/linked-container.d.ts +8 -0
- package/cjs/form/linked-container.js +72 -0
- package/cjs/form/style/css/index.css +2 -2
- package/cjs/form/style/index.less +3 -3
- package/cjs/form/type.d.ts +7 -11
- package/cjs/form/useForm.js +36 -48
- package/cjs/grid/style/css/index.css +2 -2
- package/cjs/image/style/css/index.css +2 -2
- package/cjs/image-picker/style/css/index.css +2 -2
- package/cjs/image-preview/style/css/index.css +2 -2
- package/cjs/index-bar/style/css/index.css +2 -2
- package/cjs/input/style/css/index.css +2 -2
- package/cjs/keyboard/style/css/index.css +2 -2
- package/cjs/load-more/style/css/index.css +2 -2
- package/cjs/loading/style/css/index.css +2 -2
- package/cjs/masking/style/css/index.css +2 -2
- package/cjs/nav-bar/style/css/index.css +2 -2
- package/cjs/notice-bar/style/css/index.css +2 -2
- package/cjs/notify/style/css/index.css +2 -2
- package/cjs/pagination/style/css/index.css +2 -2
- package/cjs/picker/index.js +1 -1
- package/cjs/picker/style/css/index.css +2 -2
- package/cjs/picker-view/style/css/index.css +2 -2
- package/cjs/popover/style/css/index.css +2 -2
- package/cjs/popover/style/css/menu.css +2 -2
- package/cjs/popup/style/css/index.css +2 -2
- package/cjs/popup-swiper/style/css/index.css +2 -2
- package/cjs/progress/style/css/index.css +2 -2
- package/cjs/pull-refresh/style/css/index.css +2 -2
- package/cjs/radio/style/css/index.css +2 -2
- package/cjs/rate/style/css/index.css +2 -2
- package/cjs/search-bar/style/css/index.css +2 -2
- package/cjs/skeleton/style/css/index.css +2 -2
- package/cjs/slider/style/css/index.css +2 -2
- package/cjs/stepper/hooks/useInputEvent.d.ts +1 -0
- package/cjs/stepper/hooks/useInputEvent.js +3 -2
- package/cjs/stepper/hooks/useValue.d.ts +1 -0
- package/cjs/stepper/hooks/useValue.js +2 -1
- package/cjs/stepper/index.js +3 -1
- package/cjs/stepper/style/css/index.css +2 -2
- package/cjs/steps/style/css/index.css +2 -2
- package/cjs/sticky/style/css/index.css +2 -2
- package/cjs/swipe-action/style/css/index.css +2 -2
- package/cjs/swipe-load/style/css/index.css +2 -2
- package/cjs/switch/style/css/index.css +2 -2
- package/cjs/tab-bar/style/css/index.css +2 -2
- package/cjs/tabs/style/css/index.css +2 -2
- package/cjs/tag/style/css/index.css +2 -2
- package/cjs/textarea/style/css/index.css +2 -2
- package/cjs/toast/style/css/index.css +2 -2
- package/cjs/transition/style/css/index.css +2 -2
- package/cjs/uploader/style/css/index.css +2 -2
- package/dist/index.js +1832 -1831
- package/dist/index.min.js +4 -4
- package/dist/style.css +114 -114
- package/esm/action-sheet/style/css/index.css +2 -2
- package/esm/avatar/style/css/index.css +2 -2
- package/esm/badge/style/css/index.css +2 -2
- package/esm/button/style/css/index.css +2 -2
- package/esm/carousel/style/css/index.css +2 -2
- package/esm/cell/style/css/index.css +2 -2
- package/esm/checkbox/style/css/index.css +2 -2
- package/esm/circle-progress/style/css/index.css +2 -2
- package/esm/collapse/style/css/index.css +2 -2
- package/esm/count-down/style/css/index.css +2 -2
- package/esm/date-picker/index.js +8 -8
- package/esm/date-picker/style/css/index.css +2 -2
- package/esm/date-picker/type.d.ts +7 -1
- package/esm/dialog/style/css/index.css +2 -2
- package/esm/divider/style/css/index.css +2 -2
- package/esm/dropdown/style/css/index.css +2 -2
- package/esm/dropdown-menu/style/css/index.css +2 -2
- package/esm/ellipsis/style/css/index.css +2 -2
- package/esm/form/form-item.d.ts +0 -3
- package/esm/form/form-item.js +14 -25
- package/esm/form/index.js +7 -3
- package/esm/form/linked-container.d.ts +8 -0
- package/esm/form/linked-container.js +54 -0
- package/esm/form/style/css/index.css +2 -2
- package/esm/form/style/index.less +3 -3
- package/esm/form/type.d.ts +7 -11
- package/esm/form/useForm.js +31 -42
- package/esm/grid/style/css/index.css +2 -2
- package/esm/image/style/css/index.css +2 -2
- package/esm/image-picker/style/css/index.css +2 -2
- package/esm/image-preview/style/css/index.css +2 -2
- package/esm/index-bar/style/css/index.css +2 -2
- package/esm/input/style/css/index.css +2 -2
- package/esm/keyboard/style/css/index.css +2 -2
- package/esm/load-more/style/css/index.css +2 -2
- package/esm/loading/style/css/index.css +2 -2
- package/esm/masking/style/css/index.css +2 -2
- package/esm/nav-bar/style/css/index.css +2 -2
- package/esm/notice-bar/style/css/index.css +2 -2
- package/esm/notify/style/css/index.css +2 -2
- package/esm/pagination/style/css/index.css +2 -2
- package/esm/picker/index.js +1 -1
- package/esm/picker/style/css/index.css +2 -2
- package/esm/picker-view/style/css/index.css +2 -2
- package/esm/popover/style/css/index.css +2 -2
- package/esm/popover/style/css/menu.css +2 -2
- package/esm/popup/style/css/index.css +2 -2
- package/esm/popup-swiper/style/css/index.css +2 -2
- package/esm/progress/style/css/index.css +2 -2
- package/esm/pull-refresh/style/css/index.css +2 -2
- package/esm/radio/style/css/index.css +2 -2
- package/esm/rate/style/css/index.css +2 -2
- package/esm/search-bar/style/css/index.css +2 -2
- package/esm/skeleton/style/css/index.css +2 -2
- package/esm/slider/style/css/index.css +2 -2
- package/esm/stepper/hooks/useInputEvent.d.ts +1 -0
- package/esm/stepper/hooks/useInputEvent.js +3 -2
- package/esm/stepper/hooks/useValue.d.ts +1 -0
- package/esm/stepper/hooks/useValue.js +2 -1
- package/esm/stepper/index.js +3 -1
- package/esm/stepper/style/css/index.css +2 -2
- package/esm/steps/style/css/index.css +2 -2
- package/esm/sticky/style/css/index.css +2 -2
- package/esm/swipe-action/style/css/index.css +2 -2
- package/esm/swipe-load/style/css/index.css +2 -2
- package/esm/switch/style/css/index.css +2 -2
- package/esm/tab-bar/style/css/index.css +2 -2
- package/esm/tabs/style/css/index.css +2 -2
- package/esm/tag/style/css/index.css +2 -2
- package/esm/textarea/style/css/index.css +2 -2
- package/esm/toast/style/css/index.css +2 -2
- package/esm/transition/style/css/index.css +2 -2
- package/esm/uploader/style/css/index.css +2 -2
- package/package.json +3 -3
- package/style/css/public.css +2 -2
- package/tokens/mixin/index.less +2 -2
- package/umd/action-sheet/style/css/index.css +2 -2
- package/umd/avatar/style/css/index.css +2 -2
- package/umd/badge/style/css/index.css +2 -2
- package/umd/button/style/css/index.css +2 -2
- package/umd/carousel/style/css/index.css +2 -2
- package/umd/cell/style/css/index.css +2 -2
- package/umd/checkbox/style/css/index.css +2 -2
- package/umd/circle-progress/style/css/index.css +2 -2
- package/umd/collapse/style/css/index.css +2 -2
- package/umd/count-down/style/css/index.css +2 -2
- package/umd/date-picker/index.js +7 -7
- package/umd/date-picker/style/css/index.css +2 -2
- package/umd/date-picker/type.d.ts +7 -1
- package/umd/dialog/style/css/index.css +2 -2
- package/umd/divider/style/css/index.css +2 -2
- package/umd/dropdown/style/css/index.css +2 -2
- package/umd/dropdown-menu/style/css/index.css +2 -2
- package/umd/ellipsis/style/css/index.css +2 -2
- package/umd/form/form-item.d.ts +0 -3
- package/umd/form/form-item.js +19 -34
- package/umd/form/index.js +6 -2
- package/umd/form/linked-container.d.ts +8 -0
- package/umd/form/linked-container.js +78 -0
- package/umd/form/style/css/index.css +2 -2
- package/umd/form/style/index.less +3 -3
- package/umd/form/type.d.ts +7 -11
- package/umd/form/useForm.js +38 -50
- package/umd/grid/style/css/index.css +2 -2
- package/umd/image/style/css/index.css +2 -2
- package/umd/image-picker/style/css/index.css +2 -2
- package/umd/image-preview/style/css/index.css +2 -2
- package/umd/index-bar/style/css/index.css +2 -2
- package/umd/input/style/css/index.css +2 -2
- package/umd/keyboard/style/css/index.css +2 -2
- package/umd/load-more/style/css/index.css +2 -2
- package/umd/loading/style/css/index.css +2 -2
- package/umd/masking/style/css/index.css +2 -2
- package/umd/nav-bar/style/css/index.css +2 -2
- package/umd/notice-bar/style/css/index.css +2 -2
- package/umd/notify/style/css/index.css +2 -2
- package/umd/pagination/style/css/index.css +2 -2
- package/umd/picker/index.js +1 -1
- package/umd/picker/style/css/index.css +2 -2
- package/umd/picker-view/style/css/index.css +2 -2
- package/umd/popover/style/css/index.css +2 -2
- package/umd/popover/style/css/menu.css +2 -2
- package/umd/popup/style/css/index.css +2 -2
- package/umd/popup-swiper/style/css/index.css +2 -2
- package/umd/progress/style/css/index.css +2 -2
- package/umd/pull-refresh/style/css/index.css +2 -2
- package/umd/radio/style/css/index.css +2 -2
- package/umd/rate/style/css/index.css +2 -2
- package/umd/search-bar/style/css/index.css +2 -2
- package/umd/skeleton/style/css/index.css +2 -2
- package/umd/slider/style/css/index.css +2 -2
- package/umd/stepper/hooks/useInputEvent.d.ts +1 -0
- package/umd/stepper/hooks/useInputEvent.js +3 -2
- package/umd/stepper/hooks/useValue.d.ts +1 -0
- package/umd/stepper/hooks/useValue.js +2 -1
- package/umd/stepper/index.js +3 -1
- package/umd/stepper/style/css/index.css +2 -2
- package/umd/steps/style/css/index.css +2 -2
- package/umd/sticky/style/css/index.css +2 -2
- package/umd/swipe-action/style/css/index.css +2 -2
- package/umd/swipe-load/style/css/index.css +2 -2
- package/umd/switch/style/css/index.css +2 -2
- package/umd/tab-bar/style/css/index.css +2 -2
- package/umd/tabs/style/css/index.css +2 -2
- package/umd/tag/style/css/index.css +2 -2
- package/umd/textarea/style/css/index.css +2 -2
- package/umd/toast/style/css/index.css +2 -2
- package/umd/transition/style/css/index.css +2 -2
- package/umd/uploader/style/css/index.css +2 -2
@@ -5,6 +5,7 @@ export default function useInputEvent(params) {
|
|
5
5
|
max = params.max,
|
6
6
|
digits = params.digits,
|
7
7
|
actualInputValue = params.actualInputValue,
|
8
|
+
innerValue = params.innerValue,
|
8
9
|
allowEmpty = params.allowEmpty,
|
9
10
|
updateValue = params.updateValue,
|
10
11
|
onBlur = params.onBlur,
|
@@ -44,8 +45,8 @@ export default function useInputEvent(params) {
|
|
44
45
|
};
|
45
46
|
|
46
47
|
useUpdateEffect(function () {
|
47
|
-
onChange && onChange(
|
48
|
-
}, [
|
48
|
+
onChange && onChange(innerValue);
|
49
|
+
}, [innerValue]);
|
49
50
|
return {
|
50
51
|
handleInput: handleInput,
|
51
52
|
handleBlur: handleBlur
|
package/esm/stepper/index.js
CHANGED
@@ -57,7 +57,8 @@ var Stepper = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
57
57
|
}),
|
58
58
|
updateValue = _useValue.updateValue,
|
59
59
|
actualInputValue = _useValue.actualInputValue,
|
60
|
-
showValue = _useValue.showValue
|
60
|
+
showValue = _useValue.showValue,
|
61
|
+
innerValue = _useValue.innerValue; // 按钮点击的相关逻辑
|
61
62
|
// @en The logic is that handle button click
|
62
63
|
|
63
64
|
|
@@ -87,6 +88,7 @@ var Stepper = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
87
88
|
digits: digits,
|
88
89
|
actualInputValue: actualInputValue,
|
89
90
|
allowEmpty: allowEmpty,
|
91
|
+
innerValue: innerValue,
|
90
92
|
updateValue: updateValue,
|
91
93
|
onBlur: onBlur,
|
92
94
|
onChange: onChange,
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@arco-design/mobile-react",
|
3
|
-
"version": "2.31.
|
3
|
+
"version": "2.31.4",
|
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.18.
|
18
|
+
"@arco-design/mobile-utils": "2.18.4",
|
19
19
|
"@arco-design/transformable": "^1.0.0",
|
20
20
|
"@babel/runtime": "^7",
|
21
21
|
"lodash.throttle": "^4.1.1",
|
@@ -47,5 +47,5 @@
|
|
47
47
|
"publishConfig": {
|
48
48
|
"access": "public"
|
49
49
|
},
|
50
|
-
"gitHead": "
|
50
|
+
"gitHead": "587e4ae933c35aee9e089eeb10b47b588d2a5f48"
|
51
51
|
}
|
package/style/css/public.css
CHANGED
@@ -319,7 +319,7 @@
|
|
319
319
|
* @param @rules {en} customized rewrite rules, default to initial
|
320
320
|
* @example
|
321
321
|
* ```
|
322
|
-
* @import '@arco-design/mobile-
|
322
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
323
323
|
*
|
324
324
|
* .demo {
|
325
325
|
* .set-prop-with-rtl(right, auto);
|
@@ -335,7 +335,7 @@
|
|
335
335
|
* @param @value {en} css property value
|
336
336
|
* @example
|
337
337
|
* ```
|
338
|
-
* @import '@arco-design/mobile-
|
338
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
339
339
|
*
|
340
340
|
* .demo {
|
341
341
|
* .set-value-with-rtl(text-align, left);
|
package/tokens/mixin/index.less
CHANGED
@@ -156,7 +156,7 @@
|
|
156
156
|
* @param @rules {en} customized rewrite rules, default to initial
|
157
157
|
* @example
|
158
158
|
* ```
|
159
|
-
* @import '@arco-design/mobile-
|
159
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
160
160
|
*
|
161
161
|
* .demo {
|
162
162
|
* .set-prop-with-rtl(right, auto);
|
@@ -183,7 +183,7 @@
|
|
183
183
|
* @param @value {en} css property value
|
184
184
|
* @example
|
185
185
|
* ```
|
186
|
-
* @import '@arco-design/mobile-
|
186
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
187
187
|
*
|
188
188
|
* .demo {
|
189
189
|
* .set-value-with-rtl(text-align, left);
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
package/umd/date-picker/index.js
CHANGED
@@ -30,18 +30,14 @@
|
|
30
30
|
if (key in _exports && _exports[key] === _type[key]) return;
|
31
31
|
_exports[key] = _type[key];
|
32
32
|
});
|
33
|
-
var _excluded = ["currentTs", "className", "visible", "onOk", "onChange", "onValueChange", "mode", "typeArr", "minTs", "maxTs", "formatter", "valueFilter", "columnsProcessor", "touchToStop", "useUTC"];
|
33
|
+
var _excluded = ["currentTs", "className", "visible", "onOk", "onChange", "onValueChange", "mode", "typeArr", "minTs", "maxTs", "formatter", "valueFilter", "columnsProcessor", "touchToStop", "useUTC", "renderLinkedContainer"];
|
34
34
|
|
35
35
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
36
36
|
|
37
37
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
38
38
|
|
39
39
|
var allTypes = ['year', 'month', 'date', 'hour', 'minute', 'second'];
|
40
|
-
|
41
|
-
var defaultFormatter = function defaultFormatter(value) {
|
42
|
-
return value < 10 ? "0" + value : String(value);
|
43
|
-
};
|
44
|
-
|
40
|
+
var defaultFormatter = _mobileUtils.formatDateNumber;
|
45
41
|
var YEAR = 12 * 30 * 24 * 60 * 60 * 1000;
|
46
42
|
_exports.YEAR = YEAR;
|
47
43
|
var initMinDate = Date.now() - 10 * YEAR;
|
@@ -75,6 +71,7 @@
|
|
75
71
|
touchToStop = props.touchToStop,
|
76
72
|
_props$useUTC = props.useUTC,
|
77
73
|
useUTC = _props$useUTC === void 0 ? false : _props$useUTC,
|
74
|
+
renderLinkedContainer = props.renderLinkedContainer,
|
78
75
|
otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
79
76
|
var currentTs = Math.min(maxTs, Math.max(minTs, userSetCurrentTs));
|
80
77
|
|
@@ -346,7 +343,10 @@
|
|
346
343
|
value: value,
|
347
344
|
onPickerChange: _handlePickerChange,
|
348
345
|
onOk: _handlePickerConfirm,
|
349
|
-
touchToStop: touchToStop
|
346
|
+
touchToStop: touchToStop,
|
347
|
+
renderLinkedContainer: renderLinkedContainer ? function () {
|
348
|
+
return renderLinkedContainer(currentTs, keyOptions);
|
349
|
+
} : undefined
|
350
350
|
}));
|
351
351
|
});
|
352
352
|
});
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
1
2
|
import { PickerProps } from '../picker';
|
2
3
|
import { PickerData } from '../picker-view';
|
3
4
|
export declare type ItemType = 'year' | 'month' | 'date' | 'hour' | 'minute' | 'second';
|
@@ -34,7 +35,7 @@ export interface IDateObj {
|
|
34
35
|
second: number;
|
35
36
|
}
|
36
37
|
export declare type mode = 'date' | 'time' | 'datetime';
|
37
|
-
export interface DatePickerProps extends Omit<PickerProps, 'data' | 'cascade' | 'cols' | 'value' | 'onChange' | 'onPickerChange' | 'onOk'> {
|
38
|
+
export interface DatePickerProps extends Omit<PickerProps, 'data' | 'cascade' | 'cols' | 'value' | 'onChange' | 'onPickerChange' | 'onOk' | 'renderLinkedContainer'> {
|
38
39
|
/**
|
39
40
|
* 点击选中时执行的回调
|
40
41
|
* @en Callback when clicking OK
|
@@ -105,4 +106,9 @@ export interface DatePickerProps extends Omit<PickerProps, 'data' | 'cascade' |
|
|
105
106
|
* @en Selector list item intervention to insert custom options.
|
106
107
|
*/
|
107
108
|
columnsProcessor?: (columns: PickerData[][], currentDateObj: IDateObj) => PickerData[][];
|
109
|
+
/**
|
110
|
+
* 将选择器的展现隐藏状态及选中值的展示与某个容器关联,传入后将同时渲染该容器和选择器组件,此时选择器组件的 visible 和 onHide 属性可不传,点击该容器会唤起选择器
|
111
|
+
* @en Associate the hidden state of the picker and the display of the selected value with a container. After passing it in, the container and the picker component will be rendered at the same time. At this time, the visible and onHide attributes of the picker component are optional values. Clicking the container will evoke the picker
|
112
|
+
*/
|
113
|
+
renderLinkedContainer?: (currentTs: number, itemTypes: ItemType[]) => ReactNode;
|
108
114
|
}
|
@@ -106,7 +106,7 @@
|
|
106
106
|
* @param @rules {en} customized rewrite rules, default to initial
|
107
107
|
* @example
|
108
108
|
* ```
|
109
|
-
* @import '@arco-design/mobile-
|
109
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
110
110
|
*
|
111
111
|
* .demo {
|
112
112
|
* .set-prop-with-rtl(right, auto);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
* @param @value {en} css property value
|
123
123
|
* @example
|
124
124
|
* ```
|
125
|
-
* @import '@arco-design/mobile-
|
125
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
126
126
|
*
|
127
127
|
* .demo {
|
128
128
|
* .set-value-with-rtl(text-align, left);
|