@arco-design/mobile-react 2.30.10 → 2.31.1
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 +30 -0
- package/README.en-US.md +2 -2
- package/README.md +2 -2
- package/cjs/action-sheet/style/css/index.css +50 -34
- package/cjs/avatar/style/css/index.css +50 -34
- package/cjs/badge/style/css/index.css +50 -34
- package/cjs/button/style/css/index.css +50 -34
- package/cjs/carousel/style/css/index.css +50 -34
- package/cjs/cell/style/css/index.css +50 -34
- package/cjs/cell/style/index.less +2 -2
- package/cjs/checkbox/style/css/index.css +50 -34
- package/cjs/circle-progress/style/css/index.css +50 -34
- package/cjs/collapse/style/css/index.css +50 -34
- package/cjs/count-down/style/css/index.css +50 -34
- package/cjs/date-picker/style/css/index.css +50 -34
- package/cjs/dialog/style/css/index.css +50 -34
- package/cjs/divider/style/css/index.css +50 -34
- package/cjs/dropdown/style/css/index.css +50 -34
- package/cjs/dropdown-menu/style/css/index.css +50 -34
- package/cjs/ellipsis/style/css/index.css +50 -34
- package/cjs/form/form-item.d.ts +3 -0
- package/cjs/form/form-item.js +38 -10
- package/cjs/form/style/css/index.css +63 -34
- package/cjs/form/style/index.less +18 -0
- package/cjs/grid/style/css/index.css +50 -34
- package/cjs/icon/IconCheck/index.js +1 -2
- package/cjs/icon/IconDownload/index.d.ts +7 -0
- package/cjs/icon/IconDownload/index.js +41 -0
- package/cjs/icon/IconFile/index.d.ts +7 -0
- package/cjs/icon/IconFile/index.js +41 -0
- package/cjs/icon/IconKeyboard/index.js +1 -0
- package/cjs/icon/IconQuestionCircle/index.js +1 -2
- package/cjs/icon/IconUpload/index.js +6 -4
- package/cjs/icon/IconUserFill/index.js +1 -2
- package/cjs/icon/index.d.ts +3 -1
- package/cjs/icon/index.js +17 -7
- package/cjs/icon/type.d.ts +3 -1
- package/cjs/image/style/css/index.css +50 -34
- package/cjs/image-picker/index.js +15 -161
- package/cjs/image-picker/style/css/index.css +50 -34
- package/cjs/image-picker/type.d.ts +4 -73
- package/cjs/image-preview/style/css/index.css +50 -34
- package/cjs/index-bar/style/css/index.css +50 -34
- package/cjs/index.d.ts +1 -0
- package/cjs/index.js +6 -2
- package/cjs/input/hooks.js +2 -2
- package/cjs/input/props.d.ts +2 -2
- package/cjs/input/style/css/index.css +50 -34
- package/cjs/keyboard/style/css/index.css +50 -34
- package/cjs/load-more/style/css/index.css +50 -34
- package/cjs/loading/style/css/index.css +50 -34
- package/cjs/masking/style/css/index.css +50 -34
- package/cjs/nav-bar/style/css/index.css +50 -34
- package/cjs/notice-bar/style/css/index.css +50 -34
- package/cjs/notice-bar/style/index.less +2 -2
- package/cjs/notify/style/css/index.css +50 -34
- package/cjs/pagination/style/css/index.css +50 -34
- package/cjs/pagination/style/index.less +4 -4
- package/cjs/picker/index.js +59 -19
- package/cjs/picker/style/css/index.css +50 -34
- package/cjs/picker/type.d.ts +6 -1
- package/cjs/picker-view/style/css/index.css +50 -34
- package/cjs/popover/style/css/index.css +50 -34
- package/cjs/popover/style/css/menu.css +50 -34
- package/cjs/popup/style/css/index.css +50 -34
- package/cjs/popup-swiper/style/css/index.css +50 -34
- package/cjs/progress/style/css/index.css +50 -34
- package/cjs/pull-refresh/style/css/index.css +50 -34
- package/cjs/radio/style/css/index.css +50 -34
- package/cjs/rate/style/css/index.css +50 -34
- package/cjs/rate/style/index.less +2 -2
- package/cjs/search-bar/style/css/index.css +50 -34
- package/cjs/skeleton/style/css/index.css +50 -34
- package/cjs/skeleton/style/index.less +2 -2
- package/cjs/slider/style/css/index.css +50 -34
- package/cjs/slider/style/index.less +6 -6
- package/cjs/stepper/style/css/index.css +50 -34
- package/cjs/steps/style/css/index.css +50 -34
- package/cjs/sticky/style/css/index.css +50 -34
- package/cjs/style.d.ts +1 -0
- package/cjs/style.js +3 -1
- package/cjs/swipe-action/style/css/index.css +50 -34
- package/cjs/swipe-load/style/css/index.css +50 -34
- package/cjs/switch/style/css/index.css +50 -34
- package/cjs/switch/style/index.less +8 -8
- package/cjs/tab-bar/style/css/index.css +50 -34
- package/cjs/tabs/style/css/index.css +50 -34
- package/cjs/tabs/tab-cell.js +1 -1
- package/cjs/tag/style/css/index.css +50 -34
- package/cjs/textarea/style/css/index.css +50 -34
- package/cjs/toast/style/css/index.css +50 -34
- package/cjs/transition/style/css/index.css +50 -34
- package/cjs/uploader/index.d.ts +16 -0
- package/cjs/uploader/index.js +180 -0
- package/cjs/uploader/style/css/index.css +666 -0
- package/cjs/uploader/style/css/index.d.ts +4 -0
- package/cjs/uploader/style/css/index.js +9 -0
- package/cjs/uploader/style/index.d.ts +4 -0
- package/cjs/uploader/style/index.js +9 -0
- package/cjs/uploader/style/index.less +161 -0
- package/cjs/uploader/type.d.ts +108 -0
- package/cjs/uploader/type.js +3 -0
- package/cjs/uploader/upload/index.d.ts +2 -0
- package/cjs/uploader/upload/index.js +19 -0
- package/cjs/uploader/upload/type.d.ts +107 -0
- package/cjs/uploader/upload/type.js +3 -0
- package/cjs/uploader/upload/upload.d.ts +20 -0
- package/cjs/uploader/upload/upload.js +189 -0
- package/dist/index.js +589 -273
- package/dist/index.min.js +5 -5
- package/dist/style.css +3811 -2306
- package/dist/style.min.css +1 -1
- package/esm/action-sheet/style/css/index.css +50 -34
- package/esm/avatar/style/css/index.css +50 -34
- package/esm/badge/style/css/index.css +50 -34
- package/esm/button/style/css/index.css +50 -34
- package/esm/carousel/style/css/index.css +50 -34
- package/esm/cell/style/css/index.css +50 -34
- package/esm/cell/style/index.less +2 -2
- package/esm/checkbox/style/css/index.css +50 -34
- package/esm/circle-progress/style/css/index.css +50 -34
- package/esm/collapse/style/css/index.css +50 -34
- package/esm/count-down/style/css/index.css +50 -34
- package/esm/date-picker/style/css/index.css +50 -34
- package/esm/dialog/style/css/index.css +50 -34
- package/esm/divider/style/css/index.css +50 -34
- package/esm/dropdown/style/css/index.css +50 -34
- package/esm/dropdown-menu/style/css/index.css +50 -34
- package/esm/ellipsis/style/css/index.css +50 -34
- package/esm/form/form-item.d.ts +3 -0
- package/esm/form/form-item.js +36 -10
- package/esm/form/style/css/index.css +63 -34
- package/esm/form/style/index.less +18 -0
- package/esm/grid/style/css/index.css +50 -34
- package/esm/icon/IconCheck/index.js +1 -2
- package/esm/icon/IconDownload/index.d.ts +7 -0
- package/esm/icon/IconDownload/index.js +30 -0
- package/esm/icon/IconFile/index.d.ts +7 -0
- package/esm/icon/IconFile/index.js +30 -0
- package/esm/icon/IconKeyboard/index.js +1 -0
- package/esm/icon/IconQuestionCircle/index.js +1 -2
- package/esm/icon/IconUpload/index.js +6 -4
- package/esm/icon/IconUserFill/index.js +1 -2
- package/esm/icon/index.d.ts +3 -1
- package/esm/icon/index.js +3 -1
- package/esm/icon/type.d.ts +3 -1
- package/esm/image/style/css/index.css +50 -34
- package/esm/image-picker/index.js +14 -160
- package/esm/image-picker/style/css/index.css +50 -34
- package/esm/image-picker/type.d.ts +4 -73
- package/esm/image-preview/style/css/index.css +50 -34
- package/esm/index-bar/style/css/index.css +50 -34
- package/esm/index.d.ts +1 -0
- package/esm/index.js +2 -1
- package/esm/input/hooks.js +2 -2
- package/esm/input/props.d.ts +2 -2
- package/esm/input/style/css/index.css +50 -34
- package/esm/keyboard/style/css/index.css +50 -34
- package/esm/load-more/style/css/index.css +50 -34
- package/esm/loading/style/css/index.css +50 -34
- package/esm/masking/style/css/index.css +50 -34
- package/esm/nav-bar/style/css/index.css +50 -34
- package/esm/notice-bar/style/css/index.css +50 -34
- package/esm/notice-bar/style/index.less +2 -2
- package/esm/notify/style/css/index.css +50 -34
- package/esm/pagination/style/css/index.css +50 -34
- package/esm/pagination/style/index.less +4 -4
- package/esm/picker/index.js +60 -20
- package/esm/picker/style/css/index.css +50 -34
- package/esm/picker/type.d.ts +6 -1
- package/esm/picker-view/style/css/index.css +50 -34
- package/esm/popover/style/css/index.css +50 -34
- package/esm/popover/style/css/menu.css +50 -34
- package/esm/popup/style/css/index.css +50 -34
- package/esm/popup-swiper/style/css/index.css +50 -34
- package/esm/progress/style/css/index.css +50 -34
- package/esm/pull-refresh/style/css/index.css +50 -34
- package/esm/radio/style/css/index.css +50 -34
- package/esm/rate/style/css/index.css +50 -34
- package/esm/rate/style/index.less +2 -2
- package/esm/search-bar/style/css/index.css +50 -34
- package/esm/skeleton/style/css/index.css +50 -34
- package/esm/skeleton/style/index.less +2 -2
- package/esm/slider/style/css/index.css +50 -34
- package/esm/slider/style/index.less +6 -6
- package/esm/stepper/style/css/index.css +50 -34
- package/esm/steps/style/css/index.css +50 -34
- package/esm/sticky/style/css/index.css +50 -34
- package/esm/style.d.ts +1 -0
- package/esm/style.js +2 -1
- package/esm/swipe-action/style/css/index.css +50 -34
- package/esm/swipe-load/style/css/index.css +50 -34
- package/esm/switch/style/css/index.css +50 -34
- package/esm/switch/style/index.less +8 -8
- package/esm/tab-bar/style/css/index.css +50 -34
- package/esm/tabs/style/css/index.css +50 -34
- package/esm/tabs/tab-cell.js +2 -2
- package/esm/tag/style/css/index.css +50 -34
- package/esm/textarea/style/css/index.css +50 -34
- package/esm/toast/style/css/index.css +50 -34
- package/esm/transition/style/css/index.css +50 -34
- package/esm/uploader/index.d.ts +16 -0
- package/esm/uploader/index.js +150 -0
- package/esm/uploader/style/css/index.css +666 -0
- package/esm/uploader/style/css/index.d.ts +4 -0
- package/esm/uploader/style/css/index.js +4 -0
- package/esm/uploader/style/index.d.ts +4 -0
- package/esm/uploader/style/index.js +4 -0
- package/esm/uploader/style/index.less +161 -0
- package/esm/uploader/type.d.ts +108 -0
- package/esm/uploader/type.js +1 -0
- package/esm/uploader/upload/index.d.ts +2 -0
- package/esm/uploader/upload/index.js +2 -0
- package/esm/uploader/upload/type.d.ts +107 -0
- package/esm/uploader/upload/type.js +1 -0
- package/esm/uploader/upload/upload.d.ts +20 -0
- package/esm/uploader/upload/upload.js +175 -0
- package/package.json +3 -6
- package/style/css/public.css +50 -34
- package/tokens/app/arcodesign/default/css-variables.less +27 -0
- package/tokens/app/arcodesign/default/index.d.ts +27 -0
- package/tokens/app/arcodesign/default/index.js +28 -1
- package/tokens/app/arcodesign/default/index.json +292 -0
- package/tokens/app/arcodesign/default/index.less +27 -0
- package/tokens/mixin/index.less +80 -3
- package/tokens/mixin/vars-switch.less +1 -0
- package/umd/action-sheet/style/css/index.css +50 -34
- package/umd/avatar/style/css/index.css +50 -34
- package/umd/badge/style/css/index.css +50 -34
- package/umd/button/style/css/index.css +50 -34
- package/umd/carousel/style/css/index.css +50 -34
- package/umd/cell/style/css/index.css +50 -34
- package/umd/cell/style/index.less +2 -2
- package/umd/checkbox/style/css/index.css +50 -34
- package/umd/circle-progress/style/css/index.css +50 -34
- package/umd/collapse/style/css/index.css +50 -34
- package/umd/count-down/style/css/index.css +50 -34
- package/umd/date-picker/style/css/index.css +50 -34
- package/umd/dialog/style/css/index.css +50 -34
- package/umd/divider/style/css/index.css +50 -34
- package/umd/dropdown/style/css/index.css +50 -34
- package/umd/dropdown-menu/style/css/index.css +50 -34
- package/umd/ellipsis/style/css/index.css +50 -34
- package/umd/form/form-item.d.ts +3 -0
- package/umd/form/form-item.js +38 -10
- package/umd/form/style/css/index.css +63 -34
- package/umd/form/style/index.less +18 -0
- package/umd/grid/style/css/index.css +50 -34
- package/umd/icon/IconCheck/index.js +1 -2
- package/umd/icon/IconDownload/index.d.ts +7 -0
- package/umd/icon/IconDownload/index.js +49 -0
- package/umd/icon/IconFile/index.d.ts +7 -0
- package/umd/icon/IconFile/index.js +49 -0
- package/umd/icon/IconKeyboard/index.js +1 -0
- package/umd/icon/IconQuestionCircle/index.js +1 -2
- package/umd/icon/IconUpload/index.js +6 -4
- package/umd/icon/IconUserFill/index.js +1 -2
- package/umd/icon/index.d.ts +3 -1
- package/umd/icon/index.js +15 -9
- package/umd/icon/type.d.ts +3 -1
- package/umd/image/style/css/index.css +50 -34
- package/umd/image-picker/index.js +17 -163
- package/umd/image-picker/style/css/index.css +50 -34
- package/umd/image-picker/type.d.ts +4 -73
- package/umd/image-preview/style/css/index.css +50 -34
- package/umd/index-bar/style/css/index.css +50 -34
- package/umd/index.d.ts +1 -0
- package/umd/index.js +7 -5
- package/umd/input/hooks.js +2 -2
- package/umd/input/props.d.ts +2 -2
- package/umd/input/style/css/index.css +50 -34
- package/umd/keyboard/style/css/index.css +50 -34
- package/umd/load-more/style/css/index.css +50 -34
- package/umd/loading/style/css/index.css +50 -34
- package/umd/masking/style/css/index.css +50 -34
- package/umd/nav-bar/style/css/index.css +50 -34
- package/umd/notice-bar/style/css/index.css +50 -34
- package/umd/notice-bar/style/index.less +2 -2
- package/umd/notify/style/css/index.css +50 -34
- package/umd/pagination/style/css/index.css +50 -34
- package/umd/pagination/style/index.less +4 -4
- package/umd/picker/index.js +59 -19
- package/umd/picker/style/css/index.css +50 -34
- package/umd/picker/type.d.ts +6 -1
- package/umd/picker-view/style/css/index.css +50 -34
- package/umd/popover/style/css/index.css +50 -34
- package/umd/popover/style/css/menu.css +50 -34
- package/umd/popup/style/css/index.css +50 -34
- package/umd/popup-swiper/style/css/index.css +50 -34
- package/umd/progress/style/css/index.css +50 -34
- package/umd/pull-refresh/style/css/index.css +50 -34
- package/umd/radio/style/css/index.css +50 -34
- package/umd/rate/style/css/index.css +50 -34
- package/umd/rate/style/index.less +2 -2
- package/umd/search-bar/style/css/index.css +50 -34
- package/umd/skeleton/style/css/index.css +50 -34
- package/umd/skeleton/style/index.less +2 -2
- package/umd/slider/style/css/index.css +50 -34
- package/umd/slider/style/index.less +6 -6
- package/umd/stepper/style/css/index.css +50 -34
- package/umd/steps/style/css/index.css +50 -34
- package/umd/sticky/style/css/index.css +50 -34
- package/umd/style.d.ts +1 -0
- package/umd/style.js +4 -4
- package/umd/swipe-action/style/css/index.css +50 -34
- package/umd/swipe-load/style/css/index.css +50 -34
- package/umd/switch/style/css/index.css +50 -34
- package/umd/switch/style/index.less +8 -8
- package/umd/tab-bar/style/css/index.css +50 -34
- package/umd/tabs/style/css/index.css +50 -34
- package/umd/tabs/tab-cell.js +1 -1
- package/umd/tag/style/css/index.css +50 -34
- package/umd/textarea/style/css/index.css +50 -34
- package/umd/toast/style/css/index.css +50 -34
- package/umd/transition/style/css/index.css +50 -34
- package/umd/uploader/index.d.ts +16 -0
- package/umd/uploader/index.js +178 -0
- package/umd/uploader/style/css/index.css +666 -0
- package/umd/uploader/style/css/index.d.ts +4 -0
- package/umd/uploader/style/css/index.js +15 -0
- package/umd/uploader/style/index.d.ts +4 -0
- package/umd/uploader/style/index.js +15 -0
- package/umd/uploader/style/index.less +161 -0
- package/umd/uploader/type.d.ts +108 -0
- package/umd/uploader/type.js +17 -0
- package/umd/uploader/upload/index.d.ts +2 -0
- package/umd/uploader/upload/index.js +27 -0
- package/umd/uploader/upload/type.d.ts +107 -0
- package/umd/uploader/upload/type.js +17 -0
- package/umd/uploader/upload/upload.d.ts +20 -0
- package/umd/uploader/upload/upload.js +200 -0
package/umd/picker/index.js
CHANGED
@@ -36,7 +36,7 @@
|
|
36
36
|
if (key in _exports && _exports[key] === _type[key]) return;
|
37
37
|
_exports[key] = _type[key];
|
38
38
|
});
|
39
|
-
var _excluded = ["className", "itemStyle", "cascade", "cols", "rows", "data", "okText", "dismissText", "disabled", "clickable", "hideEmptyCols", "title", "visible", "value", "needBottomOffset", "onDismiss", "onOk", "onChange", "maskClosable", "onHide", "onPickerChange", "touchToStop", "gestureOutOfControl"];
|
39
|
+
var _excluded = ["className", "itemStyle", "cascade", "cols", "rows", "data", "okText", "dismissText", "disabled", "clickable", "hideEmptyCols", "title", "visible", "value", "needBottomOffset", "onDismiss", "onOk", "onChange", "maskClosable", "onHide", "onPickerChange", "touchToStop", "gestureOutOfControl", "renderLinkedContainer"];
|
40
40
|
|
41
41
|
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); }
|
42
42
|
|
@@ -62,8 +62,7 @@
|
|
62
62
|
hideEmptyCols = _props$hideEmptyCols === void 0 ? false : _props$hideEmptyCols,
|
63
63
|
_props$title = props.title,
|
64
64
|
title = _props$title === void 0 ? '' : _props$title,
|
65
|
-
|
66
|
-
visible = _props$visible === void 0 ? false : _props$visible,
|
65
|
+
userSetVisible = props.visible,
|
67
66
|
value = props.value,
|
68
67
|
_props$needBottomOffs = props.needBottomOffset,
|
69
68
|
needBottomOffset = _props$needBottomOffs === void 0 ? false : _props$needBottomOffs,
|
@@ -77,10 +76,25 @@
|
|
77
76
|
touchToStop = props.touchToStop,
|
78
77
|
_props$gestureOutOfCo = props.gestureOutOfControl,
|
79
78
|
gestureOutOfControl = _props$gestureOutOfCo === void 0 ? true : _props$gestureOutOfCo,
|
79
|
+
renderLinkedContainer = props.renderLinkedContainer,
|
80
80
|
otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
81
81
|
var scrollValueRef = (0, _helpers.useLatestRef)(value);
|
82
82
|
var domRef = (0, _react.useRef)(null);
|
83
83
|
var pickerViewRef = (0, _react.useRef)(null);
|
84
|
+
|
85
|
+
var _useState = (0, _react.useState)(false),
|
86
|
+
linkVisible = _useState[0],
|
87
|
+
setLinkVisible = _useState[1];
|
88
|
+
|
89
|
+
var _useState2 = (0, _react.useState)(function () {
|
90
|
+
return getCurrentValueData();
|
91
|
+
}),
|
92
|
+
linkArgs = _useState2[0],
|
93
|
+
setLinkArgs = _useState2[1]; // 来自linkedContainer的visible变化,优先级高于受控值
|
94
|
+
// @en Visible changes from linkedContainer which have priority over controlled values
|
95
|
+
|
96
|
+
|
97
|
+
var visible = linkVisible || userSetVisible || false;
|
84
98
|
(0, _react.useImperativeHandle)(ref, function () {
|
85
99
|
return {
|
86
100
|
dom: domRef.current,
|
@@ -111,26 +125,49 @@
|
|
111
125
|
}
|
112
126
|
};
|
113
127
|
});
|
128
|
+
(0, _react.useEffect)(function () {
|
129
|
+
(0, _mobileUtils.nextTick)(function () {
|
130
|
+
setLinkArgs(getCurrentValueData());
|
131
|
+
});
|
132
|
+
}, []);
|
133
|
+
|
134
|
+
function hidePicker(scene) {
|
135
|
+
setLinkVisible(false);
|
136
|
+
onHide == null ? void 0 : onHide(scene);
|
137
|
+
}
|
114
138
|
|
115
139
|
function handleDismiss() {
|
116
140
|
if (onDismiss) {
|
117
141
|
onDismiss();
|
118
142
|
}
|
119
143
|
|
120
|
-
|
121
|
-
onHide('dismiss');
|
122
|
-
}
|
144
|
+
hidePicker('dismiss');
|
123
145
|
}
|
124
146
|
|
125
|
-
|
126
|
-
var _pickerViewRef$curren6;
|
147
|
+
function getCurrentValueData() {
|
148
|
+
var _pickerViewRef$curren6, _pickerViewRef$curren7;
|
127
149
|
|
128
|
-
(_pickerViewRef$curren6 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren6.
|
150
|
+
var val = ((_pickerViewRef$curren6 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren6.getAllColumnValues()) || scrollValueRef.current || [];
|
151
|
+
var selectedData = ((_pickerViewRef$curren7 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren7.getAllColumnData()) || [];
|
152
|
+
return {
|
153
|
+
value: val,
|
154
|
+
data: selectedData
|
155
|
+
};
|
156
|
+
}
|
157
|
+
|
158
|
+
function handleConfirm() {
|
159
|
+
var _pickerViewRef$curren8;
|
160
|
+
|
161
|
+
(_pickerViewRef$curren8 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren8.scrollToCurrentIndex();
|
129
162
|
(0, _mobileUtils.nextTick)(function () {
|
130
|
-
var
|
163
|
+
var _getCurrentValueData = getCurrentValueData(),
|
164
|
+
val = _getCurrentValueData.value,
|
165
|
+
selectedData = _getCurrentValueData.data;
|
131
166
|
|
132
|
-
|
133
|
-
|
167
|
+
setLinkArgs({
|
168
|
+
value: val,
|
169
|
+
data: selectedData
|
170
|
+
});
|
134
171
|
|
135
172
|
if (onOk) {
|
136
173
|
onOk(val, selectedData);
|
@@ -140,11 +177,9 @@
|
|
140
177
|
onChange(val);
|
141
178
|
}
|
142
179
|
|
143
|
-
|
144
|
-
onHide('confirm');
|
145
|
-
}
|
180
|
+
hidePicker('confirm');
|
146
181
|
});
|
147
|
-
}
|
182
|
+
}
|
148
183
|
|
149
184
|
(0, _helpers.useListenResize)(updateLayoutByVisible, [visible]); // 每次visible从false变为true时需要重新设置scrollValue的值为当前value的值(初始值)
|
150
185
|
|
@@ -160,11 +195,16 @@
|
|
160
195
|
return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
|
161
196
|
var prefixCls = _ref.prefixCls,
|
162
197
|
locale = _ref.locale;
|
163
|
-
return /*#__PURE__*/_react.default.createElement(
|
198
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderLinkedContainer ? /*#__PURE__*/_react.default.createElement("div", {
|
199
|
+
className: prefixCls + "-picker-linked-container",
|
200
|
+
onClick: function onClick() {
|
201
|
+
return setLinkVisible(true);
|
202
|
+
}
|
203
|
+
}, renderLinkedContainer(linkArgs.value, linkArgs.data)) : null, /*#__PURE__*/_react.default.createElement(_popup.default, (0, _extends2.default)({
|
164
204
|
visible: visible,
|
165
205
|
className: (0, _mobileUtils.cls)(className, prefixCls + "-picker all-border-box"),
|
166
206
|
close: function close() {
|
167
|
-
return
|
207
|
+
return hidePicker('mask');
|
168
208
|
},
|
169
209
|
direction: "bottom",
|
170
210
|
maskClosable: maskClosable,
|
@@ -196,7 +236,7 @@
|
|
196
236
|
clickable: clickable,
|
197
237
|
hideEmptyCols: hideEmptyCols,
|
198
238
|
touchToStop: touchToStop
|
199
|
-
})));
|
239
|
+
}))));
|
200
240
|
});
|
201
241
|
});
|
202
242
|
/**
|
@@ -95,6 +95,56 @@
|
|
95
95
|
* }
|
96
96
|
* ```
|
97
97
|
*/
|
98
|
+
/**
|
99
|
+
* 设置涉及左右相关的属性名,在rtl模式下自动替换为相反的属性名
|
100
|
+
* @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
|
101
|
+
* @param @property css属性名
|
102
|
+
* @param @property {en} css property
|
103
|
+
* @param @value css属性值
|
104
|
+
* @param @value {en} css property value
|
105
|
+
* @param @rules 自定义的复写规则,默认重置为initial
|
106
|
+
* @param @rules {en} customized rewrite rules, default to initial
|
107
|
+
* @example
|
108
|
+
* ```
|
109
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
110
|
+
*
|
111
|
+
* .demo {
|
112
|
+
* .set-prop-with-rtl(right, auto);
|
113
|
+
* }
|
114
|
+
* ```
|
115
|
+
*/
|
116
|
+
/**
|
117
|
+
* 设置涉及左右相关的属性值,在rtl模式下自动替换为相反的属性值
|
118
|
+
* @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
|
119
|
+
* @param @property css属性名
|
120
|
+
* @param @property {en} css property
|
121
|
+
* @param @value css属性值
|
122
|
+
* @param @value {en} css property value
|
123
|
+
* @example
|
124
|
+
* ```
|
125
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
126
|
+
*
|
127
|
+
* .demo {
|
128
|
+
* .set-value-with-rtl(text-align, left);
|
129
|
+
* }
|
130
|
+
* ```
|
131
|
+
*/
|
132
|
+
/**
|
133
|
+
* 在 rtl 模式下,自定义样式规则
|
134
|
+
* @desc {en} custom style in RTL mode
|
135
|
+
* @param @rules 对应的rtl模式下的规则
|
136
|
+
* @param @rules {en} property with rtl
|
137
|
+
* @example
|
138
|
+
* ```
|
139
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
140
|
+
*
|
141
|
+
* .demo {
|
142
|
+
* .style-with-rtl({
|
143
|
+
* transform: scale(-1);
|
144
|
+
* });
|
145
|
+
* }
|
146
|
+
* ```
|
147
|
+
*/
|
98
148
|
/**
|
99
149
|
* 0.5px 的边框线
|
100
150
|
* @desc {en} a border line of 0.5 pixels
|
@@ -396,40 +446,6 @@
|
|
396
446
|
* }
|
397
447
|
* ```
|
398
448
|
*/
|
399
|
-
/**
|
400
|
-
* 设置涉及左右相关的属性名,在rtl模式下自动替换为相反的属性名
|
401
|
-
* @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
|
402
|
-
* @param @property css属性名
|
403
|
-
* @param @property {en} css property
|
404
|
-
* @param @value css属性值
|
405
|
-
* @param @value {en} css property value
|
406
|
-
* @param @rules 自定义的复写规则,默认重置为initial
|
407
|
-
* @param @rules {en} customized rewrite rules, default to initial
|
408
|
-
* @example
|
409
|
-
* ```
|
410
|
-
* @import '@arco-design/mobile-utils/style/mixin.less';
|
411
|
-
*
|
412
|
-
* .demo {
|
413
|
-
* .set-prop-with-rtl(right, auto);
|
414
|
-
* }
|
415
|
-
* ```
|
416
|
-
*/
|
417
|
-
/**
|
418
|
-
* 设置涉及左右相关的属性值,在rtl模式下自动替换为相反的属性值
|
419
|
-
* @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
|
420
|
-
* @param @property css属性名
|
421
|
-
* @param @property {en} css property
|
422
|
-
* @param @value css属性值
|
423
|
-
* @param @value {en} css property value
|
424
|
-
* @example
|
425
|
-
* ```
|
426
|
-
* @import '@arco-design/mobile-utils/style/mixin.less';
|
427
|
-
*
|
428
|
-
* .demo {
|
429
|
-
* .set-value-with-rtl(text-align, left);
|
430
|
-
* }
|
431
|
-
* ```
|
432
|
-
*/
|
433
449
|
/**
|
434
450
|
* 设置Loading组件颜色
|
435
451
|
* @desc {en} set Loading component color
|
package/umd/picker/type.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import React from 'react';
|
1
|
+
import React, { ReactNode } from 'react';
|
2
2
|
import { PickerData, ValueType } from '../picker-view/type';
|
3
3
|
import { PopupProps } from '../popup';
|
4
4
|
export declare type DataType = PickerData[] | PickerData[][] | ValueType[][];
|
@@ -123,4 +123,9 @@ export interface PickerProps extends Omit<PopupProps, 'visible' | 'close' | 'chi
|
|
123
123
|
* @default true
|
124
124
|
*/
|
125
125
|
gestureOutOfControl?: boolean;
|
126
|
+
/**
|
127
|
+
* 将选择器的展现隐藏状态及选中值的展示与某个容器关联,传入后将同时渲染该容器和选择器组件,此时选择器组件的 visible 和 onHide 属性可不传,点击该容器会唤起选择器
|
128
|
+
* @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
|
129
|
+
*/
|
130
|
+
renderLinkedContainer?: (value: ValueType[], data: PickerData[]) => ReactNode;
|
126
131
|
}
|
@@ -95,6 +95,56 @@
|
|
95
95
|
* }
|
96
96
|
* ```
|
97
97
|
*/
|
98
|
+
/**
|
99
|
+
* 设置涉及左右相关的属性名,在rtl模式下自动替换为相反的属性名
|
100
|
+
* @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
|
101
|
+
* @param @property css属性名
|
102
|
+
* @param @property {en} css property
|
103
|
+
* @param @value css属性值
|
104
|
+
* @param @value {en} css property value
|
105
|
+
* @param @rules 自定义的复写规则,默认重置为initial
|
106
|
+
* @param @rules {en} customized rewrite rules, default to initial
|
107
|
+
* @example
|
108
|
+
* ```
|
109
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
110
|
+
*
|
111
|
+
* .demo {
|
112
|
+
* .set-prop-with-rtl(right, auto);
|
113
|
+
* }
|
114
|
+
* ```
|
115
|
+
*/
|
116
|
+
/**
|
117
|
+
* 设置涉及左右相关的属性值,在rtl模式下自动替换为相反的属性值
|
118
|
+
* @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
|
119
|
+
* @param @property css属性名
|
120
|
+
* @param @property {en} css property
|
121
|
+
* @param @value css属性值
|
122
|
+
* @param @value {en} css property value
|
123
|
+
* @example
|
124
|
+
* ```
|
125
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
126
|
+
*
|
127
|
+
* .demo {
|
128
|
+
* .set-value-with-rtl(text-align, left);
|
129
|
+
* }
|
130
|
+
* ```
|
131
|
+
*/
|
132
|
+
/**
|
133
|
+
* 在 rtl 模式下,自定义样式规则
|
134
|
+
* @desc {en} custom style in RTL mode
|
135
|
+
* @param @rules 对应的rtl模式下的规则
|
136
|
+
* @param @rules {en} property with rtl
|
137
|
+
* @example
|
138
|
+
* ```
|
139
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
140
|
+
*
|
141
|
+
* .demo {
|
142
|
+
* .style-with-rtl({
|
143
|
+
* transform: scale(-1);
|
144
|
+
* });
|
145
|
+
* }
|
146
|
+
* ```
|
147
|
+
*/
|
98
148
|
/**
|
99
149
|
* 0.5px 的边框线
|
100
150
|
* @desc {en} a border line of 0.5 pixels
|
@@ -396,40 +446,6 @@
|
|
396
446
|
* }
|
397
447
|
* ```
|
398
448
|
*/
|
399
|
-
/**
|
400
|
-
* 设置涉及左右相关的属性名,在rtl模式下自动替换为相反的属性名
|
401
|
-
* @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
|
402
|
-
* @param @property css属性名
|
403
|
-
* @param @property {en} css property
|
404
|
-
* @param @value css属性值
|
405
|
-
* @param @value {en} css property value
|
406
|
-
* @param @rules 自定义的复写规则,默认重置为initial
|
407
|
-
* @param @rules {en} customized rewrite rules, default to initial
|
408
|
-
* @example
|
409
|
-
* ```
|
410
|
-
* @import '@arco-design/mobile-utils/style/mixin.less';
|
411
|
-
*
|
412
|
-
* .demo {
|
413
|
-
* .set-prop-with-rtl(right, auto);
|
414
|
-
* }
|
415
|
-
* ```
|
416
|
-
*/
|
417
|
-
/**
|
418
|
-
* 设置涉及左右相关的属性值,在rtl模式下自动替换为相反的属性值
|
419
|
-
* @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
|
420
|
-
* @param @property css属性名
|
421
|
-
* @param @property {en} css property
|
422
|
-
* @param @value css属性值
|
423
|
-
* @param @value {en} css property value
|
424
|
-
* @example
|
425
|
-
* ```
|
426
|
-
* @import '@arco-design/mobile-utils/style/mixin.less';
|
427
|
-
*
|
428
|
-
* .demo {
|
429
|
-
* .set-value-with-rtl(text-align, left);
|
430
|
-
* }
|
431
|
-
* ```
|
432
|
-
*/
|
433
449
|
/**
|
434
450
|
* 设置Loading组件颜色
|
435
451
|
* @desc {en} set Loading component color
|
@@ -95,6 +95,56 @@
|
|
95
95
|
* }
|
96
96
|
* ```
|
97
97
|
*/
|
98
|
+
/**
|
99
|
+
* 设置涉及左右相关的属性名,在rtl模式下自动替换为相反的属性名
|
100
|
+
* @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
|
101
|
+
* @param @property css属性名
|
102
|
+
* @param @property {en} css property
|
103
|
+
* @param @value css属性值
|
104
|
+
* @param @value {en} css property value
|
105
|
+
* @param @rules 自定义的复写规则,默认重置为initial
|
106
|
+
* @param @rules {en} customized rewrite rules, default to initial
|
107
|
+
* @example
|
108
|
+
* ```
|
109
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
110
|
+
*
|
111
|
+
* .demo {
|
112
|
+
* .set-prop-with-rtl(right, auto);
|
113
|
+
* }
|
114
|
+
* ```
|
115
|
+
*/
|
116
|
+
/**
|
117
|
+
* 设置涉及左右相关的属性值,在rtl模式下自动替换为相反的属性值
|
118
|
+
* @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
|
119
|
+
* @param @property css属性名
|
120
|
+
* @param @property {en} css property
|
121
|
+
* @param @value css属性值
|
122
|
+
* @param @value {en} css property value
|
123
|
+
* @example
|
124
|
+
* ```
|
125
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
126
|
+
*
|
127
|
+
* .demo {
|
128
|
+
* .set-value-with-rtl(text-align, left);
|
129
|
+
* }
|
130
|
+
* ```
|
131
|
+
*/
|
132
|
+
/**
|
133
|
+
* 在 rtl 模式下,自定义样式规则
|
134
|
+
* @desc {en} custom style in RTL mode
|
135
|
+
* @param @rules 对应的rtl模式下的规则
|
136
|
+
* @param @rules {en} property with rtl
|
137
|
+
* @example
|
138
|
+
* ```
|
139
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
140
|
+
*
|
141
|
+
* .demo {
|
142
|
+
* .style-with-rtl({
|
143
|
+
* transform: scale(-1);
|
144
|
+
* });
|
145
|
+
* }
|
146
|
+
* ```
|
147
|
+
*/
|
98
148
|
/**
|
99
149
|
* 0.5px 的边框线
|
100
150
|
* @desc {en} a border line of 0.5 pixels
|
@@ -396,40 +446,6 @@
|
|
396
446
|
* }
|
397
447
|
* ```
|
398
448
|
*/
|
399
|
-
/**
|
400
|
-
* 设置涉及左右相关的属性名,在rtl模式下自动替换为相反的属性名
|
401
|
-
* @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
|
402
|
-
* @param @property css属性名
|
403
|
-
* @param @property {en} css property
|
404
|
-
* @param @value css属性值
|
405
|
-
* @param @value {en} css property value
|
406
|
-
* @param @rules 自定义的复写规则,默认重置为initial
|
407
|
-
* @param @rules {en} customized rewrite rules, default to initial
|
408
|
-
* @example
|
409
|
-
* ```
|
410
|
-
* @import '@arco-design/mobile-utils/style/mixin.less';
|
411
|
-
*
|
412
|
-
* .demo {
|
413
|
-
* .set-prop-with-rtl(right, auto);
|
414
|
-
* }
|
415
|
-
* ```
|
416
|
-
*/
|
417
|
-
/**
|
418
|
-
* 设置涉及左右相关的属性值,在rtl模式下自动替换为相反的属性值
|
419
|
-
* @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
|
420
|
-
* @param @property css属性名
|
421
|
-
* @param @property {en} css property
|
422
|
-
* @param @value css属性值
|
423
|
-
* @param @value {en} css property value
|
424
|
-
* @example
|
425
|
-
* ```
|
426
|
-
* @import '@arco-design/mobile-utils/style/mixin.less';
|
427
|
-
*
|
428
|
-
* .demo {
|
429
|
-
* .set-value-with-rtl(text-align, left);
|
430
|
-
* }
|
431
|
-
* ```
|
432
|
-
*/
|
433
449
|
/**
|
434
450
|
* 设置Loading组件颜色
|
435
451
|
* @desc {en} set Loading component color
|
@@ -95,6 +95,56 @@
|
|
95
95
|
* }
|
96
96
|
* ```
|
97
97
|
*/
|
98
|
+
/**
|
99
|
+
* 设置涉及左右相关的属性名,在rtl模式下自动替换为相反的属性名
|
100
|
+
* @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
|
101
|
+
* @param @property css属性名
|
102
|
+
* @param @property {en} css property
|
103
|
+
* @param @value css属性值
|
104
|
+
* @param @value {en} css property value
|
105
|
+
* @param @rules 自定义的复写规则,默认重置为initial
|
106
|
+
* @param @rules {en} customized rewrite rules, default to initial
|
107
|
+
* @example
|
108
|
+
* ```
|
109
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
110
|
+
*
|
111
|
+
* .demo {
|
112
|
+
* .set-prop-with-rtl(right, auto);
|
113
|
+
* }
|
114
|
+
* ```
|
115
|
+
*/
|
116
|
+
/**
|
117
|
+
* 设置涉及左右相关的属性值,在rtl模式下自动替换为相反的属性值
|
118
|
+
* @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
|
119
|
+
* @param @property css属性名
|
120
|
+
* @param @property {en} css property
|
121
|
+
* @param @value css属性值
|
122
|
+
* @param @value {en} css property value
|
123
|
+
* @example
|
124
|
+
* ```
|
125
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
126
|
+
*
|
127
|
+
* .demo {
|
128
|
+
* .set-value-with-rtl(text-align, left);
|
129
|
+
* }
|
130
|
+
* ```
|
131
|
+
*/
|
132
|
+
/**
|
133
|
+
* 在 rtl 模式下,自定义样式规则
|
134
|
+
* @desc {en} custom style in RTL mode
|
135
|
+
* @param @rules 对应的rtl模式下的规则
|
136
|
+
* @param @rules {en} property with rtl
|
137
|
+
* @example
|
138
|
+
* ```
|
139
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
140
|
+
*
|
141
|
+
* .demo {
|
142
|
+
* .style-with-rtl({
|
143
|
+
* transform: scale(-1);
|
144
|
+
* });
|
145
|
+
* }
|
146
|
+
* ```
|
147
|
+
*/
|
98
148
|
/**
|
99
149
|
* 0.5px 的边框线
|
100
150
|
* @desc {en} a border line of 0.5 pixels
|
@@ -396,40 +446,6 @@
|
|
396
446
|
* }
|
397
447
|
* ```
|
398
448
|
*/
|
399
|
-
/**
|
400
|
-
* 设置涉及左右相关的属性名,在rtl模式下自动替换为相反的属性名
|
401
|
-
* @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
|
402
|
-
* @param @property css属性名
|
403
|
-
* @param @property {en} css property
|
404
|
-
* @param @value css属性值
|
405
|
-
* @param @value {en} css property value
|
406
|
-
* @param @rules 自定义的复写规则,默认重置为initial
|
407
|
-
* @param @rules {en} customized rewrite rules, default to initial
|
408
|
-
* @example
|
409
|
-
* ```
|
410
|
-
* @import '@arco-design/mobile-utils/style/mixin.less';
|
411
|
-
*
|
412
|
-
* .demo {
|
413
|
-
* .set-prop-with-rtl(right, auto);
|
414
|
-
* }
|
415
|
-
* ```
|
416
|
-
*/
|
417
|
-
/**
|
418
|
-
* 设置涉及左右相关的属性值,在rtl模式下自动替换为相反的属性值
|
419
|
-
* @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
|
420
|
-
* @param @property css属性名
|
421
|
-
* @param @property {en} css property
|
422
|
-
* @param @value css属性值
|
423
|
-
* @param @value {en} css property value
|
424
|
-
* @example
|
425
|
-
* ```
|
426
|
-
* @import '@arco-design/mobile-utils/style/mixin.less';
|
427
|
-
*
|
428
|
-
* .demo {
|
429
|
-
* .set-value-with-rtl(text-align, left);
|
430
|
-
* }
|
431
|
-
* ```
|
432
|
-
*/
|
433
449
|
/**
|
434
450
|
* 设置Loading组件颜色
|
435
451
|
* @desc {en} set Loading component color
|
@@ -95,6 +95,56 @@
|
|
95
95
|
* }
|
96
96
|
* ```
|
97
97
|
*/
|
98
|
+
/**
|
99
|
+
* 设置涉及左右相关的属性名,在rtl模式下自动替换为相反的属性名
|
100
|
+
* @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
|
101
|
+
* @param @property css属性名
|
102
|
+
* @param @property {en} css property
|
103
|
+
* @param @value css属性值
|
104
|
+
* @param @value {en} css property value
|
105
|
+
* @param @rules 自定义的复写规则,默认重置为initial
|
106
|
+
* @param @rules {en} customized rewrite rules, default to initial
|
107
|
+
* @example
|
108
|
+
* ```
|
109
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
110
|
+
*
|
111
|
+
* .demo {
|
112
|
+
* .set-prop-with-rtl(right, auto);
|
113
|
+
* }
|
114
|
+
* ```
|
115
|
+
*/
|
116
|
+
/**
|
117
|
+
* 设置涉及左右相关的属性值,在rtl模式下自动替换为相反的属性值
|
118
|
+
* @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
|
119
|
+
* @param @property css属性名
|
120
|
+
* @param @property {en} css property
|
121
|
+
* @param @value css属性值
|
122
|
+
* @param @value {en} css property value
|
123
|
+
* @example
|
124
|
+
* ```
|
125
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
126
|
+
*
|
127
|
+
* .demo {
|
128
|
+
* .set-value-with-rtl(text-align, left);
|
129
|
+
* }
|
130
|
+
* ```
|
131
|
+
*/
|
132
|
+
/**
|
133
|
+
* 在 rtl 模式下,自定义样式规则
|
134
|
+
* @desc {en} custom style in RTL mode
|
135
|
+
* @param @rules 对应的rtl模式下的规则
|
136
|
+
* @param @rules {en} property with rtl
|
137
|
+
* @example
|
138
|
+
* ```
|
139
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
140
|
+
*
|
141
|
+
* .demo {
|
142
|
+
* .style-with-rtl({
|
143
|
+
* transform: scale(-1);
|
144
|
+
* });
|
145
|
+
* }
|
146
|
+
* ```
|
147
|
+
*/
|
98
148
|
/**
|
99
149
|
* 0.5px 的边框线
|
100
150
|
* @desc {en} a border line of 0.5 pixels
|
@@ -396,40 +446,6 @@
|
|
396
446
|
* }
|
397
447
|
* ```
|
398
448
|
*/
|
399
|
-
/**
|
400
|
-
* 设置涉及左右相关的属性名,在rtl模式下自动替换为相反的属性名
|
401
|
-
* @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
|
402
|
-
* @param @property css属性名
|
403
|
-
* @param @property {en} css property
|
404
|
-
* @param @value css属性值
|
405
|
-
* @param @value {en} css property value
|
406
|
-
* @param @rules 自定义的复写规则,默认重置为initial
|
407
|
-
* @param @rules {en} customized rewrite rules, default to initial
|
408
|
-
* @example
|
409
|
-
* ```
|
410
|
-
* @import '@arco-design/mobile-utils/style/mixin.less';
|
411
|
-
*
|
412
|
-
* .demo {
|
413
|
-
* .set-prop-with-rtl(right, auto);
|
414
|
-
* }
|
415
|
-
* ```
|
416
|
-
*/
|
417
|
-
/**
|
418
|
-
* 设置涉及左右相关的属性值,在rtl模式下自动替换为相反的属性值
|
419
|
-
* @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
|
420
|
-
* @param @property css属性名
|
421
|
-
* @param @property {en} css property
|
422
|
-
* @param @value css属性值
|
423
|
-
* @param @value {en} css property value
|
424
|
-
* @example
|
425
|
-
* ```
|
426
|
-
* @import '@arco-design/mobile-utils/style/mixin.less';
|
427
|
-
*
|
428
|
-
* .demo {
|
429
|
-
* .set-value-with-rtl(text-align, left);
|
430
|
-
* }
|
431
|
-
* ```
|
432
|
-
*/
|
433
449
|
/**
|
434
450
|
* 设置Loading组件颜色
|
435
451
|
* @desc {en} set Loading component color
|