@nutui/nutui-react-taro 3.0.0-beta.12 → 3.0.0-beta.13
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/dist/cjs/{utils → hooks}/use-click-away.js +2 -2
- package/dist/cjs/{utils → hooks}/use-isomprphic-layout-effect.js +1 -1
- package/dist/cjs/{utils → hooks}/use-lock-scroll.js +2 -2
- package/dist/cjs/packages/address/address.d.ts +1 -1
- package/dist/cjs/packages/address/address.js +1 -1
- package/dist/cjs/packages/animate/animate.js +5 -6
- package/dist/cjs/packages/animate/style/animate.scss +63 -105
- package/dist/cjs/packages/animate/style/style.css +45 -44
- package/dist/cjs/packages/animate/style/style.harmony.css +45 -44
- package/dist/cjs/packages/avatarcropper/avatarcropper.js +3 -2
- package/dist/cjs/packages/badge/badge.js +10 -11
- package/dist/cjs/packages/calendar/style/calendar.scss +25 -31
- package/dist/cjs/packages/calendar/style/style.css +14 -20
- package/dist/cjs/packages/calendar/style/style.harmony.css +14 -20
- package/dist/cjs/packages/calendarcard/calendarcard.js +1 -1
- package/dist/cjs/packages/calendaritem/calendaritem.js +1 -2
- package/dist/cjs/packages/cascader/cascader.js +1 -1
- package/dist/cjs/packages/checkbox/checkbox.js +1 -1
- package/dist/cjs/packages/checkboxgroup/checkboxgroup.js +1 -1
- package/dist/cjs/packages/circleprogress/circleprogress.js +1 -1
- package/dist/cjs/packages/collapse/collapse.js +1 -1
- package/dist/cjs/packages/configprovider/configprovider.js +1 -1
- package/dist/cjs/packages/configprovider/types.d.ts +1 -1
- package/dist/cjs/packages/datepicker/datepicker.js +1 -1
- package/dist/cjs/packages/datepicker/style/style.css +2 -2
- package/dist/cjs/packages/dialog/dialog.js +2 -2
- package/dist/cjs/packages/drag/drag.js +3 -2
- package/dist/cjs/packages/elevator/elevator.js +1 -1
- package/dist/cjs/packages/imagepreview/imagepreview.js +1 -1
- package/dist/cjs/packages/input/input.js +1 -1
- package/dist/cjs/packages/inputnumber/inputnumber.js +1 -1
- package/dist/cjs/packages/lottie/mp.js +3 -2
- package/dist/cjs/packages/menuitem/menuitem.js +5 -4
- package/dist/cjs/packages/notify/notify.js +1 -1
- package/dist/cjs/packages/nutui.react.build.d.ts +3 -1
- package/dist/cjs/packages/nutui.react.build.js +122 -118
- package/dist/cjs/packages/nutui.react.d.ts +4 -1
- package/dist/cjs/packages/nutui.react.js +123 -118
- package/dist/cjs/packages/nutui.react.scss.d.ts +1 -0
- package/dist/cjs/packages/nutui.react.scss.js +1 -0
- package/dist/cjs/packages/overlay/overlay.js +1 -1
- package/dist/cjs/packages/pagination/pagination.js +1 -1
- package/dist/cjs/packages/picker/picker.js +2 -2
- package/dist/cjs/packages/picker/pickerpanel.js +1 -1
- package/dist/cjs/packages/picker/style/style.css +2 -2
- package/dist/cjs/packages/picker/style/style.harmony.css +2 -2
- package/dist/cjs/packages/pickerview/index.d.ts +3 -0
- package/dist/cjs/packages/pickerview/index.js +13 -0
- package/dist/cjs/packages/pickerview/pickerroller.d.ts +7 -0
- package/dist/cjs/packages/pickerview/pickerroller.js +186 -0
- package/dist/cjs/packages/pickerview/pickerview.d.ts +4 -0
- package/dist/cjs/packages/pickerview/pickerview.js +201 -0
- package/dist/cjs/packages/pickerview/style/css.js +1 -0
- package/dist/cjs/packages/pickerview/style/index.js +1 -0
- package/dist/cjs/packages/pickerview/style/pickerview.scss +79 -0
- package/dist/cjs/packages/pickerview/style/style.css +73 -0
- package/dist/cjs/packages/pickerview/style/style.harmony.css +83 -0
- package/dist/cjs/packages/pickerview/types.d.ts +32 -0
- package/dist/cjs/packages/pickerview/types.js +4 -0
- package/dist/cjs/packages/pickerview/utils.d.ts +14 -0
- package/dist/cjs/packages/pickerview/utils.js +46 -0
- package/dist/cjs/packages/popover/popover.d.ts +2 -2
- package/dist/cjs/packages/popover/popover.js +1 -1
- package/dist/cjs/packages/popover/types.d.ts +3 -2
- package/dist/cjs/packages/popup/popup.js +1 -1
- package/dist/cjs/packages/progress/progress.js +1 -1
- package/dist/cjs/packages/pulltorefresh/pulltorefresh.js +3 -2
- package/dist/cjs/packages/radio/radio.js +1 -1
- package/dist/cjs/packages/radiogroup/radiogroup.js +1 -1
- package/dist/cjs/packages/range/range.js +2 -2
- package/dist/cjs/packages/rate/rate.js +2 -2
- package/dist/cjs/packages/segmented/segmented.js +1 -1
- package/dist/cjs/packages/shortpassword/shortpassword.js +1 -1
- package/dist/cjs/packages/sidebar/sidebar.js +3 -3
- package/dist/cjs/packages/sticky/sticky.js +3 -2
- package/dist/cjs/packages/swipe/swipe.js +2 -2
- package/dist/cjs/packages/switch/switch.js +1 -1
- package/dist/cjs/packages/tabbar/style/style.css +2 -9
- package/dist/cjs/packages/tabbar/tabbar.js +1 -1
- package/dist/cjs/packages/tabbaritem/style/style.css +2 -9
- package/dist/cjs/packages/tabbaritem/style/style.harmony.css +1 -1
- package/dist/cjs/packages/tabbaritem/style/tabbaritem.scss +2 -10
- package/dist/cjs/packages/tabbaritem/tabbaritem.js +9 -11
- package/dist/cjs/packages/table/table.js +1 -1
- package/dist/cjs/packages/tabs/tabs.js +3 -3
- package/dist/cjs/packages/textarea/textarea.d.ts +3 -3
- package/dist/cjs/packages/textarea/textarea.js +19 -22
- package/dist/cjs/packages/toast/toast.js +2 -2
- package/dist/cjs/packages/tour/tour.d.ts +1 -1
- package/dist/cjs/packages/tour/tour.js +1 -1
- package/dist/cjs/packages/uploader/types.d.ts +2 -1
- package/dist/cjs/packages/uploader/uploader.js +1 -1
- package/dist/cjs/packages/virtuallist/virtuallist.js +2 -2
- package/dist/cjs/utils/get-rect-by-taro.js +1 -1
- package/dist/cjs/utils/get-system-info.d.ts +19 -0
- package/dist/cjs/utils/get-system-info.js +32 -0
- package/dist/es/{utils → hooks}/use-click-away.js +3 -2
- package/dist/es/{utils → hooks}/use-isomprphic-layout-effect.js +1 -1
- package/dist/es/{utils → hooks}/use-lock-scroll.js +2 -2
- package/dist/es/packages/address/address.d.ts +1 -1
- package/dist/es/packages/address/address.js +1 -1
- package/dist/es/packages/animate/animate.js +5 -6
- package/dist/es/packages/animate/style/animate.scss +63 -105
- package/dist/es/packages/animate/style/style.css +45 -44
- package/dist/es/packages/animate/style/style.harmony.css +45 -44
- package/dist/es/packages/audio/audio.d.ts +30 -10
- package/dist/es/packages/avatarcropper/avatarcropper.js +3 -2
- package/dist/es/packages/badge/badge.js +10 -11
- package/dist/es/packages/calendar/calendar.d.ts +27 -135
- package/dist/es/packages/calendar/style/calendar.scss +25 -31
- package/dist/es/packages/calendar/style/style.css +14 -20
- package/dist/es/packages/calendar/style/style.harmony.css +14 -20
- package/dist/es/packages/calendarcard/calendarcard.js +1 -1
- package/dist/es/packages/calendaritem/calendaritem.js +1 -2
- package/dist/es/packages/cascader/cascader.js +1 -1
- package/dist/es/packages/checkbox/checkbox.js +1 -1
- package/dist/es/packages/checkboxgroup/checkboxgroup.js +1 -1
- package/dist/es/packages/circleprogress/circleprogress.d.ts +1 -1
- package/dist/es/packages/circleprogress/circleprogress.js +1 -1
- package/dist/es/packages/collapse/collapse.js +1 -1
- package/dist/es/packages/configprovider/configprovider.js +1 -1
- package/dist/es/packages/configprovider/types.d.ts +1 -1
- package/dist/es/packages/datepicker/datepicker.js +1 -1
- package/dist/es/packages/datepicker/style/style.css +2 -2
- package/dist/es/packages/dialog/dialog.js +2 -2
- package/dist/es/packages/drag/drag.js +4 -3
- package/dist/es/packages/elevator/elevator.js +1 -1
- package/dist/es/packages/form/form.d.ts +1 -1
- package/dist/es/packages/imagepreview/imagepreview.js +1 -1
- package/dist/es/packages/input/input.js +1 -1
- package/dist/es/packages/inputnumber/inputnumber.js +1 -1
- package/dist/es/packages/lottie/mp.js +4 -3
- package/dist/es/packages/menuitem/menuitem.js +6 -5
- package/dist/es/packages/noticebar/noticebar.d.ts +1 -1
- package/dist/es/packages/notify/notify.js +1 -1
- package/dist/es/packages/nutui.react.build.d.ts +3 -1
- package/dist/es/packages/nutui.react.build.js +3 -1
- package/dist/es/packages/overlay/overlay.js +1 -1
- package/dist/es/packages/pagination/pagination.js +1 -1
- package/dist/es/packages/picker/picker.js +2 -2
- package/dist/es/packages/picker/pickerpanel.js +1 -1
- package/dist/es/packages/picker/style/style.css +2 -2
- package/dist/es/packages/picker/style/style.harmony.css +2 -2
- package/dist/es/packages/pickerview/index.d.ts +3 -0
- package/dist/es/packages/pickerview/index.js +2 -0
- package/dist/es/packages/pickerview/pickerroller.d.ts +7 -0
- package/dist/es/packages/pickerview/pickerroller.js +175 -0
- package/dist/es/packages/pickerview/pickerview.d.ts +4 -0
- package/dist/es/packages/pickerview/pickerview.js +189 -0
- package/dist/es/packages/pickerview/style/css.js +1 -0
- package/dist/es/packages/pickerview/style/index.js +1 -0
- package/dist/es/packages/pickerview/style/pickerview.scss +79 -0
- package/dist/es/packages/pickerview/style/style.css +73 -0
- package/dist/es/packages/pickerview/style/style.harmony.css +83 -0
- package/dist/es/packages/pickerview/types.d.ts +32 -0
- package/dist/es/packages/pickerview/types.js +1 -0
- package/dist/es/packages/pickerview/utils.d.ts +14 -0
- package/dist/es/packages/pickerview/utils.js +28 -0
- package/dist/es/packages/popover/popover.d.ts +2 -2
- package/dist/es/packages/popover/popover.js +1 -1
- package/dist/es/packages/popover/types.d.ts +3 -2
- package/dist/es/packages/popup/popup.js +1 -1
- package/dist/es/packages/progress/progress.js +1 -1
- package/dist/es/packages/pulltorefresh/pulltorefresh.js +3 -2
- package/dist/es/packages/radio/radio.js +1 -1
- package/dist/es/packages/radiogroup/radiogroup.js +1 -1
- package/dist/es/packages/range/range.js +2 -2
- package/dist/es/packages/rate/rate.js +2 -2
- package/dist/es/packages/segmented/segmented.js +1 -1
- package/dist/es/packages/shortpassword/shortpassword.js +1 -1
- package/dist/es/packages/sidebar/sidebar.js +3 -3
- package/dist/es/packages/sticky/sticky.js +4 -3
- package/dist/es/packages/swipe/swipe.js +2 -2
- package/dist/es/packages/switch/switch.js +1 -1
- package/dist/es/packages/tabbar/style/style.css +2 -9
- package/dist/es/packages/tabbar/tabbar.js +1 -1
- package/dist/es/packages/tabbaritem/style/style.css +2 -9
- package/dist/es/packages/tabbaritem/style/style.harmony.css +1 -1
- package/dist/es/packages/tabbaritem/style/tabbaritem.scss +2 -10
- package/dist/es/packages/tabbaritem/tabbaritem.js +9 -11
- package/dist/es/packages/table/table.js +1 -1
- package/dist/es/packages/tabs/tabs.js +3 -3
- package/dist/es/packages/textarea/textarea.d.ts +3 -3
- package/dist/es/packages/textarea/textarea.js +20 -23
- package/dist/es/packages/toast/toast.js +2 -2
- package/dist/es/packages/tour/tour.d.ts +1 -1
- package/dist/es/packages/tour/tour.js +1 -1
- package/dist/es/packages/uploader/types.d.ts +2 -1
- package/dist/es/packages/uploader/uploader.js +1 -1
- package/dist/es/packages/virtuallist/virtuallist.d.ts +1 -1
- package/dist/es/packages/virtuallist/virtuallist.js +2 -2
- package/dist/es/utils/get-rect-by-taro.js +1 -1
- package/dist/es/utils/get-system-info.d.ts +19 -0
- package/dist/es/utils/get-system-info.js +19 -0
- package/dist/nutui.react.umd.js +529 -172
- package/dist/style.css +1 -1
- package/dist/style.scss +44 -43
- package/dist/styles/variables.scss +3 -1
- package/package.json +1 -80
- /package/dist/cjs/{utils → hooks}/use-click-away.d.ts +0 -0
- /package/dist/cjs/{utils → hooks}/use-client-rect.d.ts +0 -0
- /package/dist/cjs/{utils → hooks}/use-client-rect.js +0 -0
- /package/dist/cjs/{utils → hooks}/use-custom-event.d.ts +0 -0
- /package/dist/cjs/{utils → hooks}/use-custom-event.js +0 -0
- /package/dist/cjs/{utils → hooks}/use-force-update.d.ts +0 -0
- /package/dist/cjs/{utils → hooks}/use-force-update.js +0 -0
- /package/dist/cjs/{utils → hooks}/use-isomprphic-layout-effect.d.ts +0 -0
- /package/dist/cjs/{utils → hooks}/use-lock-scoll-taro.d.ts +0 -0
- /package/dist/cjs/{utils → hooks}/use-lock-scoll-taro.js +0 -0
- /package/dist/cjs/{utils → hooks}/use-lock-scroll.d.ts +0 -0
- /package/dist/cjs/{utils → hooks}/use-memo.d.ts +0 -0
- /package/dist/cjs/{utils → hooks}/use-memo.js +0 -0
- /package/dist/cjs/{utils → hooks}/use-props-value.d.ts +0 -0
- /package/dist/cjs/{utils → hooks}/use-props-value.js +0 -0
- /package/dist/cjs/{utils → hooks}/use-ref-state.d.ts +0 -0
- /package/dist/cjs/{utils → hooks}/use-ref-state.js +0 -0
- /package/dist/cjs/{utils → hooks}/use-refs.d.ts +0 -0
- /package/dist/cjs/{utils → hooks}/use-refs.js +0 -0
- /package/dist/cjs/{utils → hooks}/use-taro-rect.d.ts +0 -0
- /package/dist/cjs/{utils → hooks}/use-taro-rect.js +0 -0
- /package/dist/cjs/{utils → hooks}/use-touch.d.ts +0 -0
- /package/dist/cjs/{utils → hooks}/use-touch.js +0 -0
- /package/dist/cjs/{utils → hooks}/use-uuid.d.ts +0 -0
- /package/dist/cjs/{utils → hooks}/use-uuid.js +0 -0
- /package/dist/cjs/{utils → hooks}/use-watch.d.ts +0 -0
- /package/dist/cjs/{utils → hooks}/use-watch.js +0 -0
- /package/dist/es/{utils → hooks}/use-click-away.d.ts +0 -0
- /package/dist/es/{utils → hooks}/use-client-rect.d.ts +0 -0
- /package/dist/es/{utils → hooks}/use-client-rect.js +0 -0
- /package/dist/es/{utils → hooks}/use-custom-event.d.ts +0 -0
- /package/dist/es/{utils → hooks}/use-custom-event.js +0 -0
- /package/dist/es/{utils → hooks}/use-force-update.d.ts +0 -0
- /package/dist/es/{utils → hooks}/use-force-update.js +0 -0
- /package/dist/es/{utils → hooks}/use-isomprphic-layout-effect.d.ts +0 -0
- /package/dist/es/{utils → hooks}/use-lock-scoll-taro.d.ts +0 -0
- /package/dist/es/{utils → hooks}/use-lock-scoll-taro.js +0 -0
- /package/dist/es/{utils → hooks}/use-lock-scroll.d.ts +0 -0
- /package/dist/es/{utils → hooks}/use-memo.d.ts +0 -0
- /package/dist/es/{utils → hooks}/use-memo.js +0 -0
- /package/dist/es/{utils → hooks}/use-props-value.d.ts +0 -0
- /package/dist/es/{utils → hooks}/use-props-value.js +0 -0
- /package/dist/es/{utils → hooks}/use-ref-state.d.ts +0 -0
- /package/dist/es/{utils → hooks}/use-ref-state.js +0 -0
- /package/dist/es/{utils → hooks}/use-refs.d.ts +0 -0
- /package/dist/es/{utils → hooks}/use-refs.js +0 -0
- /package/dist/es/{utils → hooks}/use-taro-rect.d.ts +0 -0
- /package/dist/es/{utils → hooks}/use-taro-rect.js +0 -0
- /package/dist/es/{utils → hooks}/use-touch.d.ts +0 -0
- /package/dist/es/{utils → hooks}/use-touch.js +0 -0
- /package/dist/es/{utils → hooks}/use-uuid.d.ts +0 -0
- /package/dist/es/{utils → hooks}/use-uuid.js +0 -0
- /package/dist/es/{utils → hooks}/use-watch.d.ts +0 -0
- /package/dist/es/{utils → hooks}/use-watch.js +0 -0
package/dist/nutui.react.umd.js
CHANGED
|
@@ -409,7 +409,7 @@
|
|
|
409
409
|
].includes(Taro.getEnv().toLowerCase());
|
|
410
410
|
};
|
|
411
411
|
var prefixCls$2 = "nut-button";
|
|
412
|
-
var defaultProps$
|
|
412
|
+
var defaultProps$1B = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
413
413
|
color: "",
|
|
414
414
|
type: "default",
|
|
415
415
|
size: "normal",
|
|
@@ -424,7 +424,7 @@
|
|
|
424
424
|
}
|
|
425
425
|
});
|
|
426
426
|
var Button = /* @__PURE__ */ React.forwardRef(function(props, ref) {
|
|
427
|
-
var _ref = _object_spread({}, defaultProps$
|
|
427
|
+
var _ref = _object_spread({}, defaultProps$1B, props), color = _ref.color, shape = _ref.shape, fill = _ref.fill, loading = _ref.loading, disabled = _ref.disabled, type2 = _ref.type, size = _ref.size, block = _ref.block, icon = _ref.icon, rightIcon = _ref.rightIcon, children = _ref.children, className = _ref.className, style = _ref.style, nativeType = _ref.nativeType, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
|
|
428
428
|
"color",
|
|
429
429
|
"shape",
|
|
430
430
|
"fill",
|
|
@@ -518,14 +518,14 @@
|
|
|
518
518
|
});
|
|
519
519
|
Button.displayName = "NutButton";
|
|
520
520
|
var CellGroupContext = React.createContext(null);
|
|
521
|
-
var defaultProps$
|
|
521
|
+
var defaultProps$1A = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
522
522
|
title: "",
|
|
523
523
|
description: "",
|
|
524
524
|
divider: true
|
|
525
525
|
});
|
|
526
526
|
var classPrefix$u = "nut-cell-group";
|
|
527
527
|
var CellGroup = function(props) {
|
|
528
|
-
var _ref = _object_spread({}, defaultProps$
|
|
528
|
+
var _ref = _object_spread({}, defaultProps$1A, props), children = _ref.children, className = _ref.className, title = _ref.title, description = _ref.description, divider = _ref.divider, rest = _object_without_properties(_ref, [
|
|
529
529
|
"children",
|
|
530
530
|
"className",
|
|
531
531
|
"title",
|
|
@@ -1137,7 +1137,7 @@
|
|
|
1137
1137
|
if (harmony()) return Taro.pxTransform(value2, 375);
|
|
1138
1138
|
return "".concat(value2, "px");
|
|
1139
1139
|
}
|
|
1140
|
-
var defaultProps$
|
|
1140
|
+
var defaultProps$1z = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
1141
1141
|
title: null,
|
|
1142
1142
|
description: null,
|
|
1143
1143
|
extra: null,
|
|
@@ -1151,7 +1151,7 @@
|
|
|
1151
1151
|
var classPrefix$s = "nut-cell";
|
|
1152
1152
|
var Cell = function(props) {
|
|
1153
1153
|
var ctx = React.useContext(CellGroupContext);
|
|
1154
|
-
var _$_object_spread = _object_spread({}, defaultProps$
|
|
1154
|
+
var _$_object_spread = _object_spread({}, defaultProps$1z, props), children = _$_object_spread.children, onClick = _$_object_spread.onClick, title = _$_object_spread.title, description = _$_object_spread.description, extra = _$_object_spread.extra, radius = _$_object_spread.radius, align = _$_object_spread.align, isLast = _$_object_spread.isLast, className = _$_object_spread.className, style = _$_object_spread.style, clickable = _$_object_spread.clickable;
|
|
1155
1155
|
var rtl = useRtl();
|
|
1156
1156
|
var handleClick = function(event) {
|
|
1157
1157
|
onClick(event);
|
|
@@ -1239,14 +1239,14 @@
|
|
|
1239
1239
|
function _sliced_to_array(arr, i2) {
|
|
1240
1240
|
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i2) || _unsupported_iterable_to_array(arr, i2) || _non_iterable_rest();
|
|
1241
1241
|
}
|
|
1242
|
-
var defaultProps$
|
|
1242
|
+
var defaultProps$1y = {
|
|
1243
1243
|
src: "",
|
|
1244
1244
|
error: true,
|
|
1245
1245
|
loading: true
|
|
1246
1246
|
};
|
|
1247
1247
|
var Image$1 = function(props) {
|
|
1248
1248
|
var classPrefix2 = "nut-image";
|
|
1249
|
-
var _ref = _object_spread({}, defaultProps$
|
|
1249
|
+
var _ref = _object_spread({}, defaultProps$1y, props), className = _ref.className, style = _ref.style, src = _ref.src, width2 = _ref.width, height2 = _ref.height, radius = _ref.radius, error = _ref.error, loading = _ref.loading, onLoad = _ref.onLoad, onError = _ref.onError, rest = _object_without_properties(_ref, [
|
|
1250
1250
|
"className",
|
|
1251
1251
|
"style",
|
|
1252
1252
|
"src",
|
|
@@ -3309,7 +3309,7 @@
|
|
|
3309
3309
|
};
|
|
3310
3310
|
Overlay.displayName = "NutOverlay";
|
|
3311
3311
|
var DataContext$1 = React.createContext({});
|
|
3312
|
-
var defaultProps$
|
|
3312
|
+
var defaultProps$1x = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
3313
3313
|
span: "24",
|
|
3314
3314
|
offset: "0",
|
|
3315
3315
|
gutter: "0",
|
|
@@ -3317,7 +3317,7 @@
|
|
|
3317
3317
|
isLast: false
|
|
3318
3318
|
});
|
|
3319
3319
|
var Col = function(props) {
|
|
3320
|
-
var _$_object_spread = _object_spread({}, defaultProps$
|
|
3320
|
+
var _$_object_spread = _object_spread({}, defaultProps$1x, props), className = _$_object_spread.className, style = _$_object_spread.style, span = _$_object_spread.span, offset = _$_object_spread.offset, children = _$_object_spread.children, isFirst = _$_object_spread.isFirst, isLast = _$_object_spread.isLast, onClick = _$_object_spread.onClick;
|
|
3321
3321
|
var _useState = _sliced_to_array(React.useState(""), 2), colName = _useState[0], setColName = _useState[1];
|
|
3322
3322
|
var _useState1 = _sliced_to_array(React.useState({}), 2), colStyle = _useState1[0], setColStyle = _useState1[1];
|
|
3323
3323
|
var gutter = React.useContext(DataContext$1).gutter;
|
|
@@ -3353,13 +3353,13 @@
|
|
|
3353
3353
|
}, children);
|
|
3354
3354
|
};
|
|
3355
3355
|
Col.displayName = "NutCol";
|
|
3356
|
-
var defaultProps$
|
|
3356
|
+
var defaultProps$1w = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
3357
3357
|
contentPosition: "center",
|
|
3358
3358
|
direction: "horizontal"
|
|
3359
3359
|
});
|
|
3360
3360
|
var classPrefix$r = "nut-divider";
|
|
3361
3361
|
var Divider = function(props) {
|
|
3362
|
-
var _ref = _object_spread({}, defaultProps$
|
|
3362
|
+
var _ref = _object_spread({}, defaultProps$1w, props), children = _ref.children, contentPosition = _ref.contentPosition, style = _ref.style, className = _ref.className, direction = _ref.direction;
|
|
3363
3363
|
_object_without_properties(_ref, [
|
|
3364
3364
|
"children",
|
|
3365
3365
|
"contentPosition",
|
|
@@ -3395,7 +3395,7 @@
|
|
|
3395
3395
|
}
|
|
3396
3396
|
};
|
|
3397
3397
|
const GridContext = React.createContext(context);
|
|
3398
|
-
var defaultProps$
|
|
3398
|
+
var defaultProps$1v = {
|
|
3399
3399
|
text: "",
|
|
3400
3400
|
columns: 4,
|
|
3401
3401
|
gap: 9,
|
|
@@ -3405,7 +3405,7 @@
|
|
|
3405
3405
|
direction: "vertical"
|
|
3406
3406
|
};
|
|
3407
3407
|
var GridItem = function(props) {
|
|
3408
|
-
var _ref = _object_spread({}, defaultProps$
|
|
3408
|
+
var _ref = _object_spread({}, defaultProps$1v, props), children = _ref.children, style = _ref.style, columns = _ref.columns, index2 = _ref.index, gap = _ref.gap, square = _ref.square, text2 = _ref.text, center = _ref.center, reverse = _ref.reverse, direction = _ref.direction, className = _ref.className, onClick = _ref.onClick;
|
|
3409
3409
|
_object_without_properties(_ref, [
|
|
3410
3410
|
"children",
|
|
3411
3411
|
"style",
|
|
@@ -3476,7 +3476,7 @@
|
|
|
3476
3476
|
}, text2))));
|
|
3477
3477
|
};
|
|
3478
3478
|
GridItem.displayName = "NutGridItem";
|
|
3479
|
-
var defaultProps$
|
|
3479
|
+
var defaultProps$1u = {
|
|
3480
3480
|
columns: 4,
|
|
3481
3481
|
gap: 9,
|
|
3482
3482
|
center: true,
|
|
@@ -3485,7 +3485,7 @@
|
|
|
3485
3485
|
direction: "vertical"
|
|
3486
3486
|
};
|
|
3487
3487
|
var Grid = function(props) {
|
|
3488
|
-
var _ref = _object_spread({}, defaultProps$
|
|
3488
|
+
var _ref = _object_spread({}, defaultProps$1u, props), children = _ref.children, columns = _ref.columns, gap = _ref.gap, center = _ref.center, square = _ref.square, reverse = _ref.reverse, direction = _ref.direction, style = _ref.style, className = _ref.className, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
|
|
3489
3489
|
"children",
|
|
3490
3490
|
"columns",
|
|
3491
3491
|
"gap",
|
|
@@ -3540,7 +3540,7 @@
|
|
|
3540
3540
|
};
|
|
3541
3541
|
Layout.displayName = "NutLayout";
|
|
3542
3542
|
var classPrefix$q = "nut-row";
|
|
3543
|
-
var defaultProps$
|
|
3543
|
+
var defaultProps$1t = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
3544
3544
|
type: "",
|
|
3545
3545
|
justify: "start",
|
|
3546
3546
|
align: "flex-start",
|
|
@@ -3548,7 +3548,7 @@
|
|
|
3548
3548
|
gutter: "0"
|
|
3549
3549
|
});
|
|
3550
3550
|
var Row = function(props) {
|
|
3551
|
-
var _$_object_spread = _object_spread({}, defaultProps$
|
|
3551
|
+
var _$_object_spread = _object_spread({}, defaultProps$1t, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, type2 = _$_object_spread.type, justify = _$_object_spread.justify, align = _$_object_spread.align, wrap = _$_object_spread.wrap, gutter = _$_object_spread.gutter, onClick = _$_object_spread.onClick;
|
|
3552
3552
|
var getClass = function(prefix, type3) {
|
|
3553
3553
|
var classType = type3 ? "nut-row-".concat(prefix, "-").concat(type3) : "";
|
|
3554
3554
|
if (prefix) return classType;
|
|
@@ -3579,11 +3579,11 @@
|
|
|
3579
3579
|
};
|
|
3580
3580
|
Row.displayName = "NutRow";
|
|
3581
3581
|
var prefixCls$1 = "nut-space";
|
|
3582
|
-
var defaultProps$
|
|
3582
|
+
var defaultProps$1s = {
|
|
3583
3583
|
direction: "horizontal"
|
|
3584
3584
|
};
|
|
3585
3585
|
var Space = function(props) {
|
|
3586
|
-
var _$_object_spread = _object_spread({}, defaultProps$
|
|
3586
|
+
var _$_object_spread = _object_spread({}, defaultProps$1s, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, wrap = _$_object_spread.wrap, align = _$_object_spread.align, direction = _$_object_spread.direction, justify = _$_object_spread.justify;
|
|
3587
3587
|
var rtl = useRtl();
|
|
3588
3588
|
var _obj;
|
|
3589
3589
|
var cls = classNames(prefixCls$1, (_obj = {}, _define_property(_obj, "".concat(prefixCls$1, "-").concat(direction), direction), _define_property(_obj, "".concat(prefixCls$1, "-").concat(direction, "-wrap"), wrap), _define_property(_obj, "".concat(prefixCls$1, "-align-").concat(align), align), _define_property(_obj, "".concat(prefixCls$1, "-justify-").concat(justify), justify), _define_property(_obj, "".concat(className), className), _obj));
|
|
@@ -3700,6 +3700,12 @@
|
|
|
3700
3700
|
var e2 = new Error(message);
|
|
3701
3701
|
return e2.name = "SuppressedError", e2.error = error, e2.suppressed = suppressed, e2;
|
|
3702
3702
|
};
|
|
3703
|
+
var getDeviceInfo = function() {
|
|
3704
|
+
return Taro.canIUse("getDeviceInfo") ? Taro.getDeviceInfo() : Taro.getSystemInfoSync();
|
|
3705
|
+
};
|
|
3706
|
+
var getWindowInfo = function() {
|
|
3707
|
+
return Taro.canIUse("getWindowInfo") ? Taro.getWindowInfo() : Taro.getSystemInfoSync();
|
|
3708
|
+
};
|
|
3703
3709
|
function useWatch(dep, callback) {
|
|
3704
3710
|
var config2 = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
|
|
3705
3711
|
immediate: false
|
|
@@ -3800,13 +3806,13 @@
|
|
|
3800
3806
|
return _ref.apply(this, arguments);
|
|
3801
3807
|
};
|
|
3802
3808
|
}();
|
|
3803
|
-
var defaultProps$
|
|
3809
|
+
var defaultProps$1r = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
3804
3810
|
position: "top",
|
|
3805
3811
|
zIndex: 900
|
|
3806
3812
|
});
|
|
3807
3813
|
var classPrefix$p = "nut-sticky";
|
|
3808
3814
|
var Sticky = function(props) {
|
|
3809
|
-
var _ref = _object_spread({}, defaultProps$
|
|
3815
|
+
var _ref = _object_spread({}, defaultProps$1r, props), position2 = _ref.position, zIndex = _ref.zIndex, threshold = _ref.threshold;
|
|
3810
3816
|
_ref.style;
|
|
3811
3817
|
var children = _ref.children, container = _ref.container, className = _ref.className, onChange = _ref.onChange, rest = _object_without_properties(_ref, [
|
|
3812
3818
|
"position",
|
|
@@ -3928,7 +3934,7 @@
|
|
|
3928
3934
|
7
|
|
3929
3935
|
];
|
|
3930
3936
|
case 6:
|
|
3931
|
-
windowHeight =
|
|
3937
|
+
windowHeight = getWindowInfo().windowHeight;
|
|
3932
3938
|
setFixed(windowHeight - threshold < curRootRect.bottom);
|
|
3933
3939
|
_state.label = 7;
|
|
3934
3940
|
case 7:
|
|
@@ -3986,7 +3992,7 @@
|
|
|
3986
3992
|
className: "nut-icon"
|
|
3987
3993
|
}) : icon;
|
|
3988
3994
|
};
|
|
3989
|
-
var defaultProps$
|
|
3995
|
+
var defaultProps$1q = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
3990
3996
|
icon: null,
|
|
3991
3997
|
onClick: function(value2) {
|
|
3992
3998
|
}
|
|
@@ -3994,7 +4000,7 @@
|
|
|
3994
4000
|
var classPrefix$n = "nut-hoverbutton-item";
|
|
3995
4001
|
var isHarmony = harmony();
|
|
3996
4002
|
var HoverButtonItem = function(props) {
|
|
3997
|
-
var _$_object_spread = _object_spread({}, defaultProps$
|
|
4003
|
+
var _$_object_spread = _object_spread({}, defaultProps$1q, props), className = _$_object_spread.className, style = _$_object_spread.style, icon = _$_object_spread.icon, onClick = _$_object_spread.onClick, children = _$_object_spread.children;
|
|
3998
4004
|
var _useState = _sliced_to_array(React.useState(false), 2), isTouchStart = _useState[0], setTouchStart = _useState[1];
|
|
3999
4005
|
React.useMemo(function() {
|
|
4000
4006
|
return isHarmony ? {
|
|
@@ -4039,10 +4045,10 @@
|
|
|
4039
4045
|
};
|
|
4040
4046
|
HoverButtonItem.displayName = "NutHoverButtonItem";
|
|
4041
4047
|
var UI_BOTTOM_DISTANCE = 60;
|
|
4042
|
-
var defaultProps$
|
|
4048
|
+
var defaultProps$1p = _object_spread({}, ComponentDefaults);
|
|
4043
4049
|
var classPrefix$m = "nut-hoverbutton";
|
|
4044
4050
|
var HoverButton = function(props) {
|
|
4045
|
-
var _$_object_spread = _object_spread({}, defaultProps$
|
|
4051
|
+
var _$_object_spread = _object_spread({}, defaultProps$1p, props), children = _$_object_spread.children, zIndex = _$_object_spread.zIndex, tabbarHeight = _$_object_spread.tabbarHeight, className = _$_object_spread.className, style = _$_object_spread.style, icon = _$_object_spread.icon, onClick = _$_object_spread.onClick;
|
|
4046
4052
|
var rtl = useRtl();
|
|
4047
4053
|
var baseStyle = _object_spread({}, style);
|
|
4048
4054
|
if (tabbarHeight) {
|
|
@@ -4068,13 +4074,13 @@
|
|
|
4068
4074
|
};
|
|
4069
4075
|
HoverButton.displayName = "NutHoverButton";
|
|
4070
4076
|
HoverButton.Item = HoverButtonItem;
|
|
4071
|
-
var defaultProps$
|
|
4077
|
+
var defaultProps$1o = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
4072
4078
|
threshold: 200,
|
|
4073
4079
|
zIndex: 900,
|
|
4074
4080
|
duration: 1e3
|
|
4075
4081
|
});
|
|
4076
4082
|
var BackTop = function(props) {
|
|
4077
|
-
var _$_object_spread = _object_spread({}, defaultProps$
|
|
4083
|
+
var _$_object_spread = _object_spread({}, defaultProps$1o, props), children = _$_object_spread.children, threshold = _$_object_spread.threshold, zIndex = _$_object_spread.zIndex, className = _$_object_spread.className, duration = _$_object_spread.duration, icon = _$_object_spread.icon, style = _$_object_spread.style, scrollRes = _$_object_spread.scrollRes, onClick = _$_object_spread.onClick;
|
|
4078
4084
|
var classPrefix2 = "nut-backtop";
|
|
4079
4085
|
var _useState = _sliced_to_array(React.useState(false), 2), backTop = _useState[0], setBackTop = _useState[1];
|
|
4080
4086
|
var cls = classNames(classPrefix2, _define_property({}, "".concat(classPrefix2, "-show"), backTop), className);
|
|
@@ -4156,7 +4162,7 @@
|
|
|
4156
4162
|
return idRef.current;
|
|
4157
4163
|
}
|
|
4158
4164
|
var elevatorContext = /* @__PURE__ */ React.createContext({});
|
|
4159
|
-
var defaultProps$
|
|
4165
|
+
var defaultProps$1n = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
4160
4166
|
height: "200px",
|
|
4161
4167
|
floorKey: "title",
|
|
4162
4168
|
list: [],
|
|
@@ -4167,7 +4173,7 @@
|
|
|
4167
4173
|
className: "weapp-elevator"
|
|
4168
4174
|
});
|
|
4169
4175
|
var Elevator = function(props) {
|
|
4170
|
-
var _ref = _object_spread({}, defaultProps$
|
|
4176
|
+
var _ref = _object_spread({}, defaultProps$1n, props), height2 = _ref.height, floorKey = _ref.floorKey, list = _ref.list, sticky = _ref.sticky, spaceHeight = _ref.spaceHeight;
|
|
4171
4177
|
_ref.titleHeight;
|
|
4172
4178
|
var showKeys = _ref.showKeys, className = _ref.className, style = _ref.style, onItemClick = _ref.onItemClick, onIndexClick = _ref.onIndexClick, children = _ref.children, rest = _object_without_properties(_ref, [
|
|
4173
4179
|
"height",
|
|
@@ -4392,7 +4398,7 @@
|
|
|
4392
4398
|
};
|
|
4393
4399
|
Elevator.displayName = "NutElevator";
|
|
4394
4400
|
Elevator.Context = elevatorContext;
|
|
4395
|
-
var defaultProps$
|
|
4401
|
+
var defaultProps$1m = _object_spread_props(_object_spread({}, defaultOverlayProps), {
|
|
4396
4402
|
activeText: "",
|
|
4397
4403
|
inactiveText: "",
|
|
4398
4404
|
type: "right",
|
|
@@ -4410,7 +4416,7 @@
|
|
|
4410
4416
|
});
|
|
4411
4417
|
var FixedNav = function(props) {
|
|
4412
4418
|
var locale = useConfig().locale;
|
|
4413
|
-
var _$_object_spread = _object_spread({}, defaultProps$
|
|
4419
|
+
var _$_object_spread = _object_spread({}, defaultProps$1m, props), className = _$_object_spread.className, overlay = _$_object_spread.overlay, visible = _$_object_spread.visible, list = _$_object_spread.list, activeText = _$_object_spread.activeText, inactiveText = _$_object_spread.inactiveText, position2 = _$_object_spread.position, type2 = _$_object_spread.type, children = _$_object_spread.children, style = _$_object_spread.style, content2 = _$_object_spread.content, zIndex = _$_object_spread.zIndex, onChange = _$_object_spread.onChange, onSelect = _$_object_spread.onSelect;
|
|
4414
4420
|
var classPrefix2 = "nut-fixednav";
|
|
4415
4421
|
var classes = classNames(classPrefix2, {
|
|
4416
4422
|
active: visible
|
|
@@ -4455,7 +4461,7 @@
|
|
|
4455
4461
|
}, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText))));
|
|
4456
4462
|
};
|
|
4457
4463
|
FixedNav.displayName = "NutFixedNav";
|
|
4458
|
-
var defaultProps$
|
|
4464
|
+
var defaultProps$1l = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
4459
4465
|
left: "",
|
|
4460
4466
|
right: "",
|
|
4461
4467
|
back: "",
|
|
@@ -4465,7 +4471,7 @@
|
|
|
4465
4471
|
zIndex: 10
|
|
4466
4472
|
});
|
|
4467
4473
|
var NavBar = function(props) {
|
|
4468
|
-
var _$_object_spread = _object_spread({}, defaultProps$
|
|
4474
|
+
var _$_object_spread = _object_spread({}, defaultProps$1l, props), right2 = _$_object_spread.right, left2 = _$_object_spread.left, title = _$_object_spread.title, className = _$_object_spread.className, style = _$_object_spread.style, back = _$_object_spread.back, fixed = _$_object_spread.fixed, safeAreaInsetTop = _$_object_spread.safeAreaInsetTop, placeholder = _$_object_spread.placeholder, zIndex = _$_object_spread.zIndex, onBackClick = _$_object_spread.onBackClick;
|
|
4469
4475
|
var classPrefix2 = "nut-navbar";
|
|
4470
4476
|
var rtl = useRtl();
|
|
4471
4477
|
var children = Array.isArray(props.children) ? props.children : [
|
|
@@ -4515,7 +4521,7 @@
|
|
|
4515
4521
|
}, renderWrapper()) : renderWrapper());
|
|
4516
4522
|
};
|
|
4517
4523
|
NavBar.displayName = "NutNavBar";
|
|
4518
|
-
var defaultProps$
|
|
4524
|
+
var defaultProps$1k = _object_spread_props(_object_spread({}, defaultOverlayProps), {
|
|
4519
4525
|
position: "center",
|
|
4520
4526
|
transition: "",
|
|
4521
4527
|
overlayStyle: {},
|
|
@@ -4540,7 +4546,7 @@
|
|
|
4540
4546
|
});
|
|
4541
4547
|
var _zIndex = 1100;
|
|
4542
4548
|
var Popup = function(props) {
|
|
4543
|
-
var _$_object_spread = _object_spread({}, defaultProps$
|
|
4549
|
+
var _$_object_spread = _object_spread({}, defaultProps$1k, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left2 = _$_object_spread.left, title = _$_object_spread.title, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position2 = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick;
|
|
4544
4550
|
var innerIndex = zIndex || _zIndex;
|
|
4545
4551
|
var _useState = _sliced_to_array(React.useState(innerIndex), 2), index2 = _useState[0], setIndex = _useState[1];
|
|
4546
4552
|
var _useState1 = _sliced_to_array(React.useState(visible), 2), innerVisible = _useState1[0], setInnerVisible = _useState1[1];
|
|
@@ -4664,7 +4670,7 @@
|
|
|
4664
4670
|
};
|
|
4665
4671
|
Popup.displayName = "NutPopup";
|
|
4666
4672
|
var OffsetContext = React.createContext(20);
|
|
4667
|
-
var defaultProps$
|
|
4673
|
+
var defaultProps$1j = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
4668
4674
|
position: "left",
|
|
4669
4675
|
width: "80%"
|
|
4670
4676
|
});
|
|
@@ -4673,7 +4679,7 @@
|
|
|
4673
4679
|
console.warn("Warning: SideNavBar is deprecated and will be removed in future versions. Please use NewComponent SideBar instead.");
|
|
4674
4680
|
}, []);
|
|
4675
4681
|
var classPrefix2 = "nut-sidenavbar";
|
|
4676
|
-
var _ref = _object_spread({}, defaultProps$
|
|
4682
|
+
var _ref = _object_spread({}, defaultProps$1j, props), title = _ref.title, visible = _ref.visible, width2 = _ref.width, position2 = _ref.position, children = _ref.children, className = _ref.className, onClose = _ref.onClose, indent = _ref.indent, rest = _object_without_properties(_ref, [
|
|
4677
4683
|
"title",
|
|
4678
4684
|
"visible",
|
|
4679
4685
|
"width",
|
|
@@ -4778,13 +4784,13 @@
|
|
|
4778
4784
|
});
|
|
4779
4785
|
return ret;
|
|
4780
4786
|
}
|
|
4781
|
-
var defaultProps$
|
|
4787
|
+
var defaultProps$1i = {
|
|
4782
4788
|
title: "",
|
|
4783
4789
|
value: "",
|
|
4784
4790
|
disabled: false
|
|
4785
4791
|
};
|
|
4786
4792
|
var SideBarItem = function(props) {
|
|
4787
|
-
var _mergeProps = mergeProps(defaultProps$
|
|
4793
|
+
var _mergeProps = mergeProps(defaultProps$1i, props), children = _mergeProps.children, className = _mergeProps.className, disabled = _mergeProps.disabled;
|
|
4788
4794
|
var classPrefix2 = "nut-sidebaritem";
|
|
4789
4795
|
var classes = classNames(classPrefix2, {
|
|
4790
4796
|
active: !disabled && props.active
|
|
@@ -4793,13 +4799,13 @@
|
|
|
4793
4799
|
className: classes
|
|
4794
4800
|
}, !disabled && children) : null;
|
|
4795
4801
|
};
|
|
4796
|
-
var defaultProps$
|
|
4802
|
+
var defaultProps$1h = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
4797
4803
|
contentDuration: 0,
|
|
4798
4804
|
sidebarDuration: 0
|
|
4799
4805
|
});
|
|
4800
4806
|
var classPrefix$l = "nut-sidebar";
|
|
4801
4807
|
var SideBar = function(props) {
|
|
4802
|
-
var _mergeProps = mergeProps(defaultProps$
|
|
4808
|
+
var _mergeProps = mergeProps(defaultProps$1h, props), contentDuration = _mergeProps.contentDuration, sidebarDuration = _mergeProps.sidebarDuration, children = _mergeProps.children, onClick = _mergeProps.onClick, onChange = _mergeProps.onChange, className = _mergeProps.className, rest = _object_without_properties(_mergeProps, [
|
|
4803
4809
|
"contentDuration",
|
|
4804
4810
|
"sidebarDuration",
|
|
4805
4811
|
"children",
|
|
@@ -4990,12 +4996,12 @@
|
|
|
4990
4996
|
onClick: clickFn
|
|
4991
4997
|
}, rest), title);
|
|
4992
4998
|
};
|
|
4993
|
-
var defaultProps$
|
|
4999
|
+
var defaultProps$1g = {
|
|
4994
5000
|
open: true
|
|
4995
5001
|
};
|
|
4996
5002
|
var SubSideNavBar = function(props) {
|
|
4997
5003
|
var classPrefix2 = "nut-subsidenavbar";
|
|
4998
|
-
var _ref = _object_spread({}, defaultProps$
|
|
5004
|
+
var _ref = _object_spread({}, defaultProps$1g, props), title = _ref.title, value2 = _ref.value, children = _ref.children, onClick = _ref.onClick, open2 = _ref.open, rest = _object_without_properties(_ref, [
|
|
4999
5005
|
"title",
|
|
5000
5006
|
"value",
|
|
5001
5007
|
"children",
|
|
@@ -5067,7 +5073,7 @@
|
|
|
5067
5073
|
"@swc/helpers - typeof";
|
|
5068
5074
|
return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
|
|
5069
5075
|
}
|
|
5070
|
-
var defaultProps$
|
|
5076
|
+
var defaultProps$1f = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
5071
5077
|
value: "",
|
|
5072
5078
|
dot: false,
|
|
5073
5079
|
max: 99,
|
|
@@ -5077,9 +5083,9 @@
|
|
|
5077
5083
|
size: "large"
|
|
5078
5084
|
});
|
|
5079
5085
|
var Badge = function(props) {
|
|
5080
|
-
var
|
|
5081
|
-
if (dot ||
|
|
5082
|
-
if (typeof value2 === "number"
|
|
5086
|
+
var getContent = function getContent2() {
|
|
5087
|
+
if (dot || value2 === 0) return null;
|
|
5088
|
+
if (typeof value2 === "number") {
|
|
5083
5089
|
return max < value2 ? "".concat(max, "+") : "".concat(value2);
|
|
5084
5090
|
}
|
|
5085
5091
|
return value2;
|
|
@@ -5095,14 +5101,14 @@
|
|
|
5095
5101
|
};
|
|
5096
5102
|
var _this;
|
|
5097
5103
|
var rtl = useRtl();
|
|
5098
|
-
var _$_object_spread = _object_spread({}, defaultProps$
|
|
5104
|
+
var _$_object_spread = _object_spread({}, defaultProps$1f, props), className = _$_object_spread.className, style = _$_object_spread.style, value2 = _$_object_spread.value, max = _$_object_spread.max, children = _$_object_spread.children, dot = _$_object_spread.dot, top = _$_object_spread.top, right2 = _$_object_spread.right, fill = _$_object_spread.fill, size = _$_object_spread.size;
|
|
5099
5105
|
var classPrefix2 = "nut-badge";
|
|
5100
5106
|
var isHarmony2 = harmony();
|
|
5101
5107
|
var classes = classNames(classPrefix2, className);
|
|
5102
5108
|
var badgeRef = React.useRef(null);
|
|
5103
5109
|
var _useState = _sliced_to_array(React.useState({}), 2), contentStyle = _useState[0], setContentStyle = _useState[1];
|
|
5104
5110
|
var _obj;
|
|
5105
|
-
var contentClasses = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-sup"), isNumber() || isString() || dot), _define_property(_obj, "".concat(classPrefix2, "-number"), isNumber()), _define_property(_obj, "".concat(classPrefix2, "-one"), typeof
|
|
5111
|
+
var contentClasses = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-sup"), isNumber() || isString() || dot), _define_property(_obj, "".concat(classPrefix2, "-number"), isNumber()), _define_property(_obj, "".concat(classPrefix2, "-one"), typeof getContent() === "string" && ((_this = "".concat(getContent())) === null || _this === void 0 ? void 0 : _this.length) === 1), _define_property(_obj, "".concat(classPrefix2, "-dot"), dot), _define_property(_obj, "".concat(classPrefix2, "-dot-").concat(size), dot), _define_property(_obj, "".concat(classPrefix2, "-").concat(fill), fill === "outline"), _define_property(_obj, "".concat(classPrefix2, "-content"), children), _obj));
|
|
5106
5112
|
React.useEffect(function() {
|
|
5107
5113
|
if (badgeRef.current) {
|
|
5108
5114
|
getPositionStyle();
|
|
@@ -5110,12 +5116,11 @@
|
|
|
5110
5116
|
}, []);
|
|
5111
5117
|
var getPositionStyle = /* @__PURE__ */ function() {
|
|
5112
5118
|
var _ref = _async_to_generator(function() {
|
|
5113
|
-
var style2
|
|
5119
|
+
var style2;
|
|
5114
5120
|
return __generator(this, function(_state) {
|
|
5115
|
-
style2 = {
|
|
5116
|
-
|
|
5117
|
-
|
|
5118
|
-
style2[dir] = isHarmony2 ? pxTransform(Number(right2)) : "".concat(Number(right2) || 0, "px");
|
|
5121
|
+
style2 = _define_property({
|
|
5122
|
+
top: pxTransform(Number(top) || 0)
|
|
5123
|
+
}, rtl ? "left" : "right", isHarmony2 ? pxTransform(Number(right2)) : "".concat(Number(right2) || 0, "px"));
|
|
5119
5124
|
setContentStyle(style2);
|
|
5120
5125
|
return [
|
|
5121
5126
|
2
|
|
@@ -5134,10 +5139,10 @@
|
|
|
5134
5139
|
}, isIcon() && /* @__PURE__ */ React.createElement(components.View, {
|
|
5135
5140
|
className: classNames("".concat(classPrefix2, "-content"), (_obj1 = {}, _define_property(_obj1, "".concat(classPrefix2, "-icon"), true), _define_property(_obj1, "".concat(classPrefix2, "-icon-rtl"), rtl), _obj1)),
|
|
5136
5141
|
style: contentStyle
|
|
5137
|
-
}, value2), children, !isIcon() && /* @__PURE__ */ React.createElement(components.View, {
|
|
5142
|
+
}, value2), children, !isIcon() && (getContent() || dot) && /* @__PURE__ */ React.createElement(components.View, {
|
|
5138
5143
|
className: contentClasses,
|
|
5139
5144
|
style: contentStyle
|
|
5140
|
-
},
|
|
5145
|
+
}, getContent()));
|
|
5141
5146
|
};
|
|
5142
5147
|
Badge.displayName = "NutBadge";
|
|
5143
5148
|
const TabbarContext = React.createContext(null);
|
|
@@ -5149,7 +5154,7 @@
|
|
|
5149
5154
|
}
|
|
5150
5155
|
return maybeElement;
|
|
5151
5156
|
}
|
|
5152
|
-
var defaultProps$
|
|
5157
|
+
var defaultProps$1e = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
5153
5158
|
title: "",
|
|
5154
5159
|
icon: null,
|
|
5155
5160
|
value: "",
|
|
@@ -5160,7 +5165,7 @@
|
|
|
5160
5165
|
});
|
|
5161
5166
|
var TabbarItem = function(props) {
|
|
5162
5167
|
var ctx = React.useContext(TabbarContext);
|
|
5163
|
-
var _ref = _object_spread({}, defaultProps$
|
|
5168
|
+
var _ref = _object_spread({}, defaultProps$1e, props), className = _ref.className, style = _ref.style, title = _ref.title, icon = _ref.icon, value2 = _ref.value, dot = _ref.dot, max = _ref.max, top = _ref.top, right2 = _ref.right, index2 = _ref.index, rest = _object_without_properties(_ref, [
|
|
5164
5169
|
"className",
|
|
5165
5170
|
"style",
|
|
5166
5171
|
"title",
|
|
@@ -5185,6 +5190,14 @@
|
|
|
5185
5190
|
right: right2,
|
|
5186
5191
|
color: ctx === null || ctx === void 0 ? void 0 : ctx.activeColor
|
|
5187
5192
|
};
|
|
5193
|
+
var renderTitleText = function() {
|
|
5194
|
+
return title && /* @__PURE__ */ React.createElement(components.View, {
|
|
5195
|
+
className: titleClass,
|
|
5196
|
+
style: {
|
|
5197
|
+
color: active2 ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor
|
|
5198
|
+
}
|
|
5199
|
+
}, title);
|
|
5200
|
+
};
|
|
5188
5201
|
return /* @__PURE__ */ React.createElement(components.View, _object_spread({
|
|
5189
5202
|
className: tabbarItemClass,
|
|
5190
5203
|
style: _object_spread({
|
|
@@ -5195,19 +5208,9 @@
|
|
|
5195
5208
|
}
|
|
5196
5209
|
}, rest), icon ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Badge, badgeProps, /* @__PURE__ */ React.createElement(components.View, {
|
|
5197
5210
|
className: boxPrefix
|
|
5198
|
-
}, addColorForHarmony(icon, active2 ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor))), /* @__PURE__ */ React.createElement(
|
|
5199
|
-
className: titleClass,
|
|
5200
|
-
style: {
|
|
5201
|
-
color: active2 ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor
|
|
5202
|
-
}
|
|
5203
|
-
}, title)) : /* @__PURE__ */ React.createElement(Badge, badgeProps, /* @__PURE__ */ React.createElement(components.View, {
|
|
5204
|
-
className: titleClass,
|
|
5205
|
-
style: {
|
|
5206
|
-
color: active2 ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor
|
|
5207
|
-
}
|
|
5208
|
-
}, title)));
|
|
5211
|
+
}, addColorForHarmony(icon, active2 ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor))), renderTitleText()) : /* @__PURE__ */ React.createElement(Badge, badgeProps, renderTitleText()));
|
|
5209
5212
|
};
|
|
5210
|
-
var defaultProps$
|
|
5213
|
+
var defaultProps$1d = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
5211
5214
|
defaultValue: 0,
|
|
5212
5215
|
fixed: false,
|
|
5213
5216
|
inactiveColor: "",
|
|
@@ -5217,7 +5220,7 @@
|
|
|
5217
5220
|
}
|
|
5218
5221
|
});
|
|
5219
5222
|
var Tabbar = function(props) {
|
|
5220
|
-
var _$_object_spread = _object_spread({}, defaultProps$
|
|
5223
|
+
var _$_object_spread = _object_spread({}, defaultProps$1d, props), children = _$_object_spread.children, defaultValue = _$_object_spread.defaultValue, value2 = _$_object_spread.value, fixed = _$_object_spread.fixed, activeColor = _$_object_spread.activeColor, inactiveColor = _$_object_spread.inactiveColor, safeArea = _$_object_spread.safeArea, className = _$_object_spread.className, style = _$_object_spread.style, onSwitch = _$_object_spread.onSwitch;
|
|
5221
5224
|
var classPrefix2 = "nut-tabbar";
|
|
5222
5225
|
var _usePropsValue = _sliced_to_array(usePropsValue({
|
|
5223
5226
|
value: value2,
|
|
@@ -5248,13 +5251,13 @@
|
|
|
5248
5251
|
};
|
|
5249
5252
|
Tabbar.displayName = "NutTabbar";
|
|
5250
5253
|
Tabbar.Item = TabbarItem;
|
|
5251
|
-
var defaultProps$
|
|
5254
|
+
var defaultProps$1c = {
|
|
5252
5255
|
title: "",
|
|
5253
5256
|
value: "",
|
|
5254
5257
|
disabled: false
|
|
5255
5258
|
};
|
|
5256
5259
|
var TabPane = function(props) {
|
|
5257
|
-
var _$_object_spread = _object_spread({}, defaultProps$
|
|
5260
|
+
var _$_object_spread = _object_spread({}, defaultProps$1c, props), children = _$_object_spread.children, autoHeightClassName = _$_object_spread.autoHeightClassName, className = _$_object_spread.className, disabled = _$_object_spread.disabled;
|
|
5258
5261
|
var classPrefix2 = "nut-tabpane";
|
|
5259
5262
|
var classes = classNames(classPrefix2, {
|
|
5260
5263
|
active: !disabled && props.active
|
|
@@ -5263,7 +5266,7 @@
|
|
|
5263
5266
|
className: classes
|
|
5264
5267
|
}, !disabled && children);
|
|
5265
5268
|
};
|
|
5266
|
-
var defaultProps$
|
|
5269
|
+
var defaultProps$1b = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
5267
5270
|
tabStyle: {},
|
|
5268
5271
|
activeColor: "",
|
|
5269
5272
|
direction: "horizontal",
|
|
@@ -5274,7 +5277,7 @@
|
|
|
5274
5277
|
var classPrefix$k = "nut-tabs";
|
|
5275
5278
|
var Tabs = function(props) {
|
|
5276
5279
|
var rtl = useRtl();
|
|
5277
|
-
var _ref = _object_spread({}, defaultProps$
|
|
5280
|
+
var _ref = _object_spread({}, defaultProps$1b, props), activeColor = _ref.activeColor, tabStyle = _ref.tabStyle, direction = _ref.direction, activeType = _ref.activeType, duration = _ref.duration, align = _ref.align, title = _ref.title, name2 = _ref.name, children = _ref.children, onClick = _ref.onClick, onChange = _ref.onChange, className = _ref.className, autoHeight = _ref.autoHeight, outerValue = _ref.value, outerDefaultValue = _ref.defaultValue, rest = _object_without_properties(_ref, [
|
|
5278
5281
|
"activeColor",
|
|
5279
5282
|
"tabStyle",
|
|
5280
5283
|
"direction",
|
|
@@ -5476,7 +5479,7 @@
|
|
|
5476
5479
|
};
|
|
5477
5480
|
Tabs.displayName = "NutTabs";
|
|
5478
5481
|
Tabs.TabPane = TabPane;
|
|
5479
|
-
var defaultProps$
|
|
5482
|
+
var defaultProps$1a = {
|
|
5480
5483
|
type: "custom",
|
|
5481
5484
|
existList: [],
|
|
5482
5485
|
defaultIcon: null,
|
|
@@ -5485,7 +5488,7 @@
|
|
|
5485
5488
|
};
|
|
5486
5489
|
var ExistRender = function(props) {
|
|
5487
5490
|
var locale = useConfig().locale;
|
|
5488
|
-
var _ref = _object_spread({}, defaultProps$
|
|
5491
|
+
var _ref = _object_spread({}, defaultProps$1a, props);
|
|
5489
5492
|
_ref.children;
|
|
5490
5493
|
var type2 = _ref.type, existList = _ref.existList, selectIcon = _ref.selectIcon, defaultIcon = _ref.defaultIcon, custom = _ref.custom, onSelect = _ref.onSelect, onSwitch = _ref.onSwitch;
|
|
5491
5494
|
_object_without_properties(_ref, [
|
|
@@ -5713,7 +5716,7 @@
|
|
|
5713
5716
|
]);
|
|
5714
5717
|
return Tree2;
|
|
5715
5718
|
}();
|
|
5716
|
-
var defaultProps$
|
|
5719
|
+
var defaultProps$19 = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
5717
5720
|
activeColor: "",
|
|
5718
5721
|
activeIcon: "checklist",
|
|
5719
5722
|
popup: true,
|
|
@@ -5739,7 +5742,7 @@
|
|
|
5739
5742
|
});
|
|
5740
5743
|
var InternalCascader = function(props, ref) {
|
|
5741
5744
|
var locale = useConfig().locale;
|
|
5742
|
-
var _$_object_spread = _object_spread({}, defaultProps$
|
|
5745
|
+
var _$_object_spread = _object_spread({}, defaultProps$19, props), className = _$_object_spread.className, style = _$_object_spread.style, activeColor = _$_object_spread.activeColor, activeIcon = _$_object_spread.activeIcon, popup = _$_object_spread.popup, _object_spread_popupProps = _$_object_spread.popupProps, popupProps = _object_spread_popupProps === void 0 ? {} : _object_spread_popupProps, visible = _$_object_spread.visible, options = _$_object_spread.options, value2 = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, optionKey = _$_object_spread.optionKey, format2 = _$_object_spread.format, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, lazy = _$_object_spread.lazy, title = _$_object_spread.title, left2 = _$_object_spread.left, onLoad = _$_object_spread.onLoad, onClose = _$_object_spread.onClose, onChange = _$_object_spread.onChange, onPathChange = _$_object_spread.onPathChange;
|
|
5743
5746
|
var _useState = _sliced_to_array(React.useState("c1"), 2), tabvalue = _useState[0], setTabvalue = _useState[1];
|
|
5744
5747
|
var _useState1 = _sliced_to_array(React.useState([]), 2), optionsData = _useState1[0], setOptionsData = _useState1[1];
|
|
5745
5748
|
var isLazy = function() {
|
|
@@ -6195,7 +6198,7 @@
|
|
|
6195
6198
|
};
|
|
6196
6199
|
var Cascader = /* @__PURE__ */ React.forwardRef(InternalCascader);
|
|
6197
6200
|
Cascader.displayName = "NutCascader";
|
|
6198
|
-
var defaultProps$
|
|
6201
|
+
var defaultProps$18 = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
6199
6202
|
visible: false,
|
|
6200
6203
|
type: "custom",
|
|
6201
6204
|
options: [],
|
|
@@ -6208,7 +6211,7 @@
|
|
|
6208
6211
|
height: "200px"
|
|
6209
6212
|
});
|
|
6210
6213
|
var CustomRender = function(props) {
|
|
6211
|
-
var _ref = _object_spread({}, defaultProps$
|
|
6214
|
+
var _ref = _object_spread({}, defaultProps$18, props);
|
|
6212
6215
|
_ref.children;
|
|
6213
6216
|
var visible = _ref.visible, type2 = _ref.type;
|
|
6214
6217
|
_ref.height;
|
|
@@ -6246,7 +6249,7 @@
|
|
|
6246
6249
|
onPathChange
|
|
6247
6250
|
}, rest)));
|
|
6248
6251
|
};
|
|
6249
|
-
var defaultProps$
|
|
6252
|
+
var defaultProps$17 = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
6250
6253
|
defaultValue: [],
|
|
6251
6254
|
type: "custom",
|
|
6252
6255
|
options: [],
|
|
@@ -6266,7 +6269,7 @@
|
|
|
6266
6269
|
});
|
|
6267
6270
|
var InternalAddress = function(props, ref) {
|
|
6268
6271
|
var locale = useConfig().locale;
|
|
6269
|
-
var _ref = _object_spread({}, defaultProps$
|
|
6272
|
+
var _ref = _object_spread({}, defaultProps$17, props), style = _ref.style, className = _ref.className, visible = _ref.visible, defaultVisible = _ref.defaultVisible, defaultValue = _ref.defaultValue;
|
|
6270
6273
|
_ref.children;
|
|
6271
6274
|
var type2 = _ref.type, options = _ref.options, optionKey = _ref.optionKey, format2 = _ref.format, height2 = _ref.height, title = _ref.title, existList = _ref.existList, custom = _ref.custom, selectIcon = _ref.selectIcon, defaultIcon = _ref.defaultIcon, closeIcon = _ref.closeIcon, backIcon = _ref.backIcon, onChange = _ref.onChange, onExistSelect = _ref.onExistSelect, onClose = _ref.onClose, onSwitch = _ref.onSwitch;
|
|
6272
6275
|
_object_without_properties(_ref, [
|
|
@@ -6633,7 +6636,7 @@
|
|
|
6633
6636
|
var isStartAndEnd = function(days) {
|
|
6634
6637
|
return days.length >= 2 && Utils.isEqual(days[0], days[1]);
|
|
6635
6638
|
};
|
|
6636
|
-
var defaultProps$
|
|
6639
|
+
var defaultProps$16 = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
6637
6640
|
type: "single",
|
|
6638
6641
|
autoBackfill: false,
|
|
6639
6642
|
popup: true,
|
|
@@ -6666,7 +6669,7 @@
|
|
|
6666
6669
|
});
|
|
6667
6670
|
var CalendarItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
|
|
6668
6671
|
var locale = useConfig().locale;
|
|
6669
|
-
var _$_object_spread = _object_spread({}, defaultProps$
|
|
6672
|
+
var _$_object_spread = _object_spread({}, defaultProps$16, props), style = _$_object_spread.style, className = _$_object_spread.className, children = _$_object_spread.children, popup = _$_object_spread.popup, type2 = _$_object_spread.type, autoBackfill = _$_object_spread.autoBackfill, title = _$_object_spread.title, defaultValue = _$_object_spread.defaultValue, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, showToday = _$_object_spread.showToday, startText = _$_object_spread.startText, endText = _$_object_spread.endText, confirmText = _$_object_spread.confirmText, showTitle = _$_object_spread.showTitle, showSubTitle = _$_object_spread.showSubTitle, scrollAnimation = _$_object_spread.scrollAnimation, firstDayOfWeek = _$_object_spread.firstDayOfWeek, disableDate = _$_object_spread.disableDate, renderHeaderButtons = _$_object_spread.renderHeaderButtons, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, renderBottomButton = _$_object_spread.renderBottomButton, value2 = _$_object_spread.value, onConfirm = _$_object_spread.onConfirm, onUpdate = _$_object_spread.onUpdate, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange;
|
|
6670
6673
|
var weekdays = locale.calendaritem.weekdays;
|
|
6671
6674
|
var weeks = _to_consumable_array(weekdays.slice(firstDayOfWeek, 7)).concat(_to_consumable_array(weekdays.slice(0, firstDayOfWeek)));
|
|
6672
6675
|
var monthTitle = locale.calendaritem.monthTitle;
|
|
@@ -7228,7 +7231,6 @@
|
|
|
7228
7231
|
return /* @__PURE__ */ React.createElement(components.View, {
|
|
7229
7232
|
className: "nut-calendar-footer"
|
|
7230
7233
|
}, children, /* @__PURE__ */ React.createElement(components.View, {
|
|
7231
|
-
className: "calendar-confirm-btn",
|
|
7232
7234
|
onClick: confirm
|
|
7233
7235
|
}, renderBottomButton ? renderBottomButton() : /* @__PURE__ */ React.createElement(components.View, {
|
|
7234
7236
|
className: "calendar-confirm-btn"
|
|
@@ -7240,7 +7242,7 @@
|
|
|
7240
7242
|
}, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : "");
|
|
7241
7243
|
});
|
|
7242
7244
|
CalendarItem.displayName = "NutCalendarItem";
|
|
7243
|
-
var defaultProps$
|
|
7245
|
+
var defaultProps$15 = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
7244
7246
|
type: "single",
|
|
7245
7247
|
autoBackfill: false,
|
|
7246
7248
|
popup: true,
|
|
@@ -7275,7 +7277,7 @@
|
|
|
7275
7277
|
});
|
|
7276
7278
|
var Calendar = /* @__PURE__ */ React.forwardRef(function(props, ref) {
|
|
7277
7279
|
var locale = useConfig().locale;
|
|
7278
|
-
var _$_object_spread = _object_spread({}, defaultProps$
|
|
7280
|
+
var _$_object_spread = _object_spread({}, defaultProps$15, props), style = _$_object_spread.style, className = _$_object_spread.className, children = _$_object_spread.children, popup = _$_object_spread.popup, visible = _$_object_spread.visible, type2 = _$_object_spread.type, autoBackfill = _$_object_spread.autoBackfill, title = _$_object_spread.title, defaultValue = _$_object_spread.defaultValue, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, showToday = _$_object_spread.showToday, startText = _$_object_spread.startText, endText = _$_object_spread.endText, confirmText = _$_object_spread.confirmText, showTitle = _$_object_spread.showTitle, showSubTitle = _$_object_spread.showSubTitle, scrollAnimation = _$_object_spread.scrollAnimation, firstDayOfWeek = _$_object_spread.firstDayOfWeek, closeIcon = _$_object_spread.closeIcon, disableDate = _$_object_spread.disableDate, renderHeaderButtons = _$_object_spread.renderHeaderButtons, renderBottomButton = _$_object_spread.renderBottomButton, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, onClose = _$_object_spread.onClose, onConfirm = _$_object_spread.onConfirm, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange;
|
|
7279
7281
|
var calendarRef = React.useRef(null);
|
|
7280
7282
|
var close2 = function() {
|
|
7281
7283
|
onClose && onClose();
|
|
@@ -7450,14 +7452,14 @@
|
|
|
7450
7452
|
convertDateToDay(new Date(current.getTime() + 24 * 60 * 60 * 1e3 * (6 - count)))
|
|
7451
7453
|
];
|
|
7452
7454
|
};
|
|
7453
|
-
var defaultProps$
|
|
7455
|
+
var defaultProps$14 = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
7454
7456
|
type: "single",
|
|
7455
7457
|
firstDayOfWeek: 0
|
|
7456
7458
|
});
|
|
7457
7459
|
var prefixCls = "nut-calendarcard";
|
|
7458
7460
|
var CalendarCard = /* @__PURE__ */ React.forwardRef(function(props, ref) {
|
|
7459
7461
|
var locale = useConfig().locale;
|
|
7460
|
-
var _$_object_spread = _object_spread({}, defaultProps$
|
|
7462
|
+
var _$_object_spread = _object_spread({}, defaultProps$14, props), style = _$_object_spread.style, className = _$_object_spread.className, type2 = _$_object_spread.type, value2 = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, firstDayOfWeek = _$_object_spread.firstDayOfWeek, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, disableDay = _$_object_spread.disableDay, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange, onChange = _$_object_spread.onChange;
|
|
7461
7463
|
var _useState = _sliced_to_array(React.useState(function() {
|
|
7462
7464
|
var date2 = new Date(Date.now());
|
|
7463
7465
|
var val2 = value2 || defaultValue;
|
|
@@ -7818,7 +7820,7 @@
|
|
|
7818
7820
|
});
|
|
7819
7821
|
CalendarCard.displayName = "NutCalendarCard";
|
|
7820
7822
|
var CheckboxGroupContext = React.createContext(null);
|
|
7821
|
-
var defaultProps$
|
|
7823
|
+
var defaultProps$13 = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
7822
7824
|
disabled: false,
|
|
7823
7825
|
shape: "round",
|
|
7824
7826
|
labelPosition: "right",
|
|
@@ -7830,7 +7832,7 @@
|
|
|
7830
7832
|
});
|
|
7831
7833
|
var classPrefix$j = "nut-checkbox";
|
|
7832
7834
|
var Checkbox = function(props) {
|
|
7833
|
-
var children = _object_spread({}, defaultProps$
|
|
7835
|
+
var children = _object_spread({}, defaultProps$13, props).children;
|
|
7834
7836
|
var icon = props.icon, label = props.label, className = props.className, activeIcon = props.activeIcon, checked = props.checked, value2 = props.value, defaultChecked = props.defaultChecked, shape = props.shape, disabled = props.disabled, onChange = props.onChange, indeterminate = props.indeterminate, indeterminateIcon = props.indeterminateIcon, others = _object_without_properties(props, [
|
|
7835
7837
|
"icon",
|
|
7836
7838
|
"label",
|
|
@@ -7967,7 +7969,7 @@
|
|
|
7967
7969
|
}), renderCheckboxItem());
|
|
7968
7970
|
};
|
|
7969
7971
|
Checkbox.displayName = "NutCheckBox";
|
|
7970
|
-
var defaultProps$
|
|
7972
|
+
var defaultProps$12 = {
|
|
7971
7973
|
max: void 0,
|
|
7972
7974
|
min: void 0,
|
|
7973
7975
|
list: false,
|
|
@@ -7981,7 +7983,7 @@
|
|
|
7981
7983
|
};
|
|
7982
7984
|
var classPrefix$i = "nut-checkboxgroup";
|
|
7983
7985
|
var CheckboxGroup = /* @__PURE__ */ React.forwardRef(function(props, ref) {
|
|
7984
|
-
var _ref = _object_spread({}, defaultProps$
|
|
7986
|
+
var _ref = _object_spread({}, defaultProps$12, props), children = _ref.children, className = _ref.className, disabled = _ref.disabled, list = _ref.list, value2 = _ref.value, defaultValue = _ref.defaultValue, max = _ref.max, min = _ref.min, labelPosition = _ref.labelPosition, direction = _ref.direction, options = _ref.options, onChange = _ref.onChange, onLimit = _ref.onLimit, rest = _object_without_properties(_ref, [
|
|
7985
7987
|
"children",
|
|
7986
7988
|
"className",
|
|
7987
7989
|
"disabled",
|
|
@@ -8174,7 +8176,7 @@
|
|
|
8174
8176
|
var move = touch.deltaY.current - startY;
|
|
8175
8177
|
var moveTime = Date.now() - startTime;
|
|
8176
8178
|
if (moveTime <= INERTIA_TIME && Math.abs(move) > INERTIA_DISTANCE) {
|
|
8177
|
-
var distance =
|
|
8179
|
+
var distance = momentum2(move, moveTime);
|
|
8178
8180
|
setMove(distance, "end", +duration);
|
|
8179
8181
|
} else {
|
|
8180
8182
|
setMove(move, "end");
|
|
@@ -8183,7 +8185,7 @@
|
|
|
8183
8185
|
touch.reset();
|
|
8184
8186
|
}, 0);
|
|
8185
8187
|
};
|
|
8186
|
-
var
|
|
8188
|
+
var momentum2 = function(distance, duration2) {
|
|
8187
8189
|
var nDistance = distance;
|
|
8188
8190
|
var speed = Math.abs(nDistance / duration2);
|
|
8189
8191
|
nDistance = speed / 3e-3 * (nDistance < 0 ? -1 : 1);
|
|
@@ -8348,7 +8350,7 @@
|
|
|
8348
8350
|
reset
|
|
8349
8351
|
];
|
|
8350
8352
|
}
|
|
8351
|
-
var defaultProps$
|
|
8353
|
+
var defaultProps$11 = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
8352
8354
|
visible: false,
|
|
8353
8355
|
title: "",
|
|
8354
8356
|
options: [],
|
|
@@ -8360,7 +8362,7 @@
|
|
|
8360
8362
|
});
|
|
8361
8363
|
var InternalPicker = function(props, ref) {
|
|
8362
8364
|
var locale = useConfig().locale;
|
|
8363
|
-
var _ref = _object_spread({}, defaultProps$
|
|
8365
|
+
var _ref = _object_spread({}, defaultProps$11, props), children = _ref.children, visible = _ref.visible, title = _ref.title, _ref_options = _ref.options, options = _ref_options === void 0 ? [] : _ref_options, closeOnOverlayClick = _ref.closeOnOverlayClick, _ref_popupProps = _ref.popupProps, popupProps = _ref_popupProps === void 0 ? {} : _ref_popupProps, _ref_defaultValue = _ref.defaultValue, defaultValue = _ref_defaultValue === void 0 ? [] : _ref_defaultValue, className = _ref.className, style = _ref.style, threeDimensional = _ref.threeDimensional, duration = _ref.duration;
|
|
8364
8366
|
_ref.onConfirm;
|
|
8365
8367
|
var onCancel = _ref.onCancel;
|
|
8366
8368
|
_ref.onClose;
|
|
@@ -8692,7 +8694,7 @@
|
|
|
8692
8694
|
return str;
|
|
8693
8695
|
};
|
|
8694
8696
|
var currentYear = (/* @__PURE__ */ new Date()).getFullYear();
|
|
8695
|
-
var defaultProps
|
|
8697
|
+
var defaultProps$10 = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
8696
8698
|
visible: false,
|
|
8697
8699
|
title: "",
|
|
8698
8700
|
type: "date",
|
|
@@ -8706,7 +8708,7 @@
|
|
|
8706
8708
|
var getMonthEndDay = function getMonthEndDay2(year, month) {
|
|
8707
8709
|
return new Date(year, month, 0).getDate();
|
|
8708
8710
|
};
|
|
8709
|
-
var _ref = _object_spread({}, defaultProps
|
|
8711
|
+
var _ref = _object_spread({}, defaultProps$10, props), startDate = _ref.startDate, endDate = _ref.endDate, type2 = _ref.type, showChinese = _ref.showChinese, minuteStep = _ref.minuteStep, visible = _ref.visible, title = _ref.title, defaultValue = _ref.defaultValue, _ref_pickerProps = _ref.pickerProps, pickerProps = _ref_pickerProps === void 0 ? {} : _ref_pickerProps, formatter = _ref.formatter, onClose = _ref.onClose, onCancel = _ref.onCancel, onConfirm = _ref.onConfirm, filter = _ref.filter, onChange = _ref.onChange, threeDimensional = _ref.threeDimensional, className = _ref.className, style = _ref.style, rest = _object_without_properties(_ref, [
|
|
8710
8712
|
"startDate",
|
|
8711
8713
|
"endDate",
|
|
8712
8714
|
"type",
|
|
@@ -10323,7 +10325,7 @@
|
|
|
10323
10325
|
formRef.current
|
|
10324
10326
|
];
|
|
10325
10327
|
};
|
|
10326
|
-
var defaultProps
|
|
10328
|
+
var defaultProps$$ = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
10327
10329
|
labelPosition: "right",
|
|
10328
10330
|
starPosition: "left",
|
|
10329
10331
|
divider: false,
|
|
@@ -10339,7 +10341,7 @@
|
|
|
10339
10341
|
};
|
|
10340
10342
|
var Form = /* @__PURE__ */ React.forwardRef(function(props, ref) {
|
|
10341
10343
|
var classPrefix2 = "nut-form";
|
|
10342
|
-
var _$_object_spread = _object_spread({}, defaultProps
|
|
10344
|
+
var _$_object_spread = _object_spread({}, defaultProps$$, props), className = _$_object_spread.className, style = _$_object_spread.style, footer = _$_object_spread.footer, children = _$_object_spread.children, initialValues = _$_object_spread.initialValues, divider = _$_object_spread.divider, onFinish = _$_object_spread.onFinish, onFinishFailed = _$_object_spread.onFinishFailed, labelPosition = _$_object_spread.labelPosition, starPosition = _$_object_spread.starPosition, form = _$_object_spread.form;
|
|
10343
10345
|
var formInstance;
|
|
10344
10346
|
if (form !== void 0) {
|
|
10345
10347
|
formInstance = form;
|
|
@@ -10438,7 +10440,7 @@
|
|
|
10438
10440
|
}
|
|
10439
10441
|
).$$typeof === component.type.$$typeof;
|
|
10440
10442
|
}
|
|
10441
|
-
var defaultProps$
|
|
10443
|
+
var defaultProps$_ = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
10442
10444
|
required: false,
|
|
10443
10445
|
name: "",
|
|
10444
10446
|
label: "",
|
|
@@ -10542,7 +10544,7 @@
|
|
|
10542
10544
|
}
|
|
10543
10545
|
}), _define_property(_this, "renderLayout", function(childNode) {
|
|
10544
10546
|
var _item_;
|
|
10545
|
-
var _$_object_spread = _object_spread({}, defaultProps$
|
|
10547
|
+
var _$_object_spread = _object_spread({}, defaultProps$_, _this.props), label = _$_object_spread.label, name2 = _$_object_spread.name, required2 = _$_object_spread.required, rules2 = _$_object_spread.rules, className = _$_object_spread.className, style = _$_object_spread.style, align = _$_object_spread.align, errorMessageAlign = _$_object_spread.errorMessageAlign;
|
|
10546
10548
|
var requiredInRules = rules2 === null || rules2 === void 0 ? void 0 : rules2.some(function(rule) {
|
|
10547
10549
|
return rule.required;
|
|
10548
10550
|
});
|
|
@@ -10622,7 +10624,7 @@
|
|
|
10622
10624
|
]);
|
|
10623
10625
|
return FormItem2;
|
|
10624
10626
|
}(React.Component);
|
|
10625
|
-
_define_property(FormItem, "defaultProps", defaultProps$
|
|
10627
|
+
_define_property(FormItem, "defaultProps", defaultProps$_);
|
|
10626
10628
|
_define_property(FormItem, "contextType", Context);
|
|
10627
10629
|
var InnerForm = Form;
|
|
10628
10630
|
InnerForm.Item = FormItem;
|
|
@@ -10652,7 +10654,7 @@
|
|
|
10652
10654
|
var regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
|
|
10653
10655
|
return value2.replace(regExp, "");
|
|
10654
10656
|
}
|
|
10655
|
-
var defaultProps$
|
|
10657
|
+
var defaultProps$Z = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
10656
10658
|
type: "text",
|
|
10657
10659
|
name: "",
|
|
10658
10660
|
placeholder: void 0,
|
|
@@ -10671,7 +10673,7 @@
|
|
|
10671
10673
|
var Input = /* @__PURE__ */ React.forwardRef(function(props, ref) {
|
|
10672
10674
|
var rtl = useRtl();
|
|
10673
10675
|
var locale = useConfig().locale;
|
|
10674
|
-
var _ref = _object_spread({}, defaultProps$
|
|
10676
|
+
var _ref = _object_spread({}, defaultProps$Z, props), type2 = _ref.type, name2 = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, plain = _ref.plain, onChange = _ref.onChange, onFocus = _ref.onFocus;
|
|
10675
10677
|
_ref.onBlur;
|
|
10676
10678
|
var onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, defaultValue = _ref.defaultValue, _value = _ref.value, rest = _object_without_properties(_ref, [
|
|
10677
10679
|
"type",
|
|
@@ -10836,7 +10838,7 @@
|
|
|
10836
10838
|
})));
|
|
10837
10839
|
});
|
|
10838
10840
|
Input.displayName = "NutInput";
|
|
10839
|
-
var defaultProps$
|
|
10841
|
+
var defaultProps$Y = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
10840
10842
|
disabled: false,
|
|
10841
10843
|
readOnly: false,
|
|
10842
10844
|
allowEmpty: false,
|
|
@@ -10850,7 +10852,7 @@
|
|
|
10850
10852
|
});
|
|
10851
10853
|
var classPrefix$h = "nut-inputnumber";
|
|
10852
10854
|
var InputNumber = function(props) {
|
|
10853
|
-
var _ref = _object_spread({}, defaultProps$
|
|
10855
|
+
var _ref = _object_spread({}, defaultProps$Y, props);
|
|
10854
10856
|
_ref.children;
|
|
10855
10857
|
var disabled = _ref.disabled, min = _ref.min, max = _ref.max, type2 = _ref.type, readOnly = _ref.readOnly, value2 = _ref.value, defaultValue = _ref.defaultValue, allowEmpty = _ref.allowEmpty, digits = _ref.digits, step = _ref.step, async = _ref.async, select = _ref.select, className = _ref.className, style = _ref.style, formatter = _ref.formatter, onPlus = _ref.onPlus, onMinus = _ref.onMinus, onOverlimit = _ref.onOverlimit, onBlur = _ref.onBlur, onFocus = _ref.onFocus, onChange = _ref.onChange;
|
|
10856
10858
|
_object_without_properties(_ref, [
|
|
@@ -11044,7 +11046,7 @@
|
|
|
11044
11046
|
})));
|
|
11045
11047
|
};
|
|
11046
11048
|
InputNumber.displayName = "NutInputNumber";
|
|
11047
|
-
var defaultProps$
|
|
11049
|
+
var defaultProps$X = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
11048
11050
|
titleIcon: null,
|
|
11049
11051
|
columns: 1,
|
|
11050
11052
|
direction: "down",
|
|
@@ -11057,7 +11059,7 @@
|
|
|
11057
11059
|
}
|
|
11058
11060
|
});
|
|
11059
11061
|
var MenuItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
|
|
11060
|
-
var _$_object_spread = _object_spread({}, defaultProps$
|
|
11062
|
+
var _$_object_spread = _object_spread({}, defaultProps$X, props), className = _$_object_spread.className, style = _$_object_spread.style, options = _$_object_spread.options, value2 = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, columns = _$_object_spread.columns, title = _$_object_spread.title, icon = _$_object_spread.icon, direction = _$_object_spread.direction, onChange = _$_object_spread.onChange, activeTitleClass = _$_object_spread.activeTitleClass, inactiveTitleClass = _$_object_spread.inactiveTitleClass, closeOnClickAway = _$_object_spread.closeOnClickAway, children = _$_object_spread.children, activeColor = _$_object_spread.activeColor, show2 = _$_object_spread.show, parent2 = _$_object_spread.parent, index2 = _$_object_spread.index;
|
|
11061
11063
|
var _useState = _sliced_to_array(React.useState(show2), 2), showPopup = _useState[0], setShowPopup = _useState[1];
|
|
11062
11064
|
var _usePropsValue = _sliced_to_array(usePropsValue({
|
|
11063
11065
|
defaultValue,
|
|
@@ -11109,7 +11111,7 @@
|
|
|
11109
11111
|
getParentOffset
|
|
11110
11112
|
]);
|
|
11111
11113
|
var windowHeight = React.useMemo(function() {
|
|
11112
|
-
return
|
|
11114
|
+
return getWindowInfo().windowHeight;
|
|
11113
11115
|
}, []);
|
|
11114
11116
|
var updateItemOffset = React.useCallback(function() {
|
|
11115
11117
|
if (!parent2.lockScroll) return;
|
|
@@ -11167,7 +11169,7 @@
|
|
|
11167
11169
|
bottom: "0",
|
|
11168
11170
|
height: "initial"
|
|
11169
11171
|
} : {
|
|
11170
|
-
bottom: "".concat(
|
|
11172
|
+
bottom: "".concat(getWindowInfo().windowHeight - position2.top, "px"),
|
|
11171
11173
|
top: "0",
|
|
11172
11174
|
height: "initial"
|
|
11173
11175
|
};
|
|
@@ -11179,7 +11181,7 @@
|
|
|
11179
11181
|
}, isShow());
|
|
11180
11182
|
}
|
|
11181
11183
|
return _object_spread({
|
|
11182
|
-
height: "".concat(
|
|
11184
|
+
height: "".concat(getWindowInfo().windowHeight - position2.top, "px"),
|
|
11183
11185
|
top: "auto"
|
|
11184
11186
|
}, isShow());
|
|
11185
11187
|
};
|
|
@@ -11242,7 +11244,7 @@
|
|
|
11242
11244
|
}), children))));
|
|
11243
11245
|
});
|
|
11244
11246
|
MenuItem.displayName = "NutMenuItem";
|
|
11245
|
-
var defaultProps$
|
|
11247
|
+
var defaultProps$W = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
11246
11248
|
activeColor: "",
|
|
11247
11249
|
closeOnOverlayClick: true,
|
|
11248
11250
|
scrollFixed: false,
|
|
@@ -11255,7 +11257,7 @@
|
|
|
11255
11257
|
}
|
|
11256
11258
|
});
|
|
11257
11259
|
var Menu = function(props) {
|
|
11258
|
-
var _ref = _object_spread({}, defaultProps$
|
|
11260
|
+
var _ref = _object_spread({}, defaultProps$W, props), className = _ref.className, icon = _ref.icon, scrollFixed = _ref.scrollFixed, lockScroll = _ref.lockScroll, overlay = _ref.overlay, closeOnOverlayClick = _ref.closeOnOverlayClick, children = _ref.children, activeColor = _ref.activeColor, onClose = _ref.onClose, onOpen = _ref.onOpen, rest = _object_without_properties(_ref, [
|
|
11259
11261
|
"className",
|
|
11260
11262
|
"icon",
|
|
11261
11263
|
"scrollFixed",
|
|
@@ -11393,7 +11395,7 @@
|
|
|
11393
11395
|
};
|
|
11394
11396
|
Menu.displayName = "NutMenu";
|
|
11395
11397
|
Menu.Item = MenuItem;
|
|
11396
|
-
var defaultProps$
|
|
11398
|
+
var defaultProps$V = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
11397
11399
|
visible: false,
|
|
11398
11400
|
rightActions: "",
|
|
11399
11401
|
type: "default",
|
|
@@ -11404,7 +11406,7 @@
|
|
|
11404
11406
|
});
|
|
11405
11407
|
var NumberKeyboard = function(props) {
|
|
11406
11408
|
var locale = useConfig().locale;
|
|
11407
|
-
var _mergeProps = mergeProps(defaultProps$
|
|
11409
|
+
var _mergeProps = mergeProps(defaultProps$V, props), title = _mergeProps.title, rightActions = _mergeProps.rightActions, confirmText = _mergeProps.confirmText, visible = _mergeProps.visible, type2 = _mergeProps.type, custom = _mergeProps.custom, random2 = _mergeProps.random, style = _mergeProps.style, className = _mergeProps.className, onChange = _mergeProps.onChange, onDelete = _mergeProps.onDelete, onClose = _mergeProps.onClose, onConfirm = _mergeProps.onConfirm, rest = _object_without_properties(_mergeProps, [
|
|
11408
11410
|
"title",
|
|
11409
11411
|
"rightActions",
|
|
11410
11412
|
"confirmText",
|
|
@@ -11587,6 +11589,385 @@
|
|
|
11587
11589
|
})))));
|
|
11588
11590
|
};
|
|
11589
11591
|
NumberKeyboard.displayName = "NutNumberKeyboard";
|
|
11592
|
+
var isObject = function(val2) {
|
|
11593
|
+
return val2 !== null && (typeof val2 === "undefined" ? "undefined" : _type_of(val2)) === "object";
|
|
11594
|
+
};
|
|
11595
|
+
var isFunction = function(val2) {
|
|
11596
|
+
return typeof val2 === "function";
|
|
11597
|
+
};
|
|
11598
|
+
var isPromise = function(val2) {
|
|
11599
|
+
return isObject(val2) && isFunction(val2.then) && isFunction(val2.catch);
|
|
11600
|
+
};
|
|
11601
|
+
var clamp = function(num, min, max) {
|
|
11602
|
+
return Math.min(Math.max(num, min), max);
|
|
11603
|
+
};
|
|
11604
|
+
function preventDefault$1(event, isStopPropagation) {
|
|
11605
|
+
if (typeof event.cancelable !== "boolean" || event.cancelable) {
|
|
11606
|
+
event.preventDefault();
|
|
11607
|
+
}
|
|
11608
|
+
if (isStopPropagation) {
|
|
11609
|
+
event.stopPropagation();
|
|
11610
|
+
}
|
|
11611
|
+
}
|
|
11612
|
+
var momentum = function(distance, duration) {
|
|
11613
|
+
var speed = Math.abs(distance / duration);
|
|
11614
|
+
return speed / 3e-3 * (distance < 0 ? -1 : 1);
|
|
11615
|
+
};
|
|
11616
|
+
var useStyles = function(touchTime, touchDeg, scrollDistance, lineSpacing, rotation2) {
|
|
11617
|
+
var getTransitionStyle = function(transformValue) {
|
|
11618
|
+
return {
|
|
11619
|
+
transition: "transform ".concat(touchTime, "ms cubic-bezier(0.17, 0.89, 0.45, 1)"),
|
|
11620
|
+
transform: transformValue
|
|
11621
|
+
};
|
|
11622
|
+
};
|
|
11623
|
+
var touchRollerStyle = function() {
|
|
11624
|
+
return getTransitionStyle("rotate3d(1, 0, 0, ".concat(touchDeg, ")"));
|
|
11625
|
+
};
|
|
11626
|
+
var touchTiledStyle = function() {
|
|
11627
|
+
return getTransitionStyle("translate3d(0, ".concat(scrollDistance, "px, 0)"));
|
|
11628
|
+
};
|
|
11629
|
+
var rollerStyle = function(index2) {
|
|
11630
|
+
return {
|
|
11631
|
+
transform: "rotate3d(1, 0, 0, ".concat(-20 * (index2 + 1), "deg) translate3d(0px, 0px, ").concat(Math.round(lineSpacing.current * 3.2), "px)")
|
|
11632
|
+
};
|
|
11633
|
+
};
|
|
11634
|
+
return {
|
|
11635
|
+
touchRollerStyle,
|
|
11636
|
+
touchTiledStyle,
|
|
11637
|
+
rollerStyle
|
|
11638
|
+
};
|
|
11639
|
+
};
|
|
11640
|
+
var InternalPickerRoller = function(props, ref) {
|
|
11641
|
+
var _props_keyIndex = props.keyIndex, keyIndex = _props_keyIndex === void 0 ? 0 : _props_keyIndex, _props_options = props.options, options = _props_options === void 0 ? [] : _props_options, _props_threeDimensional = props.threeDimensional, threeDimensional = _props_threeDimensional === void 0 ? true : _props_threeDimensional, _props_duration = props.duration, duration = _props_duration === void 0 ? 1e3 : _props_duration, onSelect = props.onSelect, _props_renderLabel = props.renderLabel, renderLabel = _props_renderLabel === void 0 ? function(item) {
|
|
11642
|
+
return item.label;
|
|
11643
|
+
} : _props_renderLabel;
|
|
11644
|
+
var DEFAULT_DURATION = 200;
|
|
11645
|
+
var INERTIA_TIME = 300;
|
|
11646
|
+
var INERTIA_DISTANCE = 15;
|
|
11647
|
+
var ROTATION = 20;
|
|
11648
|
+
var touch = useTouch();
|
|
11649
|
+
var _useState = _sliced_to_array(React.useState(1), 2), currentIndex = _useState[0], setCurrentIndex = _useState[1];
|
|
11650
|
+
var lineSpacing = React.useRef(36);
|
|
11651
|
+
var _useState1 = _sliced_to_array(React.useState(0), 2), touchTime = _useState1[0], setTouchTime = _useState1[1];
|
|
11652
|
+
var _useState2 = _sliced_to_array(React.useState("0deg"), 2), touchDeg = _useState2[0], setTouchDeg = _useState2[1];
|
|
11653
|
+
var isMoving = React.useRef(false);
|
|
11654
|
+
var rollerRef = React.useRef(null);
|
|
11655
|
+
var pickerRollerRef = React.useRef(null);
|
|
11656
|
+
var _useState3 = _sliced_to_array(React.useState(0), 2), startTime = _useState3[0], setStartTime = _useState3[1];
|
|
11657
|
+
var _useState4 = _sliced_to_array(React.useState(0), 2), startY = _useState4[0], setStartY = _useState4[1];
|
|
11658
|
+
var transformY = React.useRef(0);
|
|
11659
|
+
var _useState5 = _sliced_to_array(React.useState(0), 2), scrollDistance = _useState5[0], setScrollDistance = _useState5[1];
|
|
11660
|
+
var _useStyles = useStyles(touchTime, touchDeg, scrollDistance, lineSpacing), touchRollerStyle = _useStyles.touchRollerStyle, touchTiledStyle = _useStyles.touchTiledStyle, rollerStyle = _useStyles.rollerStyle;
|
|
11661
|
+
var isItemHidden = function(index2) {
|
|
11662
|
+
return index2 >= currentIndex + 8 || index2 <= currentIndex - 8;
|
|
11663
|
+
};
|
|
11664
|
+
var applyTransform = function(type2, deg) {
|
|
11665
|
+
var time2 = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : DEFAULT_DURATION, translateY = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0;
|
|
11666
|
+
setTouchTime(type2 !== "end" ? 0 : time2);
|
|
11667
|
+
setTouchDeg(deg);
|
|
11668
|
+
setScrollDistance(translateY);
|
|
11669
|
+
};
|
|
11670
|
+
var handleMove = function(move, type2, time2) {
|
|
11671
|
+
var updatedMove = move + transformY.current;
|
|
11672
|
+
if (type2 === "end") {
|
|
11673
|
+
updatedMove = Math.max(Math.min(updatedMove, 0), -(options.length - 1) * lineSpacing.current);
|
|
11674
|
+
var endMove = Math.round(updatedMove / lineSpacing.current) * lineSpacing.current;
|
|
11675
|
+
var deg = "".concat((Math.abs(Math.round(endMove / lineSpacing.current)) + 1) * ROTATION, "deg");
|
|
11676
|
+
applyTransform(type2, deg, time2, endMove);
|
|
11677
|
+
setCurrentIndex(Math.abs(Math.round(endMove / lineSpacing.current)) + 1);
|
|
11678
|
+
} else {
|
|
11679
|
+
var currentDeg = (-updatedMove / lineSpacing.current + 1) * ROTATION;
|
|
11680
|
+
var deg1 = Math.min(Math.max(currentDeg, 0), (options.length + 1) * ROTATION);
|
|
11681
|
+
if (deg1 >= 0 && deg1 < (options.length + 1) * ROTATION) {
|
|
11682
|
+
applyTransform("", "".concat(deg1, "deg"), void 0, updatedMove);
|
|
11683
|
+
setCurrentIndex(Math.abs(Math.round(updatedMove / lineSpacing.current)) + 1);
|
|
11684
|
+
}
|
|
11685
|
+
}
|
|
11686
|
+
};
|
|
11687
|
+
var selectValue = function(move) {
|
|
11688
|
+
onSelect === null || onSelect === void 0 ? void 0 : onSelect(options === null || options === void 0 ? void 0 : options[Math.round(-move / lineSpacing.current)], keyIndex);
|
|
11689
|
+
};
|
|
11690
|
+
var handleTouchStart = function(event) {
|
|
11691
|
+
touch.start(event);
|
|
11692
|
+
setStartY(touch.deltaY.current);
|
|
11693
|
+
setStartTime(Date.now());
|
|
11694
|
+
transformY.current = scrollDistance;
|
|
11695
|
+
};
|
|
11696
|
+
var handleTouchMove = function(event) {
|
|
11697
|
+
touch.move(event);
|
|
11698
|
+
if (touch.isVertical) {
|
|
11699
|
+
isMoving.current = true;
|
|
11700
|
+
preventDefault$1(event, true);
|
|
11701
|
+
}
|
|
11702
|
+
var move = touch.deltaY.current - startY;
|
|
11703
|
+
handleMove(move);
|
|
11704
|
+
};
|
|
11705
|
+
var handleTouchEnd = function() {
|
|
11706
|
+
if (!isMoving.current) return;
|
|
11707
|
+
var move = touch.deltaY.current - startY;
|
|
11708
|
+
var moveTime = Date.now() - startTime;
|
|
11709
|
+
if (moveTime <= INERTIA_TIME && Math.abs(move) > INERTIA_DISTANCE) {
|
|
11710
|
+
var distance = momentum(move, moveTime);
|
|
11711
|
+
handleMove(distance, "end", +duration);
|
|
11712
|
+
} else {
|
|
11713
|
+
handleMove(move, "end");
|
|
11714
|
+
}
|
|
11715
|
+
setTimeout(function() {
|
|
11716
|
+
touch.reset();
|
|
11717
|
+
}, 0);
|
|
11718
|
+
};
|
|
11719
|
+
var updateStatus = function(shouldSelect, value2) {
|
|
11720
|
+
var selectedValue = props.value;
|
|
11721
|
+
var index2 = options.findIndex(function(item) {
|
|
11722
|
+
return item.value === selectedValue;
|
|
11723
|
+
});
|
|
11724
|
+
setCurrentIndex(index2 === -1 ? 1 : index2 + 1);
|
|
11725
|
+
var move = index2 * lineSpacing.current;
|
|
11726
|
+
handleMove(-move);
|
|
11727
|
+
};
|
|
11728
|
+
var stopMomentumScroll = function() {
|
|
11729
|
+
isMoving.current = false;
|
|
11730
|
+
setTouchTime(0);
|
|
11731
|
+
selectValue(scrollDistance);
|
|
11732
|
+
};
|
|
11733
|
+
React.useEffect(function() {
|
|
11734
|
+
var element = pickerRollerRef.current;
|
|
11735
|
+
if (element && web()) {
|
|
11736
|
+
var computedStyle = getComputedStyle(element);
|
|
11737
|
+
var currentLineSpacing = computedStyle.getPropertyValue("--nutui-picker-item-height");
|
|
11738
|
+
!!currentLineSpacing && (lineSpacing.current = parseFloat(currentLineSpacing));
|
|
11739
|
+
}
|
|
11740
|
+
}, [
|
|
11741
|
+
pickerRollerRef.current
|
|
11742
|
+
]);
|
|
11743
|
+
React.useEffect(function() {
|
|
11744
|
+
isMoving.current = false;
|
|
11745
|
+
setScrollDistance(0);
|
|
11746
|
+
transformY.current = 0;
|
|
11747
|
+
updateStatus();
|
|
11748
|
+
}, [
|
|
11749
|
+
options,
|
|
11750
|
+
props.value
|
|
11751
|
+
]);
|
|
11752
|
+
React.useImperativeHandle(ref, function() {
|
|
11753
|
+
return {
|
|
11754
|
+
stopMomentum: stopMomentumScroll,
|
|
11755
|
+
moving: isMoving.current
|
|
11756
|
+
};
|
|
11757
|
+
});
|
|
11758
|
+
React.useEffect(function() {
|
|
11759
|
+
var _pickerRollerRef_current, _pickerRollerRef_current1, _pickerRollerRef_current2;
|
|
11760
|
+
var eventOptions = passiveSupported ? {
|
|
11761
|
+
passive: false,
|
|
11762
|
+
once: true
|
|
11763
|
+
} : false;
|
|
11764
|
+
(_pickerRollerRef_current = pickerRollerRef.current) === null || _pickerRollerRef_current === void 0 ? void 0 : _pickerRollerRef_current.addEventListener("touchstart", handleTouchStart, eventOptions);
|
|
11765
|
+
(_pickerRollerRef_current1 = pickerRollerRef.current) === null || _pickerRollerRef_current1 === void 0 ? void 0 : _pickerRollerRef_current1.addEventListener("touchmove", handleTouchMove, eventOptions);
|
|
11766
|
+
(_pickerRollerRef_current2 = pickerRollerRef.current) === null || _pickerRollerRef_current2 === void 0 ? void 0 : _pickerRollerRef_current2.addEventListener("touchend", handleTouchEnd, eventOptions);
|
|
11767
|
+
return function() {
|
|
11768
|
+
var _pickerRollerRef_current3, _pickerRollerRef_current12, _pickerRollerRef_current22;
|
|
11769
|
+
(_pickerRollerRef_current3 = pickerRollerRef.current) === null || _pickerRollerRef_current3 === void 0 ? void 0 : _pickerRollerRef_current3.removeEventListener("touchstart", handleTouchStart, eventOptions);
|
|
11770
|
+
(_pickerRollerRef_current12 = pickerRollerRef.current) === null || _pickerRollerRef_current12 === void 0 ? void 0 : _pickerRollerRef_current12.removeEventListener("touchmove", handleTouchMove, eventOptions);
|
|
11771
|
+
(_pickerRollerRef_current22 = pickerRollerRef.current) === null || _pickerRollerRef_current22 === void 0 ? void 0 : _pickerRollerRef_current22.removeEventListener("touchend", handleTouchEnd, eventOptions);
|
|
11772
|
+
};
|
|
11773
|
+
}, [
|
|
11774
|
+
pickerRollerRef.current,
|
|
11775
|
+
handleTouchStart,
|
|
11776
|
+
handleTouchMove,
|
|
11777
|
+
handleTouchEnd
|
|
11778
|
+
]);
|
|
11779
|
+
return /* @__PURE__ */ React.createElement(components.View, {
|
|
11780
|
+
className: "nut-pickerview-list",
|
|
11781
|
+
ref: pickerRollerRef
|
|
11782
|
+
}, /* @__PURE__ */ React.createElement(components.View, {
|
|
11783
|
+
className: "nut-pickerview-roller",
|
|
11784
|
+
ref: rollerRef,
|
|
11785
|
+
style: threeDimensional ? touchRollerStyle() : touchTiledStyle(),
|
|
11786
|
+
onTransitionEnd: stopMomentumScroll
|
|
11787
|
+
}, threeDimensional && options.map(function(item, index2) {
|
|
11788
|
+
var _item_value;
|
|
11789
|
+
return /* @__PURE__ */ React.createElement(components.View, {
|
|
11790
|
+
className: "nut-pickerview-roller-item ".concat(isItemHidden(index2 + 1) && "nut-pickerview-roller-item-hidden"),
|
|
11791
|
+
style: rollerStyle(index2),
|
|
11792
|
+
key: (_item_value = item.value) !== null && _item_value !== void 0 ? _item_value : index2
|
|
11793
|
+
}, renderLabel(item));
|
|
11794
|
+
}), !threeDimensional && options.map(function(item, index2) {
|
|
11795
|
+
var _item_value;
|
|
11796
|
+
return /* @__PURE__ */ React.createElement(components.View, {
|
|
11797
|
+
className: "nut-pickerview-roller-item-tiled",
|
|
11798
|
+
key: (_item_value = item.value) !== null && _item_value !== void 0 ? _item_value : index2
|
|
11799
|
+
}, renderLabel(item));
|
|
11800
|
+
})));
|
|
11801
|
+
};
|
|
11802
|
+
var PickerRoller = /* @__PURE__ */ React.forwardRef(InternalPickerRoller);
|
|
11803
|
+
var defaultProps$U = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
11804
|
+
options: [],
|
|
11805
|
+
defaultValue: [],
|
|
11806
|
+
value: void 0,
|
|
11807
|
+
renderLabel: function(item) {
|
|
11808
|
+
return item.label;
|
|
11809
|
+
}
|
|
11810
|
+
});
|
|
11811
|
+
var InternalPickerView = function(props, ref) {
|
|
11812
|
+
var _$_object_spread = _object_spread({}, defaultProps$U, props), options = _$_object_spread.options, _object_spread_defaultValue = _$_object_spread.defaultValue, defaultValue = _object_spread_defaultValue === void 0 ? [] : _object_spread_defaultValue, value2 = _$_object_spread.value, duration = _$_object_spread.duration, threeDimensional = _$_object_spread.threeDimensional, renderLabel = _$_object_spread.renderLabel, className = _$_object_spread.className, style = _$_object_spread.style, onChange = _$_object_spread.onChange;
|
|
11813
|
+
var classPrefix2 = "nut-pickerview";
|
|
11814
|
+
var cls = classNames(classPrefix2, className);
|
|
11815
|
+
var _usePropsValue = _sliced_to_array(usePropsValue({
|
|
11816
|
+
value: value2,
|
|
11817
|
+
defaultValue: _to_consumable_array(defaultValue),
|
|
11818
|
+
finalValue: _to_consumable_array(defaultValue)
|
|
11819
|
+
}), 1), selectedValue = _usePropsValue[0];
|
|
11820
|
+
var _useState = _sliced_to_array(React.useState(selectedValue), 2), innerValue = _useState[0], setInnerValue = _useState[1];
|
|
11821
|
+
var _useState1 = _sliced_to_array(React.useState([]), 2), innerOptions = _useState1[0], setInnerOptions = _useState1[1];
|
|
11822
|
+
var changeIndex = React.useRef(0);
|
|
11823
|
+
var columnsType = React.useMemo(function() {
|
|
11824
|
+
var firstColumn = props.options[0] || [];
|
|
11825
|
+
if (Array.isArray(firstColumn) && firstColumn.length > 0 && "children" in firstColumn[0]) {
|
|
11826
|
+
return "cascade";
|
|
11827
|
+
}
|
|
11828
|
+
return "multiple";
|
|
11829
|
+
}, [
|
|
11830
|
+
props.options
|
|
11831
|
+
]);
|
|
11832
|
+
var formatCascadeOptions = function(options2, value3) {
|
|
11833
|
+
var _loop = function() {
|
|
11834
|
+
var currentOptions = columnOptions.children;
|
|
11835
|
+
formatted.push(currentOptions);
|
|
11836
|
+
var currentValue = value3 === null || value3 === void 0 ? void 0 : value3[columnIndex];
|
|
11837
|
+
if (currentValue === 0) {
|
|
11838
|
+
columnOptions = currentOptions[0];
|
|
11839
|
+
} else if (currentValue) {
|
|
11840
|
+
var index2 = currentOptions.findIndex(function(columnItem) {
|
|
11841
|
+
return columnItem.value === currentValue;
|
|
11842
|
+
});
|
|
11843
|
+
columnOptions = currentOptions[index2 === -1 ? 0 : index2];
|
|
11844
|
+
} else {
|
|
11845
|
+
return "break";
|
|
11846
|
+
}
|
|
11847
|
+
columnIndex++;
|
|
11848
|
+
};
|
|
11849
|
+
if (!options2.length) return [];
|
|
11850
|
+
var formatted = [];
|
|
11851
|
+
var columnOptions = {
|
|
11852
|
+
label: "",
|
|
11853
|
+
value: "",
|
|
11854
|
+
children: options2
|
|
11855
|
+
};
|
|
11856
|
+
var columnIndex = 0;
|
|
11857
|
+
while (columnOptions && columnOptions.children) {
|
|
11858
|
+
var _ret = _loop();
|
|
11859
|
+
if (_ret === "break") break;
|
|
11860
|
+
}
|
|
11861
|
+
return formatted;
|
|
11862
|
+
};
|
|
11863
|
+
var formatOptions = React.useMemo(function() {
|
|
11864
|
+
if (columnsType === "cascade") {
|
|
11865
|
+
var _props_options;
|
|
11866
|
+
return formatCascadeOptions(props === null || props === void 0 ? void 0 : (_props_options = props.options) === null || _props_options === void 0 ? void 0 : _props_options[0], innerValue);
|
|
11867
|
+
}
|
|
11868
|
+
return props.options;
|
|
11869
|
+
}, [
|
|
11870
|
+
innerValue,
|
|
11871
|
+
options,
|
|
11872
|
+
columnsType
|
|
11873
|
+
]);
|
|
11874
|
+
React.useEffect(function() {
|
|
11875
|
+
var options2 = props.options;
|
|
11876
|
+
if (Array.isArray(options2) && options2.length && options2 !== innerOptions) {
|
|
11877
|
+
setInnerOptions(formatOptions);
|
|
11878
|
+
}
|
|
11879
|
+
}, [
|
|
11880
|
+
props.options,
|
|
11881
|
+
innerValue
|
|
11882
|
+
]);
|
|
11883
|
+
React.useEffect(function() {
|
|
11884
|
+
if (selectedValue !== innerValue) {
|
|
11885
|
+
setInnerValue(selectedValue);
|
|
11886
|
+
}
|
|
11887
|
+
}, [
|
|
11888
|
+
selectedValue
|
|
11889
|
+
]);
|
|
11890
|
+
var handleSelect = React.useCallback(function(option, index2) {
|
|
11891
|
+
var newValue = option === null || option === void 0 ? void 0 : option.value;
|
|
11892
|
+
if (!newValue || innerValue[index2] === newValue) return;
|
|
11893
|
+
changeIndex.current = index2;
|
|
11894
|
+
if (columnsType === "multiple") {
|
|
11895
|
+
setInnerValue(function(prev) {
|
|
11896
|
+
var next = _to_consumable_array(prev);
|
|
11897
|
+
next[index2] = newValue;
|
|
11898
|
+
return next;
|
|
11899
|
+
});
|
|
11900
|
+
} else {
|
|
11901
|
+
var _option_children, _option_children1, _props_options;
|
|
11902
|
+
var startIndex = index2;
|
|
11903
|
+
var values = [];
|
|
11904
|
+
values[index2] = option.value;
|
|
11905
|
+
while (option === null || option === void 0 ? void 0 : (_option_children = option.children) === null || _option_children === void 0 ? void 0 : _option_children[0]) {
|
|
11906
|
+
values[index2 + 1] = option.children[0].value;
|
|
11907
|
+
index2++;
|
|
11908
|
+
option = option.children[0];
|
|
11909
|
+
}
|
|
11910
|
+
if (option === null || option === void 0 ? void 0 : (_option_children1 = option.children) === null || _option_children1 === void 0 ? void 0 : _option_children1.length) {
|
|
11911
|
+
values[index2 + 1] = "";
|
|
11912
|
+
}
|
|
11913
|
+
var combineResult = _to_consumable_array(innerValue.slice(0, startIndex)).concat(_to_consumable_array(values.splice(startIndex)));
|
|
11914
|
+
setInnerValue(_to_consumable_array(combineResult));
|
|
11915
|
+
var optionFirst = props === null || props === void 0 ? void 0 : (_props_options = props.options) === null || _props_options === void 0 ? void 0 : _props_options[0];
|
|
11916
|
+
if (!isEqual(formatCascadeOptions(optionFirst, combineResult), innerOptions)) {
|
|
11917
|
+
setInnerOptions(formatCascadeOptions(optionFirst, combineResult));
|
|
11918
|
+
}
|
|
11919
|
+
}
|
|
11920
|
+
}, [
|
|
11921
|
+
innerValue,
|
|
11922
|
+
props.options,
|
|
11923
|
+
columnsType,
|
|
11924
|
+
innerOptions
|
|
11925
|
+
]);
|
|
11926
|
+
var selectedOptions = React.useMemo(function() {
|
|
11927
|
+
return innerOptions.map(function(columnOptions, index2) {
|
|
11928
|
+
var selectedOption = columnOptions.find(function(item) {
|
|
11929
|
+
return item.value === innerValue[index2];
|
|
11930
|
+
});
|
|
11931
|
+
return selectedOption;
|
|
11932
|
+
}).filter(Boolean);
|
|
11933
|
+
}, [
|
|
11934
|
+
innerOptions,
|
|
11935
|
+
innerValue
|
|
11936
|
+
]);
|
|
11937
|
+
React.useEffect(function() {
|
|
11938
|
+
onChange === null || onChange === void 0 ? void 0 : onChange({
|
|
11939
|
+
value: innerValue,
|
|
11940
|
+
index: changeIndex.current,
|
|
11941
|
+
selectedOptions
|
|
11942
|
+
});
|
|
11943
|
+
}, [
|
|
11944
|
+
innerValue,
|
|
11945
|
+
selectedOptions,
|
|
11946
|
+
onChange
|
|
11947
|
+
]);
|
|
11948
|
+
return /* @__PURE__ */ React.createElement(components.View, {
|
|
11949
|
+
className: cls,
|
|
11950
|
+
style
|
|
11951
|
+
}, innerOptions.map(function(item, index2) {
|
|
11952
|
+
var _props_setRefs;
|
|
11953
|
+
return /* @__PURE__ */ React.createElement(PickerRoller, {
|
|
11954
|
+
ref: props === null || props === void 0 ? void 0 : (_props_setRefs = props.setRefs) === null || _props_setRefs === void 0 ? void 0 : _props_setRefs.call(props, index2),
|
|
11955
|
+
key: index2,
|
|
11956
|
+
keyIndex: index2,
|
|
11957
|
+
value: innerValue[index2],
|
|
11958
|
+
options: item,
|
|
11959
|
+
renderLabel,
|
|
11960
|
+
onSelect: handleSelect,
|
|
11961
|
+
duration,
|
|
11962
|
+
threeDimensional
|
|
11963
|
+
});
|
|
11964
|
+
}), (innerOptions === null || innerOptions === void 0 ? void 0 : innerOptions.length) ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(components.View, {
|
|
11965
|
+
className: "nut-pickerview-mask"
|
|
11966
|
+
}), /* @__PURE__ */ React.createElement(components.View, {
|
|
11967
|
+
className: "nut-pickerview-indicator"
|
|
11968
|
+
})) : null);
|
|
11969
|
+
};
|
|
11970
|
+
var PickerView = /* @__PURE__ */ React.forwardRef(InternalPickerView);
|
|
11590
11971
|
const RadioContext = React.createContext(null);
|
|
11591
11972
|
var defaultProps$T = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
11592
11973
|
disabled: false,
|
|
@@ -13036,19 +13417,21 @@
|
|
|
13036
13417
|
setInputValue("");
|
|
13037
13418
|
}
|
|
13038
13419
|
};
|
|
13420
|
+
var isDisabled = function() {
|
|
13421
|
+
return disabled || readOnly;
|
|
13422
|
+
};
|
|
13039
13423
|
var handleFocus = function(event) {
|
|
13040
|
-
if (
|
|
13041
|
-
|
|
13042
|
-
onFocus && onFocus(event);
|
|
13424
|
+
if (isDisabled()) return;
|
|
13425
|
+
onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
|
|
13043
13426
|
};
|
|
13044
13427
|
var handleBlur = function(event) {
|
|
13045
|
-
if (
|
|
13046
|
-
|
|
13047
|
-
onBlur && onBlur(event);
|
|
13428
|
+
if (isDisabled()) return;
|
|
13429
|
+
onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
|
|
13048
13430
|
};
|
|
13431
|
+
var _obj;
|
|
13049
13432
|
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(components.View, {
|
|
13050
|
-
className: classNames(classPrefix2,
|
|
13051
|
-
}, /* @__PURE__ */ React.createElement(components.Textarea, _object_spread({
|
|
13433
|
+
className: classNames(classPrefix2, (_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-disabled"), disabled), _define_property(_obj, "".concat(classPrefix2, "-readonly"), readOnly), _define_property(_obj, "".concat(classPrefix2, "-rtl"), rtl), _define_property(_obj, "".concat(classPrefix2, "-plain"), plain), _define_property(_obj, "".concat(classPrefix2, "-container"), !plain), _define_property(_obj, "".concat(classPrefix2, "-").concat(status), status), _obj), className)
|
|
13434
|
+
}, /* @__PURE__ */ React.createElement(components.Textarea, _object_spread_props(_object_spread({}, rest), {
|
|
13052
13435
|
nativeProps: {
|
|
13053
13436
|
style,
|
|
13054
13437
|
readOnly,
|
|
@@ -13060,48 +13443,22 @@
|
|
|
13060
13443
|
compositionRef.current = false;
|
|
13061
13444
|
}
|
|
13062
13445
|
},
|
|
13063
|
-
className: "".concat(classPrefix2, "-textarea
|
|
13446
|
+
className: classNames("".concat(classPrefix2, "-textarea"), _define_property({}, "".concat(classPrefix2, "-textarea-disabled"), disabled)),
|
|
13064
13447
|
style: Taro.getEnv() === "WEB" ? void 0 : style,
|
|
13065
13448
|
disabled: Taro.getEnv() === "WEB" ? disabled : disabled || readOnly,
|
|
13066
13449
|
// @ts-ignore
|
|
13067
13450
|
value: inputValue,
|
|
13068
|
-
onInput:
|
|
13069
|
-
|
|
13070
|
-
|
|
13071
|
-
onBlur: function(e2) {
|
|
13072
|
-
return handleBlur(e2);
|
|
13073
|
-
},
|
|
13074
|
-
onFocus: function(e2) {
|
|
13075
|
-
return handleFocus(e2);
|
|
13076
|
-
},
|
|
13451
|
+
onInput: handleChange,
|
|
13452
|
+
onBlur: handleBlur,
|
|
13453
|
+
onFocus: handleFocus,
|
|
13077
13454
|
autoHeight: autoSize,
|
|
13078
13455
|
maxlength: maxLength,
|
|
13079
|
-
placeholder: placeholder
|
|
13080
|
-
}
|
|
13081
|
-
className: "".concat(classPrefix2, "-limit
|
|
13456
|
+
placeholder: placeholder !== void 0 ? placeholder : locale.placeholder
|
|
13457
|
+
})), showCount && /* @__PURE__ */ React.createElement(components.Text, {
|
|
13458
|
+
className: classNames("".concat(classPrefix2, "-limit"), _define_property({}, "".concat(classPrefix2, "-limit-disabled"), disabled))
|
|
13082
13459
|
}, inputValue.length, "/", maxLength < 0 ? 0 : maxLength)));
|
|
13083
13460
|
};
|
|
13084
13461
|
TextArea.displayName = "NutTextArea";
|
|
13085
|
-
var isObject = function(val2) {
|
|
13086
|
-
return val2 !== null && (typeof val2 === "undefined" ? "undefined" : _type_of(val2)) === "object";
|
|
13087
|
-
};
|
|
13088
|
-
var isFunction = function(val2) {
|
|
13089
|
-
return typeof val2 === "function";
|
|
13090
|
-
};
|
|
13091
|
-
var isPromise = function(val2) {
|
|
13092
|
-
return isObject(val2) && isFunction(val2.then) && isFunction(val2.catch);
|
|
13093
|
-
};
|
|
13094
|
-
var clamp = function(num, min, max) {
|
|
13095
|
-
return Math.min(Math.max(num, min), max);
|
|
13096
|
-
};
|
|
13097
|
-
function preventDefault$1(event, isStopPropagation) {
|
|
13098
|
-
if (typeof event.cancelable !== "boolean" || event.cancelable) {
|
|
13099
|
-
event.preventDefault();
|
|
13100
|
-
}
|
|
13101
|
-
if (isStopPropagation) {
|
|
13102
|
-
event.stopPropagation();
|
|
13103
|
-
}
|
|
13104
|
-
}
|
|
13105
13462
|
var funcInterceptor = function(interceptor, param) {
|
|
13106
13463
|
var _param_args = param.args, args = _param_args === void 0 ? [] : _param_args, done = param.done, canceled = param.canceled;
|
|
13107
13464
|
if (interceptor) {
|
|
@@ -14252,7 +14609,7 @@
|
|
|
14252
14609
|
var middleLine = React.useRef(0);
|
|
14253
14610
|
var getInfo = /* @__PURE__ */ function() {
|
|
14254
14611
|
var _ref2 = _async_to_generator(function() {
|
|
14255
|
-
var el, _dragRef_current, top, left2, bottom, right2,
|
|
14612
|
+
var el, _dragRef_current, top, left2, bottom, right2, _getWindowInfo, screenWidth, windowHeight, _ref3, width2, height2;
|
|
14256
14613
|
return __generator(this, function(_state) {
|
|
14257
14614
|
switch (_state.label) {
|
|
14258
14615
|
case 0:
|
|
@@ -14262,7 +14619,7 @@
|
|
|
14262
14619
|
2
|
|
14263
14620
|
];
|
|
14264
14621
|
top = boundary.top, left2 = boundary.left, bottom = boundary.bottom, right2 = boundary.right;
|
|
14265
|
-
|
|
14622
|
+
_getWindowInfo = getWindowInfo(), screenWidth = _getWindowInfo.screenWidth, windowHeight = _getWindowInfo.windowHeight;
|
|
14266
14623
|
return [
|
|
14267
14624
|
4,
|
|
14268
14625
|
getRectByTaro(dragRef.current)
|
|
@@ -35154,7 +35511,7 @@
|
|
|
35154
35511
|
React.useImperativeHandle(ref, function() {
|
|
35155
35512
|
return animation.current || {};
|
|
35156
35513
|
});
|
|
35157
|
-
var dpr = React.useRef(
|
|
35514
|
+
var dpr = React.useRef(getWindowInfo().pixelRatio);
|
|
35158
35515
|
Taro.useReady(function() {
|
|
35159
35516
|
Taro.createSelectorQuery().select("#".concat(id)).fields({
|
|
35160
35517
|
node: true,
|
|
@@ -36298,7 +36655,7 @@
|
|
|
36298
36655
|
setStatus("pulling");
|
|
36299
36656
|
}
|
|
36300
36657
|
};
|
|
36301
|
-
var isAndroidWeApp =
|
|
36658
|
+
var isAndroidWeApp = getDeviceInfo().platform === "android" && Taro.getEnv() === "WEAPP";
|
|
36302
36659
|
var springStyles = _object_spread({
|
|
36303
36660
|
height: pxTransform(height2)
|
|
36304
36661
|
}, !pullingRef.current || isAndroidWeApp ? {
|
|
@@ -37004,21 +37361,20 @@
|
|
|
37004
37361
|
var _obj;
|
|
37005
37362
|
var classes = classNames((_obj = {
|
|
37006
37363
|
"nut-ani-container": true
|
|
37007
|
-
}, _define_property(_obj, "".concat(classPrefix$8, "-").concat(type2), action === "initial" || clicked
|
|
37008
|
-
var cls = classNames(classes, className);
|
|
37364
|
+
}, _define_property(_obj, "".concat(classPrefix$8, "-").concat(type2), action === "initial" || clicked), _define_property(_obj, "loop", loop), _obj), className);
|
|
37009
37365
|
var handleClick = function(event) {
|
|
37010
37366
|
setClicked(true);
|
|
37011
37367
|
if (!loop) {
|
|
37012
37368
|
setTimeout(function() {
|
|
37013
|
-
setClicked(false);
|
|
37369
|
+
return setClicked(false);
|
|
37014
37370
|
}, 1e3);
|
|
37015
37371
|
}
|
|
37016
|
-
onClick
|
|
37372
|
+
onClick(event);
|
|
37017
37373
|
};
|
|
37018
37374
|
return /* @__PURE__ */ React.createElement(components.View, {
|
|
37019
37375
|
className: "nut-animate"
|
|
37020
37376
|
}, /* @__PURE__ */ React.createElement(components.View, {
|
|
37021
|
-
className:
|
|
37377
|
+
className: classes,
|
|
37022
37378
|
onClick: handleClick,
|
|
37023
37379
|
style
|
|
37024
37380
|
}, children));
|
|
@@ -39619,7 +39975,7 @@
|
|
|
39619
39975
|
"containerHeight"
|
|
39620
39976
|
]);
|
|
39621
39977
|
var clientHeight = React.useMemo(function() {
|
|
39622
|
-
return
|
|
39978
|
+
return getWindowInfo().windowHeight - 5 || 667;
|
|
39623
39979
|
}, []);
|
|
39624
39980
|
var containerHeight = React.useMemo(function() {
|
|
39625
39981
|
return origContainerHeight !== null && origContainerHeight !== void 0 ? origContainerHeight : clientHeight;
|
|
@@ -40465,7 +40821,7 @@
|
|
|
40465
40821
|
var _useState = _sliced_to_array(React.useState(false), 2), visible = _useState[0], setVisible = _useState[1];
|
|
40466
40822
|
var _useState1 = _sliced_to_array(React.useState(false), 2), moving = _useState1[0], setMoving = _useState1[1];
|
|
40467
40823
|
var _useState2 = _sliced_to_array(React.useState(false), 2), zooming = _useState2[0], setZooming = _useState2[1];
|
|
40468
|
-
var systemInfo =
|
|
40824
|
+
var systemInfo = getWindowInfo();
|
|
40469
40825
|
var showAlipayCanvas2D = React.useMemo(function() {
|
|
40470
40826
|
return Taro.getEnv() === "ALIPAY" && parseInt(Taro.SDKVersion.replace(/\./g, "")) >= 270;
|
|
40471
40827
|
}, []);
|
|
@@ -41077,6 +41433,7 @@
|
|
|
41077
41433
|
exports.Overlay = Overlay;
|
|
41078
41434
|
exports.Pagination = Pagination;
|
|
41079
41435
|
exports.Picker = Picker;
|
|
41436
|
+
exports.PickerView = PickerView;
|
|
41080
41437
|
exports.Popover = Popover;
|
|
41081
41438
|
exports.Popup = Popup;
|
|
41082
41439
|
exports.Price = Price;
|