@nutui/nutui-react 2.3.11 → 2.3.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/dist/esm/ActionSheet.js +30 -86
- package/dist/esm/Address.js +80 -184
- package/dist/esm/Animate.js +21 -49
- package/dist/esm/AnimatingNumbers.js +47 -136
- package/dist/esm/Audio.js +88 -159
- package/dist/esm/Avatar.js +44 -91
- package/dist/esm/AvatarCropper.js +149 -268
- package/dist/esm/AvatarGroup.js +13 -44
- package/dist/esm/BackTop.js +34 -75
- package/dist/esm/Badge.js +0 -3
- package/dist/esm/Barrage.js +49 -83
- package/dist/esm/Button.js +0 -4
- package/dist/esm/Calendar.js +27 -119
- package/dist/esm/CalendarCard.js +180 -291
- package/dist/esm/CalendarItem.js +253 -314
- package/dist/esm/Card.js +38 -72
- package/dist/esm/Cascader.js +0 -17
- package/dist/esm/Cell.js +27 -62
- package/dist/esm/CellGroup.js +16 -45
- package/dist/esm/Checkbox.js +0 -6
- package/dist/esm/CheckboxGroup.js +49 -88
- package/dist/esm/CircleProgress.js +42 -93
- package/dist/esm/Col.js +17 -48
- package/dist/esm/Collapse.js +18 -49
- package/dist/esm/CollapseItem.js +0 -3
- package/dist/esm/ConfigProvider.js +3 -4
- package/dist/esm/CountDown.js +62 -101
- package/dist/esm/DatePicker.js +87 -127
- package/dist/esm/Dialog.js +117 -203
- package/dist/esm/Divider.js +16 -36
- package/dist/esm/Drag.js +32 -76
- package/dist/esm/Elevator.js +94 -133
- package/dist/esm/Ellipsis.js +71 -92
- package/dist/esm/Empty.js +31 -71
- package/dist/esm/FixedNav.js +32 -81
- package/dist/esm/Form.js +28 -61
- package/dist/esm/FormItem.js +0 -3
- package/dist/esm/Grid.js +27 -52
- package/dist/esm/GridItem.js +0 -4
- package/dist/esm/Image.js +47 -102
- package/dist/esm/ImagePreview.js +82 -135
- package/dist/esm/Indicator.js +0 -2
- package/dist/esm/InfiniteLoading.js +77 -159
- package/dist/esm/Input.js +57 -125
- package/dist/esm/InputNumber.js +66 -96
- package/dist/esm/Layout.js +4 -28
- package/dist/esm/Loading.js +13 -40
- package/dist/esm/Menu.js +51 -114
- package/dist/esm/MenuItem.js +0 -13
- package/dist/esm/NavBar.js +46 -85
- package/dist/esm/NoticeBar.js +153 -226
- package/dist/esm/Notify.js +87 -195
- package/dist/esm/NumberKeyboard.js +84 -150
- package/dist/esm/Overlay.js +0 -8
- package/dist/esm/Pagination.js +58 -97
- package/dist/esm/Picker.js +215 -283
- package/dist/esm/Popover.js +111 -160
- package/dist/esm/Popup.js +0 -12
- package/dist/esm/Price.js +23 -60
- package/dist/esm/Progress.js +47 -77
- package/dist/esm/PullToRefresh.js +94 -202
- package/dist/esm/Radio.js +0 -6
- package/dist/esm/RadioGroup.js +23 -56
- package/dist/esm/Range.js +113 -177
- package/dist/esm/Rate.js +48 -95
- package/dist/esm/Row.js +19 -43
- package/dist/esm/SafeArea.js +0 -2
- package/dist/esm/SearchBar.js +52 -119
- package/dist/esm/ShortPassword.js +58 -106
- package/dist/esm/SideNavBar.js +34 -59
- package/dist/esm/SideNavBarItem.js +7 -36
- package/dist/esm/Signature.js +49 -84
- package/dist/esm/Skeleton.js +31 -68
- package/dist/esm/Space.js +7 -34
- package/dist/esm/Step.js +35 -64
- package/dist/esm/Steps.js +16 -40
- package/dist/esm/Sticky.js +64 -109
- package/dist/esm/SubSideNavBar.js +42 -71
- package/dist/esm/Swipe.js +79 -143
- package/dist/esm/Swiper.js +136 -183
- package/dist/esm/SwiperItem.js +13 -38
- package/dist/esm/Switch.js +20 -53
- package/dist/esm/TabPane.js +6 -30
- package/dist/esm/Tabbar.js +29 -60
- package/dist/esm/TabbarItem.js +0 -4
- package/dist/esm/Table.js +92 -141
- package/dist/esm/Tabs.js +0 -7
- package/dist/esm/Tag.js +30 -74
- package/dist/esm/TextArea.js +37 -82
- package/dist/esm/TimeDetail.js +20 -58
- package/dist/esm/TimeSelect.js +57 -95
- package/dist/esm/Toast.js +110 -219
- package/dist/esm/Tour.js +88 -132
- package/dist/esm/TrendArrow.js +32 -74
- package/dist/esm/Uploader.js +226 -346
- package/dist/esm/UserContext.js +1 -1
- package/dist/esm/Video.js +34 -67
- package/dist/esm/VirtualList.js +127 -160
- package/dist/esm/WaterMark.js +24 -68
- package/dist/esm/badge2.js +23 -53
- package/dist/esm/button2.js +30 -63
- package/dist/esm/can-use-dom.js +1 -1
- package/dist/esm/cascader2.js +308 -538
- package/dist/esm/checkbox2.js +59 -96
- package/dist/esm/collapseitem2.js +48 -86
- package/dist/esm/configprovider2.js +43 -1003
- package/dist/esm/context.js +1 -1
- package/dist/esm/context2.js +1 -1
- package/dist/esm/context3.js +1 -1
- package/dist/esm/context4.js +1 -1
- package/dist/esm/context5.js +8 -8
- package/dist/esm/date.js +88 -66
- package/dist/esm/formitem2.js +236 -1526
- package/dist/esm/get-scroll-parent.js +8 -10
- package/dist/esm/griditem2.js +34 -52
- package/dist/esm/index.js +5 -12
- package/dist/esm/indicator2.js +13 -42
- package/dist/esm/menuitem2.js +81 -124
- package/dist/esm/overlay2.js +39 -78
- package/dist/esm/pad-zero.js +3 -4
- package/dist/esm/popup2.js +79 -124
- package/dist/esm/px-check.js +2 -2
- package/dist/esm/radio2.js +48 -79
- package/dist/esm/raf.js +5 -3
- package/dist/esm/render.js +17 -54
- package/dist/esm/safearea2.js +3 -5
- package/dist/esm/supports-passive.js +3 -3
- package/dist/esm/tabbaritem2.js +42 -58
- package/dist/esm/tabs2.js +82 -120
- package/dist/esm/tslib.es6.js +47 -0
- package/dist/esm/types/src/packages/button/demos/h5/demo1.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/h5/demo2.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/h5/demo3.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/h5/demo4.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/h5/demo5.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/h5/demo6.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/h5/demo7.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/h5/demo8.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/h5/demo9.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/taro/demo1.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/taro/demo10.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/taro/demo2.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/taro/demo3.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/taro/demo4.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/taro/demo5.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/taro/demo6.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/taro/demo7.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/taro/demo8.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/taro/demo9.d.ts +3 -0
- package/dist/esm/types/src/packages/configprovider/configprovider.d.ts +1 -0
- package/dist/esm/types/src/packages/configprovider/configprovider.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/configprovider/index.d.ts +2 -2
- package/dist/esm/types/src/packages/configprovider/index.taro.d.ts +2 -2
- package/dist/esm/types/src/packages/inputnumber/inputnumber.taro.d.ts +2 -0
- package/dist/esm/typings.js +1 -1
- package/dist/esm/use-click-away.js +9 -13
- package/dist/esm/use-client-rect.js +4 -4
- package/dist/esm/use-props-value.js +10 -15
- package/dist/esm/use-refs.js +5 -7
- package/dist/esm/use-touch.js +16 -20
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/tr-TR.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/locales/zh-UG.js +1 -1
- package/dist/nutui.react.es.js +465 -485
- package/dist/nutui.react.umd.js +462 -482
- package/dist/style.mjs +1 -1
- package/dist/styles/variables-jmapp.scss +4 -0
- package/dist/types/index.d.ts +98 -98
- package/dist/types/packages/actionsheet/actionsheet.d.ts +1 -1
- package/dist/types/packages/actionsheet/actionsheet.taro.d.ts +1 -1
- package/dist/types/packages/address/address.d.ts +1 -1
- package/dist/types/packages/address/address.taro.d.ts +1 -1
- package/dist/types/packages/address/customRender.d.ts +1 -1
- package/dist/types/packages/address/customRender.taro.d.ts +1 -1
- package/dist/types/packages/avatar/avatar.d.ts +1 -1
- package/dist/types/packages/avatar/avatar.taro.d.ts +1 -1
- package/dist/types/packages/button/demos/h5/demo1.d.ts +3 -0
- package/dist/types/packages/button/demos/h5/demo2.d.ts +3 -0
- package/dist/types/packages/button/demos/h5/demo3.d.ts +3 -0
- package/dist/types/packages/button/demos/h5/demo4.d.ts +3 -0
- package/dist/types/packages/button/demos/h5/demo5.d.ts +3 -0
- package/dist/types/packages/button/demos/h5/demo6.d.ts +3 -0
- package/dist/types/packages/button/demos/h5/demo7.d.ts +3 -0
- package/dist/types/packages/button/demos/h5/demo8.d.ts +3 -0
- package/dist/types/packages/button/demos/h5/demo9.d.ts +3 -0
- package/dist/types/packages/button/demos/taro/demo1.d.ts +3 -0
- package/dist/types/packages/button/demos/taro/demo10.d.ts +3 -0
- package/dist/types/packages/button/demos/taro/demo2.d.ts +3 -0
- package/dist/types/packages/button/demos/taro/demo3.d.ts +3 -0
- package/dist/types/packages/button/demos/taro/demo4.d.ts +3 -0
- package/dist/types/packages/button/demos/taro/demo5.d.ts +3 -0
- package/dist/types/packages/button/demos/taro/demo6.d.ts +3 -0
- package/dist/types/packages/button/demos/taro/demo7.d.ts +3 -0
- package/dist/types/packages/button/demos/taro/demo8.d.ts +3 -0
- package/dist/types/packages/button/demos/taro/demo9.d.ts +3 -0
- package/dist/types/packages/calendaritem/calendaritem.d.ts +1 -1
- package/dist/types/packages/calendaritem/calendaritem.taro.d.ts +1 -1
- package/dist/types/packages/cascader/cascader.d.ts +1 -1
- package/dist/types/packages/cascader/cascader.taro.d.ts +1 -1
- package/dist/types/packages/cell/cell.d.ts +1 -1
- package/dist/types/packages/cell/cell.taro.d.ts +1 -1
- package/dist/types/packages/checkbox/checkbox.d.ts +2 -2
- package/dist/types/packages/checkbox/checkbox.taro.d.ts +2 -2
- package/dist/types/packages/checkboxgroup/checkboxgroup.d.ts +2 -2
- package/dist/types/packages/checkboxgroup/checkboxgroup.taro.d.ts +2 -2
- package/dist/types/packages/configprovider/configprovider.d.ts +1 -0
- package/dist/types/packages/configprovider/configprovider.taro.d.ts +1 -0
- package/dist/types/packages/configprovider/index.d.ts +2 -2
- package/dist/types/packages/configprovider/index.taro.d.ts +2 -2
- package/dist/types/packages/datepicker/datepicker.d.ts +1 -1
- package/dist/types/packages/datepicker/datepicker.taro.d.ts +1 -1
- package/dist/types/packages/dialog/dialogwrap.d.ts +1 -1
- package/dist/types/packages/empty/empty.d.ts +16 -4
- package/dist/types/packages/fixednav/fixednav.d.ts +1 -1
- package/dist/types/packages/fixednav/fixednav.taro.d.ts +1 -1
- package/dist/types/packages/form/form.d.ts +1 -1
- package/dist/types/packages/form/form.taro.d.ts +1 -1
- package/dist/types/packages/form/index.d.ts +1 -1
- package/dist/types/packages/form/index.taro.d.ts +1 -1
- package/dist/types/packages/inputnumber/inputnumber.taro.d.ts +2 -0
- package/dist/types/packages/menu/menu.d.ts +1 -1
- package/dist/types/packages/menu/menu.taro.d.ts +1 -1
- package/dist/types/packages/numberkeyboard/numberkeyboard.d.ts +1 -1
- package/dist/types/packages/numberkeyboard/numberkeyboard.taro.d.ts +1 -1
- package/dist/types/packages/nutui.react.d.ts +98 -98
- package/dist/types/packages/nutui.react.taro.d.ts +98 -98
- package/dist/types/packages/nutui.taro.react.build.d.ts +98 -98
- package/dist/types/packages/picker/picker.d.ts +1 -1
- package/dist/types/packages/picker/picker.taro.d.ts +1 -1
- package/dist/types/packages/popover/popover.d.ts +1 -1
- package/dist/types/packages/popover/popover.taro.d.ts +1 -1
- package/dist/types/packages/popup/popup.d.ts +1 -1
- package/dist/types/packages/popup/popup.taro.d.ts +1 -1
- package/dist/types/packages/radio/radio.d.ts +2 -2
- package/dist/types/packages/radio/radio.taro.d.ts +2 -2
- package/dist/types/packages/rate/rate.d.ts +1 -1
- package/dist/types/packages/shortpassword/shortpassword.d.ts +1 -1
- package/dist/types/packages/shortpassword/shortpassword.taro.d.ts +1 -1
- package/dist/types/packages/swiper/index.d.ts +1 -1
- package/dist/types/packages/swiper/index.taro.d.ts +1 -1
- package/dist/types/packages/tabs/tabs.d.ts +1 -1
- package/dist/types/packages/tabs/tabs.taro.d.ts +1 -1
- package/dist/types/packages/timedetail/timedetail.d.ts +1 -1
- package/dist/types/packages/timedetail/timedetail.taro.d.ts +1 -1
- package/dist/types/packages/tour/tour.d.ts +1 -1
- package/dist/types/packages/tour/tour.taro.d.ts +1 -1
- package/package.json +5 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,21 @@
|
|
|
1
|
+
# v2.3.12
|
|
2
|
+
`2024-03-01`
|
|
3
|
+
|
|
4
|
+
* :sparkles: feat(inputnumber): taro 环境下增加 number类型的键盘 (#1965) @LING_ZI_QING
|
|
5
|
+
* :sparkles: feat(rtl): support progress & range (#1961) @Eiinu
|
|
6
|
+
* :bug: fix(elevator): 修复增加页码的逻辑 (#1960) @oasis-cloud
|
|
7
|
+
* :bug: fix(elevator): 解决部分安卓手机右侧导航高亮偏差问题 (#1966) @songsong
|
|
8
|
+
* :bug: fix(form): after setting validateTrigger, `trigger` should be excluded (#1963) @oasis-cloud
|
|
9
|
+
* :bug: fix(form): 组件更新时,标签结构变化,会导致失去焦点 (#1973) @oasis-cloud
|
|
10
|
+
* :bug: fix(inputnumber): provide finalValue (#1959) @oasis-cloud
|
|
11
|
+
* 📖 docs: 修复文档 (#1964) @xiaoyatong
|
|
12
|
+
* 🛠 refactor(docs): 文档支持通过标签使用已有的 demo 代码 (#1950) @Alex.huxiyang
|
|
13
|
+
* 🛠 refactor: adjust build target to ES6, reduce size of configprovider (#1949) @oasis-cloud
|
|
14
|
+
* 🔨 chore(ci): update workflows (#1970) @Eiinu
|
|
15
|
+
* 🔨 chore(dev): development mode, remove duplicate CSS stylesheets (#1958) @oasis-cloud
|
|
16
|
+
* 🔨 chore: remove CSS logic conflicting with MDX (#1971) @oasis-cloud
|
|
17
|
+
|
|
18
|
+
|
|
1
19
|
# v2.3.11
|
|
2
20
|
`2024-02-23`
|
|
3
21
|
|
package/dist/esm/ActionSheet.js
CHANGED
|
@@ -1,96 +1,40 @@
|
|
|
1
|
-
import
|
|
2
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
-
var _excluded = ["children", "cancelText", "optionKey", "title", "description", "options", "onCancel", "onSelect", "visible", "className", "style"];
|
|
4
|
-
function ownKeys(e, r) {
|
|
5
|
-
var t = Object.keys(e);
|
|
6
|
-
if (Object.getOwnPropertySymbols) {
|
|
7
|
-
var o = Object.getOwnPropertySymbols(e);
|
|
8
|
-
r && (o = o.filter(function(r2) {
|
|
9
|
-
return Object.getOwnPropertyDescriptor(e, r2).enumerable;
|
|
10
|
-
})), t.push.apply(t, o);
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
}
|
|
14
|
-
function _objectSpread(e) {
|
|
15
|
-
for (var r = 1; r < arguments.length; r++) {
|
|
16
|
-
var t = null != arguments[r] ? arguments[r] : {};
|
|
17
|
-
r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
|
|
18
|
-
_defineProperty(e, r2, t[r2]);
|
|
19
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
|
|
20
|
-
Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
return e;
|
|
24
|
-
}
|
|
1
|
+
import { _ as __rest } from "./tslib.es6.js";
|
|
25
2
|
import React__default from "react";
|
|
26
3
|
import { P as Popup } from "./popup2.js";
|
|
27
4
|
import { C as ComponentDefaults } from "./typings.js";
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
import "./supports-passive.js";
|
|
37
|
-
import "./Overlay.js";
|
|
38
|
-
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
39
|
-
visible: false,
|
|
40
|
-
description: "",
|
|
41
|
-
options: [],
|
|
42
|
-
optionKey: {
|
|
43
|
-
name: "name",
|
|
44
|
-
description: "description"
|
|
45
|
-
},
|
|
46
|
-
cancelText: "",
|
|
47
|
-
onCancel: function onCancel() {
|
|
48
|
-
},
|
|
49
|
-
onSelect: function onSelect() {
|
|
50
|
-
}
|
|
51
|
-
});
|
|
52
|
-
var ActionSheet = function ActionSheet2(props) {
|
|
53
|
-
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, cancelText = _defaultProps$props.cancelText, optionKey = _defaultProps$props.optionKey, title = _defaultProps$props.title, description = _defaultProps$props.description, options = _defaultProps$props.options, onCancel2 = _defaultProps$props.onCancel, onSelect2 = _defaultProps$props.onSelect, visible = _defaultProps$props.visible, className = _defaultProps$props.className, style = _defaultProps$props.style, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
54
|
-
var classPrefix = "nut-actionsheet";
|
|
55
|
-
var cancelActionSheet = function cancelActionSheet2() {
|
|
56
|
-
onCancel2 && onCancel2();
|
|
5
|
+
const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { visible: false, description: "", options: [], optionKey: { name: "name", description: "description" }, cancelText: "", onCancel: () => {
|
|
6
|
+
}, onSelect: () => {
|
|
7
|
+
} });
|
|
8
|
+
const ActionSheet = (props) => {
|
|
9
|
+
const _a = Object.assign(Object.assign({}, defaultProps), props), { children, cancelText, optionKey, title, description, options, onCancel, onSelect, visible, className, style } = _a, rest = __rest(_a, ["children", "cancelText", "optionKey", "title", "description", "options", "onCancel", "onSelect", "visible", "className", "style"]);
|
|
10
|
+
const classPrefix = "nut-actionsheet";
|
|
11
|
+
const cancelActionSheet = () => {
|
|
12
|
+
onCancel && onCancel();
|
|
57
13
|
};
|
|
58
|
-
|
|
14
|
+
const chooseItem = (item, index) => {
|
|
59
15
|
if (!item.disabled) {
|
|
60
|
-
|
|
16
|
+
onSelect && onSelect(item, index);
|
|
61
17
|
}
|
|
62
18
|
};
|
|
63
|
-
return React__default.createElement(
|
|
64
|
-
|
|
65
|
-
visible,
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
onClick: function onClick() {
|
|
83
|
-
return chooseItem(item, index);
|
|
84
|
-
}
|
|
85
|
-
}, item[optionKey.name], React__default.createElement("div", {
|
|
86
|
-
className: "".concat(classPrefix, "-item-description")
|
|
87
|
-
}, item[optionKey.description]));
|
|
88
|
-
})) : children, cancelText && React__default.createElement("div", {
|
|
89
|
-
className: "".concat(classPrefix, "-cancel"),
|
|
90
|
-
onClick: function onClick() {
|
|
91
|
-
return cancelActionSheet();
|
|
92
|
-
}
|
|
93
|
-
}, cancelText)));
|
|
19
|
+
return React__default.createElement(
|
|
20
|
+
Popup,
|
|
21
|
+
Object.assign({}, rest, { round: true, visible, position: "bottom", title, description, className: classPrefix, onClose: () => {
|
|
22
|
+
onCancel && onCancel();
|
|
23
|
+
} }),
|
|
24
|
+
React__default.createElement(
|
|
25
|
+
"div",
|
|
26
|
+
{ className: `${className}`, style },
|
|
27
|
+
options.length ? React__default.createElement("div", { className: `${classPrefix}-list` }, options.map((item, index) => {
|
|
28
|
+
return React__default.createElement(
|
|
29
|
+
"div",
|
|
30
|
+
{ className: `${classPrefix}-item ${item.disabled ? "disabled" : ""} ${item.danger ? "danger" : ""}`, key: index, onClick: () => chooseItem(item, index) },
|
|
31
|
+
item[optionKey.name],
|
|
32
|
+
React__default.createElement("div", { className: `${classPrefix}-item-description` }, item[optionKey.description])
|
|
33
|
+
);
|
|
34
|
+
})) : children,
|
|
35
|
+
cancelText && React__default.createElement("div", { className: `${classPrefix}-cancel`, onClick: () => cancelActionSheet() }, cancelText)
|
|
36
|
+
)
|
|
37
|
+
);
|
|
94
38
|
};
|
|
95
39
|
ActionSheet.defaultProps = defaultProps;
|
|
96
40
|
ActionSheet.displayName = "NutActionSheet";
|
package/dist/esm/Address.js
CHANGED
|
@@ -1,28 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
|
-
var _excluded = ["children", "visible", "type", "height", "options", "title", "left", "value", "defaultValue", "optionKey", "format", "onClose", "onChange", "onPathChange"], _excluded2 = ["children", "type", "existList", "selectIcon", "defaultIcon", "custom", "onSelect", "onSwitch"], _excluded3 = ["style", "className", "visible", "defaultVisible", "defaultValue", "children", "type", "options", "optionKey", "format", "height", "title", "existList", "custom", "selectIcon", "defaultIcon", "closeIcon", "backIcon", "onChange", "onExistSelect", "onClose", "onSwitch"];
|
|
5
|
-
function ownKeys(e, r) {
|
|
6
|
-
var t = Object.keys(e);
|
|
7
|
-
if (Object.getOwnPropertySymbols) {
|
|
8
|
-
var o = Object.getOwnPropertySymbols(e);
|
|
9
|
-
r && (o = o.filter(function(r2) {
|
|
10
|
-
return Object.getOwnPropertyDescriptor(e, r2).enumerable;
|
|
11
|
-
})), t.push.apply(t, o);
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
}
|
|
15
|
-
function _objectSpread(e) {
|
|
16
|
-
for (var r = 1; r < arguments.length; r++) {
|
|
17
|
-
var t = null != arguments[r] ? arguments[r] : {};
|
|
18
|
-
r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
|
|
19
|
-
_defineProperty(e, r2, t[r2]);
|
|
20
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
|
|
21
|
-
Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
return e;
|
|
25
|
-
}
|
|
1
|
+
import { _ as __rest } from "./tslib.es6.js";
|
|
26
2
|
import React__default, { forwardRef, useState, useImperativeHandle } from "react";
|
|
27
3
|
import { Check, Location, ArrowLeft } from "@nutui/icons-react";
|
|
28
4
|
import Popup from "./Popup.js";
|
|
@@ -30,204 +6,124 @@ import { C as Cascader } from "./cascader2.js";
|
|
|
30
6
|
import { C as ComponentDefaults } from "./typings.js";
|
|
31
7
|
import { useConfig } from "./ConfigProvider.js";
|
|
32
8
|
import { u as usePropsValue } from "./use-props-value.js";
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
import "./supports-passive.js";
|
|
42
|
-
import "./Overlay.js";
|
|
43
|
-
import "./tabs2.js";
|
|
44
|
-
import "./TabPane.js";
|
|
45
|
-
import "./raf.js";
|
|
46
|
-
var defaultProps$2 = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
47
|
-
visible: false,
|
|
48
|
-
type: "custom",
|
|
49
|
-
options: [],
|
|
50
|
-
optionKey: {
|
|
51
|
-
textKey: "text",
|
|
52
|
-
valueKey: "value",
|
|
53
|
-
childrenKey: "children"
|
|
54
|
-
},
|
|
55
|
-
format: {},
|
|
56
|
-
height: "200px"
|
|
57
|
-
});
|
|
58
|
-
var CustomRender = function CustomRender2(props) {
|
|
59
|
-
var _defaultProps$2$props = _objectSpread(_objectSpread({}, defaultProps$2), props), children = _defaultProps$2$props.children, visible = _defaultProps$2$props.visible, type = _defaultProps$2$props.type, height = _defaultProps$2$props.height, options = _defaultProps$2$props.options, title = _defaultProps$2$props.title, left = _defaultProps$2$props.left, value = _defaultProps$2$props.value, defaultValue = _defaultProps$2$props.defaultValue, optionKey = _defaultProps$2$props.optionKey, format = _defaultProps$2$props.format, _onClose = _defaultProps$2$props.onClose, _onChange = _defaultProps$2$props.onChange, onPathChange = _defaultProps$2$props.onPathChange, rest = _objectWithoutProperties(_defaultProps$2$props, _excluded);
|
|
60
|
-
return React__default.createElement(React__default.Fragment, null, type === "custom" && React__default.createElement(Cascader, _objectSpread({
|
|
61
|
-
visible,
|
|
62
|
-
value,
|
|
63
|
-
defaultValue,
|
|
64
|
-
title,
|
|
65
|
-
left,
|
|
66
|
-
options,
|
|
67
|
-
format,
|
|
68
|
-
optionKey,
|
|
69
|
-
onClose: function onClose() {
|
|
70
|
-
_onClose === null || _onClose === void 0 || _onClose();
|
|
71
|
-
},
|
|
72
|
-
onChange: function onChange(val) {
|
|
73
|
-
_onChange === null || _onChange === void 0 || _onChange(val);
|
|
74
|
-
},
|
|
75
|
-
onPathChange
|
|
76
|
-
}, rest)));
|
|
9
|
+
const defaultProps$2 = Object.assign(Object.assign({}, ComponentDefaults), { visible: false, type: "custom", options: [], optionKey: { textKey: "text", valueKey: "value", childrenKey: "children" }, format: {}, height: "200px" });
|
|
10
|
+
const CustomRender = (props) => {
|
|
11
|
+
const _a = Object.assign(Object.assign({}, defaultProps$2), props), { children, visible, type, height, options, title, left, value, defaultValue, optionKey, format, onClose, onChange, onPathChange } = _a, rest = __rest(_a, ["children", "visible", "type", "height", "options", "title", "left", "value", "defaultValue", "optionKey", "format", "onClose", "onChange", "onPathChange"]);
|
|
12
|
+
return React__default.createElement(React__default.Fragment, null, type === "custom" && React__default.createElement(Cascader, Object.assign({ visible, value, defaultValue, title, left, options, format, optionKey, onClose: () => {
|
|
13
|
+
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
14
|
+
}, onChange: (val) => {
|
|
15
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(val);
|
|
16
|
+
}, onPathChange }, rest)));
|
|
77
17
|
};
|
|
78
|
-
|
|
18
|
+
const defaultProps$1 = {
|
|
79
19
|
type: "custom",
|
|
80
20
|
existList: [],
|
|
81
21
|
defaultIcon: null,
|
|
82
22
|
selectIcon: null,
|
|
83
23
|
custom: false
|
|
84
24
|
};
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
25
|
+
const ExistRender = (props) => {
|
|
26
|
+
const { locale } = useConfig();
|
|
27
|
+
const _a = Object.assign(Object.assign({}, defaultProps$1), props), { children, type, existList, selectIcon, defaultIcon, custom, onSelect, onSwitch } = _a;
|
|
28
|
+
__rest(_a, ["children", "type", "existList", "selectIcon", "defaultIcon", "custom", "onSelect", "onSwitch"]);
|
|
29
|
+
const classPrefix = "nut-address";
|
|
30
|
+
const selectedExist = (item) => {
|
|
31
|
+
existList.forEach((list, index) => {
|
|
91
32
|
list.selectedAddress = false;
|
|
92
33
|
});
|
|
93
34
|
item.selectedAddress = true;
|
|
94
35
|
onSelect && onSelect(item);
|
|
95
36
|
};
|
|
96
|
-
|
|
37
|
+
const onClick = (e) => {
|
|
97
38
|
e.stopPropagation();
|
|
98
|
-
onSwitch && onSwitch({
|
|
99
|
-
type: type === "exist" ? "custom" : "exist"
|
|
100
|
-
});
|
|
39
|
+
onSwitch && onSwitch({ type: type === "exist" ? "custom" : "exist" });
|
|
101
40
|
};
|
|
102
|
-
return React__default.createElement(
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
41
|
+
return React__default.createElement(
|
|
42
|
+
React__default.Fragment,
|
|
43
|
+
null,
|
|
44
|
+
React__default.createElement("ul", { className: `${classPrefix}-exist` }, existList.map((item, index) => {
|
|
45
|
+
return React__default.createElement(
|
|
46
|
+
"li",
|
|
47
|
+
{ className: `${classPrefix}-exist-item ${item.selectedAddress ? "active" : ""}`, key: index, onClick: (e) => {
|
|
48
|
+
e.stopPropagation();
|
|
49
|
+
selectedExist(item);
|
|
50
|
+
} },
|
|
51
|
+
item.selectedAddress ? React__default.createElement(React__default.Fragment, null, React__default.isValidElement(selectIcon) ? selectIcon : React__default.createElement(Check, { color: "var(--nutui-color-primary)" })) : React__default.createElement(React__default.Fragment, null, React__default.isValidElement(defaultIcon) ? defaultIcon : React__default.createElement(Location, null)),
|
|
52
|
+
React__default.createElement(
|
|
53
|
+
"div",
|
|
54
|
+
{ className: `${classPrefix}-exist-item-info` },
|
|
55
|
+
item.name && item.phone && React__default.createElement(
|
|
56
|
+
React__default.Fragment,
|
|
57
|
+
null,
|
|
58
|
+
React__default.createElement("div", null, item.name),
|
|
59
|
+
React__default.createElement("div", null, item.phone)
|
|
60
|
+
),
|
|
61
|
+
React__default.createElement("div", null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail)
|
|
62
|
+
)
|
|
63
|
+
);
|
|
64
|
+
})),
|
|
65
|
+
(custom || custom && locale.address.chooseAnotherAddress) && React__default.createElement(
|
|
66
|
+
"div",
|
|
67
|
+
{ className: `${classPrefix}-footer`, onClick },
|
|
68
|
+
React__default.createElement("div", { className: `${classPrefix}-footer-btn` }, custom)
|
|
69
|
+
)
|
|
70
|
+
);
|
|
123
71
|
};
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
options
|
|
128
|
-
optionKey
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
},
|
|
133
|
-
format: {},
|
|
134
|
-
custom: false,
|
|
135
|
-
existList: [],
|
|
136
|
-
height: "200px",
|
|
137
|
-
defaultIcon: null,
|
|
138
|
-
selectIcon: null,
|
|
139
|
-
closeIcon: null,
|
|
140
|
-
backIcon: null
|
|
141
|
-
});
|
|
142
|
-
var InternalAddress = function InternalAddress2(props, ref) {
|
|
143
|
-
var _useConfig2 = useConfig(), locale = _useConfig2.locale;
|
|
144
|
-
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), style = _defaultProps$props.style, className = _defaultProps$props.className, visible = _defaultProps$props.visible, defaultVisible = _defaultProps$props.defaultVisible, defaultValue = _defaultProps$props.defaultValue, children = _defaultProps$props.children, type = _defaultProps$props.type, options = _defaultProps$props.options, optionKey = _defaultProps$props.optionKey, format = _defaultProps$props.format, height = _defaultProps$props.height, title = _defaultProps$props.title, existList = _defaultProps$props.existList, custom = _defaultProps$props.custom, selectIcon = _defaultProps$props.selectIcon, defaultIcon = _defaultProps$props.defaultIcon, closeIcon = _defaultProps$props.closeIcon, backIcon = _defaultProps$props.backIcon, _onChange2 = _defaultProps$props.onChange, onExistSelect = _defaultProps$props.onExistSelect, onClose = _defaultProps$props.onClose, onSwitch = _defaultProps$props.onSwitch, rest = _objectWithoutProperties(_defaultProps$props, _excluded3);
|
|
145
|
-
var classPrefix = "nut-address";
|
|
146
|
-
var _useState = useState(type), _useState2 = _slicedToArray(_useState, 2), currentType = _useState2[0], setCurrentType = _useState2[1];
|
|
147
|
-
var _usePropsValue = usePropsValue({
|
|
72
|
+
const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { defaultValue: [], type: "custom", options: [], optionKey: { textKey: "text", valueKey: "value", childrenKey: "children" }, format: {}, custom: false, existList: [], height: "200px", defaultIcon: null, selectIcon: null, closeIcon: null, backIcon: null });
|
|
73
|
+
const InternalAddress = (props, ref) => {
|
|
74
|
+
const { locale } = useConfig();
|
|
75
|
+
const _a = Object.assign(Object.assign({}, defaultProps), props), { style, className, visible, defaultVisible, defaultValue, children, type, options, optionKey, format, height, title, existList, custom, selectIcon, defaultIcon, closeIcon, backIcon, onChange, onExistSelect, onClose, onSwitch } = _a;
|
|
76
|
+
__rest(_a, ["style", "className", "visible", "defaultVisible", "defaultValue", "children", "type", "options", "optionKey", "format", "height", "title", "existList", "custom", "selectIcon", "defaultIcon", "closeIcon", "backIcon", "onChange", "onExistSelect", "onClose", "onSwitch"]);
|
|
77
|
+
const classPrefix = "nut-address";
|
|
78
|
+
const [currentType, setCurrentType] = useState(type);
|
|
79
|
+
const [innerVisible, setInnerVisible] = usePropsValue({
|
|
148
80
|
value: visible,
|
|
149
81
|
defaultValue: defaultVisible,
|
|
150
82
|
finalValue: defaultVisible
|
|
151
|
-
})
|
|
152
|
-
useImperativeHandle(ref,
|
|
83
|
+
});
|
|
84
|
+
useImperativeHandle(ref, () => {
|
|
153
85
|
return {
|
|
154
|
-
open
|
|
86
|
+
open() {
|
|
155
87
|
setInnerVisible(true);
|
|
156
88
|
},
|
|
157
|
-
close
|
|
89
|
+
close() {
|
|
158
90
|
setInnerVisible(false);
|
|
159
91
|
}
|
|
160
92
|
};
|
|
161
93
|
});
|
|
162
|
-
|
|
94
|
+
const handleClose = () => {
|
|
163
95
|
setInnerVisible(false);
|
|
164
96
|
onClose && onClose();
|
|
165
97
|
};
|
|
166
|
-
|
|
167
|
-
return React__default.createElement(React__default.Fragment, null, custom && React__default.createElement("div", {
|
|
168
|
-
className: "".concat(classPrefix, "-left-icon"),
|
|
169
|
-
onClick: onSwitchModule
|
|
170
|
-
}, React__default.isValidElement(backIcon) ? backIcon : React__default.createElement(ArrowLeft, {
|
|
171
|
-
color: "#cccccc"
|
|
172
|
-
})));
|
|
98
|
+
const renderLeftOnCustomSwitch = () => {
|
|
99
|
+
return React__default.createElement(React__default.Fragment, null, custom && React__default.createElement("div", { className: `${classPrefix}-left-icon`, onClick: onSwitchModule }, React__default.isValidElement(backIcon) ? backIcon : React__default.createElement(ArrowLeft, { color: "#cccccc" })));
|
|
173
100
|
};
|
|
174
|
-
|
|
101
|
+
const selectedExistItem = (data) => {
|
|
175
102
|
onExistSelect && onExistSelect(data);
|
|
176
103
|
handleClose();
|
|
177
104
|
};
|
|
178
|
-
|
|
105
|
+
const onSwitchModule = () => {
|
|
179
106
|
if (currentType === "exist") {
|
|
180
107
|
setCurrentType("custom");
|
|
181
108
|
} else {
|
|
182
109
|
setCurrentType("exist");
|
|
183
110
|
}
|
|
184
|
-
onSwitch && onSwitch({
|
|
185
|
-
type: currentType
|
|
186
|
-
});
|
|
111
|
+
onSwitch && onSwitch({ type: currentType });
|
|
187
112
|
};
|
|
188
|
-
return React__default.createElement(React__default.Fragment, null, currentType === "custom" || currentType === "custom2" ? React__default.createElement(CustomRender, {
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
onClose: handleClose,
|
|
201
|
-
onChange: function onChange(val, params) {
|
|
202
|
-
_onChange2 === null || _onChange2 === void 0 || _onChange2(val, params);
|
|
203
|
-
}
|
|
204
|
-
}) : React__default.createElement(Popup, {
|
|
205
|
-
visible: innerVisible,
|
|
206
|
-
position: "bottom",
|
|
207
|
-
round: true,
|
|
208
|
-
closeable: true,
|
|
209
|
-
closeIcon,
|
|
210
|
-
title: title || locale.address.selectRegion,
|
|
211
|
-
onClose: handleClose
|
|
212
|
-
}, React__default.createElement(
|
|
213
|
-
"div",
|
|
214
|
-
{
|
|
215
|
-
className: "".concat(classPrefix, " ").concat(className || ""),
|
|
216
|
-
style: _objectSpread({}, style)
|
|
217
|
-
},
|
|
218
|
-
// 不需要 close,选中切换即关闭弹框。可手动关闭弹框,只关闭弹框不处理逻辑。
|
|
219
|
-
React__default.createElement(ExistRender, {
|
|
220
|
-
type: currentType,
|
|
221
|
-
existList,
|
|
222
|
-
selectIcon,
|
|
223
|
-
defaultIcon,
|
|
224
|
-
custom,
|
|
225
|
-
onSelect: selectedExistItem,
|
|
226
|
-
onSwitch: onSwitchModule
|
|
227
|
-
})
|
|
228
|
-
)));
|
|
113
|
+
return React__default.createElement(React__default.Fragment, null, currentType === "custom" || currentType === "custom2" ? React__default.createElement(CustomRender, { visible: innerVisible, closeable: true, title: title || locale.address.selectRegion, left: renderLeftOnCustomSwitch(), defaultValue, closeIcon, options, format, optionKey, type: currentType, height, onClose: handleClose, onChange: (val, params) => {
|
|
114
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(val, params);
|
|
115
|
+
} }) : React__default.createElement(
|
|
116
|
+
Popup,
|
|
117
|
+
{ visible: innerVisible, position: "bottom", round: true, closeable: true, closeIcon, title: title || locale.address.selectRegion, onClose: handleClose },
|
|
118
|
+
React__default.createElement(
|
|
119
|
+
"div",
|
|
120
|
+
{ className: `${classPrefix} ${className || ""}`, style: Object.assign({}, style) },
|
|
121
|
+
// 不需要 close,选中切换即关闭弹框。可手动关闭弹框,只关闭弹框不处理逻辑。
|
|
122
|
+
React__default.createElement(ExistRender, { type: currentType, existList, selectIcon, defaultIcon, custom, onSelect: selectedExistItem, onSwitch: onSwitchModule })
|
|
123
|
+
)
|
|
124
|
+
));
|
|
229
125
|
};
|
|
230
|
-
|
|
126
|
+
const Address = forwardRef(InternalAddress);
|
|
231
127
|
Address.defaultProps = defaultProps;
|
|
232
128
|
Address.displayName = "NutAddress";
|
|
233
129
|
export {
|
package/dist/esm/Animate.js
CHANGED
|
@@ -1,61 +1,33 @@
|
|
|
1
|
-
import
|
|
2
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
|
-
var _excluded = ["className", "type", "action", "loop", "onClick", "children"];
|
|
5
|
-
function ownKeys(e, r) {
|
|
6
|
-
var t = Object.keys(e);
|
|
7
|
-
if (Object.getOwnPropertySymbols) {
|
|
8
|
-
var o = Object.getOwnPropertySymbols(e);
|
|
9
|
-
r && (o = o.filter(function(r2) {
|
|
10
|
-
return Object.getOwnPropertyDescriptor(e, r2).enumerable;
|
|
11
|
-
})), t.push.apply(t, o);
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
}
|
|
15
|
-
function _objectSpread(e) {
|
|
16
|
-
for (var r = 1; r < arguments.length; r++) {
|
|
17
|
-
var t = null != arguments[r] ? arguments[r] : {};
|
|
18
|
-
r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
|
|
19
|
-
_defineProperty(e, r2, t[r2]);
|
|
20
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
|
|
21
|
-
Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
return e;
|
|
25
|
-
}
|
|
1
|
+
import { _ as __rest } from "./tslib.es6.js";
|
|
26
2
|
import React__default, { useState } from "react";
|
|
27
3
|
import classNames from "classnames";
|
|
28
4
|
import { C as ComponentDefaults } from "./typings.js";
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
}, "".concat(classPrefix, "-").concat(type), action === "initial" || clicked ? type : false), "loop", loop));
|
|
43
|
-
var cls = classNames(classes, className);
|
|
44
|
-
var handleClick = function handleClick2(event) {
|
|
5
|
+
const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "shake", action: "initial", loop: false, onClick: (event) => {
|
|
6
|
+
} });
|
|
7
|
+
const classPrefix = `nut-animate`;
|
|
8
|
+
const Animate = (props) => {
|
|
9
|
+
const _a = Object.assign(Object.assign({}, defaultProps), props), { className, type, action, loop, onClick, children } = _a, rest = __rest(_a, ["className", "type", "action", "loop", "onClick", "children"]);
|
|
10
|
+
const [clicked, setClicked] = useState(false);
|
|
11
|
+
const classes = classNames({
|
|
12
|
+
"nut-ani-container": true,
|
|
13
|
+
[`${classPrefix}-${type}`]: action === "initial" || clicked ? type : false,
|
|
14
|
+
loop
|
|
15
|
+
});
|
|
16
|
+
const cls = classNames(classes, className);
|
|
17
|
+
const handleClick = (event) => {
|
|
45
18
|
setClicked(true);
|
|
46
19
|
if (!loop) {
|
|
47
|
-
setTimeout(
|
|
20
|
+
setTimeout(() => {
|
|
48
21
|
setClicked(false);
|
|
49
22
|
}, 1e3);
|
|
50
23
|
}
|
|
51
|
-
|
|
24
|
+
onClick && onClick(event);
|
|
52
25
|
};
|
|
53
|
-
return React__default.createElement(
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
className: cls,
|
|
57
|
-
|
|
58
|
-
}, rest), children));
|
|
26
|
+
return React__default.createElement(
|
|
27
|
+
"div",
|
|
28
|
+
{ className: "nut-animate" },
|
|
29
|
+
React__default.createElement("div", Object.assign({ className: cls, onClick: handleClick }, rest), children)
|
|
30
|
+
);
|
|
59
31
|
};
|
|
60
32
|
Animate.defaultProps = defaultProps;
|
|
61
33
|
Animate.displayName = "NutAnimate";
|