@nutui/nutui-react-taro 1.3.5 → 1.3.7
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 +14 -0
- package/dist/esm/Audio.js +4 -4
- package/dist/esm/Calendar.js +4 -4
- package/dist/esm/CalendarItem.js +3 -3
- package/dist/esm/DatePicker.js +4 -4
- package/dist/esm/Drag.js +3 -4
- package/dist/esm/Elevator.js +2 -4
- package/dist/esm/Menu.js +2 -2
- package/dist/esm/MenuItem.js +2 -2
- package/dist/esm/NoticeBar.js +3 -3
- package/dist/esm/Picker.js +3 -3
- package/dist/esm/Popover.js +3 -3
- package/dist/esm/Range.js +3 -3
- package/dist/esm/SearchBar.js +3 -2
- package/dist/esm/Signature.js +3 -2
- package/dist/esm/Swipe.js +3 -3
- package/dist/esm/actionsheet.taro-360d8d34.js +15 -25
- package/dist/esm/address.taro-f16cef31.js +151 -219
- package/dist/esm/animatingnumbers.taro-6f40a2e9.js +13 -41
- package/dist/esm/{audio.taro-29f5568f.js → audio.taro-57d4f0da.js} +33 -60
- package/dist/esm/avatar.taro-ec620cdd.js +25 -50
- package/dist/esm/avatargroup-5b2584d9.js +2 -9
- package/dist/esm/backtop.taro-aa8b2bc5.js +29 -55
- package/dist/esm/badge.taro-38684262.js +9 -20
- package/dist/esm/barrage.taro-d86c367a.js +8 -21
- package/dist/esm/button.taro-a9ebb937.js +22 -37
- package/dist/esm/{calendar.taro-438940bd.js → calendar.taro-533b3219.js} +13 -24
- package/dist/esm/{calendaritem.taro-11333579.js → calendaritem.taro-fe5dd4bd.js} +71 -183
- package/dist/esm/card.taro-1bc35ebe.js +14 -20
- package/dist/esm/cascader.taro-77100fb4.js +77 -197
- package/dist/esm/cell.taro-a4c3bb7b.js +20 -30
- package/dist/esm/cellgroup.taro-8c87bf08.js +6 -12
- package/dist/esm/checkbox.taro-104557c1.js +27 -48
- package/dist/esm/checkboxgroup.taro-3d380042.js +12 -30
- package/dist/esm/circleprogress.taro-3c89a157.js +14 -41
- package/dist/esm/col.taro-2a437387.js +11 -22
- package/dist/esm/collapse.taro-72e58ba2.js +11 -27
- package/dist/esm/collapseitem-75843a5e.js +33 -47
- package/dist/esm/configprovider-3e87d67a.js +2 -6
- package/dist/esm/configprovider.taro-6c7b3056.js +4 -14
- package/dist/esm/countdown.taro-f2d9ffed.js +37 -74
- package/dist/esm/{datepicker.taro-1acec61f.js → datepicker.taro-49a4cf0c.js} +43 -104
- package/dist/esm/dialog.taro-492e2b9a.js +27 -58
- package/dist/esm/divider.taro-5236fe6a.js +8 -15
- package/dist/esm/drag.taro-0717c783.js +153 -0
- package/dist/esm/{elevator.taro-8e385785.js → elevator.taro-443253ec.js} +99 -124
- package/dist/esm/empty.taro-ab9c4f03.js +11 -24
- package/dist/esm/fixednav.taro-582322a1.js +16 -27
- package/dist/esm/grid.taro-5d75c0ad.js +13 -28
- package/dist/esm/griditem.taro-866cd288.js +18 -34
- package/dist/esm/icon-8dc4de10.js +11 -21
- package/dist/esm/icon.taro-1d0d4fb7.js +11 -21
- package/dist/esm/imagepreview.taro-1199e977.js +36 -71
- package/dist/esm/indicator.taro-183ea169.js +9 -20
- package/dist/esm/infiniteloading.taro-b95e62bf.js +23 -49
- package/dist/esm/input.taro-2453d7c4.js +62 -106
- package/dist/esm/inputnumber.taro-0cf7c1b7.js +25 -52
- package/dist/esm/layout.taro-358f014f.js +0 -6
- package/dist/esm/{menu.taro-9345dcfd.js → menu.taro-f8ca86db.js} +24 -42
- package/dist/esm/{menuitem.taro-fc0961b7.js → menuitem.taro-7bf564c9.js} +32 -57
- package/dist/esm/navbar.taro-c931c078.js +18 -34
- package/dist/esm/{noticebar.taro-1fa04a96.js → noticebar.taro-332691f9.js} +55 -107
- package/dist/esm/notify.taro-d9c48fae.js +18 -34
- package/dist/esm/numberkeyboard.taro-53c350b8.js +21 -52
- package/dist/esm/nutui-react.es.js +18 -18
- package/dist/esm/offsetContext-0e3d04b3.js +0 -3
- package/dist/esm/overlay.taro-be45fed5.js +12 -23
- package/dist/esm/pagination.taro-62bbd23f.js +38 -71
- package/dist/esm/{picker.taro-6a4dad23.js → picker.taro-f003b725.js} +95 -186
- package/dist/esm/{popover.taro-eddd0bd2.js → popover.taro-7e5dff8c.js} +33 -76
- package/dist/esm/popup.taro-33d0bbc8.js +40 -72
- package/dist/esm/price.taro-97393d8f.js +7 -24
- package/dist/esm/progress.taro-623bc807.js +23 -31
- package/dist/esm/pulltorefresh.taro-e66c78ad.js +29 -92
- package/dist/esm/radio.taro-95d43860.js +24 -47
- package/dist/esm/radiogroup.taro-b5dad516.js +14 -24
- package/dist/esm/{range.taro-515d37a4.js → range.taro-fc7c0b6a.js} +50 -133
- package/dist/esm/rate.taro-69c85081.js +21 -39
- package/dist/esm/row.taro-cec13a7e.js +7 -16
- package/dist/esm/{searchbar.taro-f134fb96.js → searchbar.taro-0d3c0081.js} +55 -70
- package/dist/esm/shortpassword.taro-2e96ca22.js +29 -56
- package/dist/esm/sidenavbar.taro-87f056cd.js +9 -16
- package/dist/esm/sidenavbaritem.taro-77e077f4.js +4 -11
- package/dist/esm/signature.taro-59b3b3ab.js +146 -0
- package/dist/esm/skeleton.taro-b9ff84b9.js +13 -23
- package/dist/esm/step.taro-f1057500.js +12 -28
- package/dist/esm/steps.taro-943f4fbb.js +6 -14
- package/dist/esm/sticky.taro-30d4e453.js +0 -7
- package/dist/esm/subsidenavbar.taro-2c1fcf16.js +7 -22
- package/dist/esm/{swipe.taro-dfb9a049.js → swipe.taro-83bc248f.js} +98 -91
- package/dist/esm/swiper.taro-f314d67a.js +110 -196
- package/dist/esm/swiperitem-d00e7513.js +2 -12
- package/dist/esm/switch.taro-be5eb823.js +13 -27
- package/dist/esm/tabbar.taro-da72fa2c.js +13 -25
- package/dist/esm/tabbaritem.taro-94cd62c2.js +15 -23
- package/dist/esm/table.taro-7ac89a6c.js +19 -39
- package/dist/esm/tabpane.taro-95aa185b.js +4 -10
- package/dist/esm/tabs.taro-86186dff.js +28 -54
- package/dist/esm/tag.taro-95d7f5c2.js +19 -36
- package/dist/esm/textarea.taro-388d1f90.js +18 -35
- package/dist/esm/timedetail.taro-519808cf.js +15 -28
- package/dist/esm/timepannel.taro-9904f6e6.js +5 -12
- package/dist/esm/timeselect.taro-73796bfc.js +35 -59
- package/dist/esm/toast.taro-86862dff.js +26 -46
- package/dist/esm/types/src/packages/elevator/demo.d.ts +1 -0
- package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +2 -0
- package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts +2 -0
- package/dist/esm/types/src/packages/signature/signature.taro.d.ts +10 -2
- package/dist/esm/uploader.taro-6184abe7.js +52 -144
- package/dist/esm/{useClientRect-8b7cc406.js → useClientRect-bf69d7b3.js} +1 -40
- package/dist/esm/useTouch-a2ea68c6.js +27 -47
- package/dist/esm/video-c1090c92.js +8 -19
- package/dist/esm/virtuallist.taro-6858f690.js +84 -118
- 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/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/nutui.react.es.js +10848 -11365
- package/dist/nutui.react.umd.js +10840 -11357
- package/dist/packages/menu/menu.scss +4 -0
- package/dist/packages/menuitem/menuitem.scss +27 -2
- package/dist/packages/searchbar/searchbar.scss +20 -3
- package/dist/style.css +1 -1
- package/dist/style.es.js +1 -1
- package/dist/types/index.d.ts +17 -8
- package/package.json +1 -1
- package/dist/esm/drag.taro-56e8c87a.js +0 -134
- package/dist/esm/signature.taro-a9286cd1.js +0 -178
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["children", "columnNum", "border", "gutter", "center", "square", "reverse", "direction", "style", "iconSize", "iconColor", "className"];
|
|
4
|
-
|
|
5
4
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6
|
-
|
|
7
5
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
8
|
-
|
|
9
6
|
import React__default from 'react';
|
|
10
7
|
import { u as useConfig } from './configprovider.taro-6c7b3056.js';
|
|
11
8
|
import { c as cn } from './bem-893ad28d.js';
|
|
@@ -20,52 +17,41 @@ var defaultProps = {
|
|
|
20
17
|
iconSize: 28,
|
|
21
18
|
iconColor: ''
|
|
22
19
|
};
|
|
23
|
-
|
|
24
20
|
var Grid = function Grid(props) {
|
|
25
21
|
useConfig();
|
|
26
|
-
|
|
27
22
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
23
|
+
children = _defaultProps$props.children,
|
|
24
|
+
columnNum = _defaultProps$props.columnNum,
|
|
25
|
+
border = _defaultProps$props.border,
|
|
26
|
+
gutter = _defaultProps$props.gutter,
|
|
27
|
+
center = _defaultProps$props.center,
|
|
28
|
+
square = _defaultProps$props.square,
|
|
29
|
+
reverse = _defaultProps$props.reverse,
|
|
30
|
+
direction = _defaultProps$props.direction,
|
|
31
|
+
style = _defaultProps$props.style,
|
|
32
|
+
iconSize = _defaultProps$props.iconSize,
|
|
33
|
+
iconColor = _defaultProps$props.iconColor,
|
|
34
|
+
className = _defaultProps$props.className,
|
|
35
|
+
rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
42
36
|
var childrenDom = React__default.Children.toArray(children);
|
|
43
|
-
|
|
44
37
|
var pxCheck = function pxCheck(value) {
|
|
45
38
|
return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
|
|
46
39
|
};
|
|
47
|
-
|
|
48
40
|
var b = cn('grid');
|
|
49
|
-
|
|
50
41
|
var rootClass = function rootClass() {
|
|
51
42
|
var prefixCls = b();
|
|
52
43
|
return "".concat(className, " ").concat(prefixCls, " ").concat(border && !gutter ? "".concat(b('border')) : '');
|
|
53
44
|
};
|
|
54
|
-
|
|
55
45
|
var rootStyle = function rootStyle() {
|
|
56
46
|
var styleSelf = {};
|
|
57
|
-
|
|
58
47
|
if (style) {
|
|
59
48
|
styleSelf = style;
|
|
60
49
|
}
|
|
61
|
-
|
|
62
50
|
if (gutter) {
|
|
63
51
|
styleSelf.paddingLeft = pxCheck(gutter);
|
|
64
52
|
}
|
|
65
|
-
|
|
66
53
|
return styleSelf;
|
|
67
54
|
};
|
|
68
|
-
|
|
69
55
|
return React__default.createElement("div", _objectSpread({
|
|
70
56
|
className: rootClass(),
|
|
71
57
|
style: rootStyle()
|
|
@@ -84,7 +70,6 @@ var Grid = function Grid(props) {
|
|
|
84
70
|
});
|
|
85
71
|
}));
|
|
86
72
|
};
|
|
87
|
-
|
|
88
73
|
Grid.defaultProps = defaultProps;
|
|
89
74
|
Grid.displayName = 'NutGrid';
|
|
90
75
|
export { Grid as G };
|
|
@@ -1,17 +1,13 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
var _excluded = ["children", "columnNum", "index", "gutter", "square", "text", "icon", "iconColor", "iconSize", "parentIconSize", "parentIconColor", "border", "center", "reverse", "direction", "iconClassPrefix", "iconFontClassName"];
|
|
4
|
-
|
|
5
4
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6
|
-
|
|
7
5
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
8
|
-
|
|
9
6
|
import React__default from 'react';
|
|
10
7
|
import { u as useConfig } from './configprovider.taro-6c7b3056.js';
|
|
11
8
|
import { c as cn } from './bem-893ad28d.js';
|
|
12
9
|
import { I as Icon } from './icon.taro-1d0d4fb7.js';
|
|
13
10
|
import { C as ComponentDefaults } from './typings-1c5f2628.js';
|
|
14
|
-
|
|
15
11
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
16
12
|
text: '',
|
|
17
13
|
icon: '',
|
|
@@ -27,62 +23,51 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
27
23
|
reverse: false,
|
|
28
24
|
direction: 'vertical'
|
|
29
25
|
});
|
|
30
|
-
|
|
31
26
|
var GridItem = function GridItem(props) {
|
|
32
27
|
useConfig();
|
|
33
|
-
|
|
34
28
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
29
|
+
children = _defaultProps$props.children,
|
|
30
|
+
columnNum = _defaultProps$props.columnNum,
|
|
31
|
+
index = _defaultProps$props.index,
|
|
32
|
+
gutter = _defaultProps$props.gutter,
|
|
33
|
+
square = _defaultProps$props.square,
|
|
34
|
+
text = _defaultProps$props.text,
|
|
35
|
+
icon = _defaultProps$props.icon,
|
|
36
|
+
iconColor = _defaultProps$props.iconColor,
|
|
37
|
+
iconSize = _defaultProps$props.iconSize,
|
|
38
|
+
parentIconSize = _defaultProps$props.parentIconSize,
|
|
39
|
+
parentIconColor = _defaultProps$props.parentIconColor,
|
|
40
|
+
border = _defaultProps$props.border,
|
|
41
|
+
center = _defaultProps$props.center,
|
|
42
|
+
reverse = _defaultProps$props.reverse,
|
|
43
|
+
direction = _defaultProps$props.direction,
|
|
44
|
+
iconClassPrefix = _defaultProps$props.iconClassPrefix,
|
|
45
|
+
iconFontClassName = _defaultProps$props.iconFontClassName,
|
|
46
|
+
rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
54
47
|
var b = cn('grid-item');
|
|
55
|
-
|
|
56
48
|
var pxCheck = function pxCheck(value) {
|
|
57
49
|
return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
|
|
58
50
|
};
|
|
59
|
-
|
|
60
51
|
var rootStyle = function rootStyle() {
|
|
61
52
|
var style = {
|
|
62
53
|
flexBasis: "".concat(100 / +columnNum, "%")
|
|
63
54
|
};
|
|
64
|
-
|
|
65
55
|
if (square) {
|
|
66
56
|
style.paddingTop = "".concat(100 / +columnNum, "%");
|
|
67
57
|
} else if (gutter) {
|
|
68
58
|
style.paddingRight = pxCheck(gutter);
|
|
69
|
-
|
|
70
59
|
if (index >= columnNum) {
|
|
71
60
|
style.marginTop = pxCheck(gutter);
|
|
72
61
|
}
|
|
73
62
|
}
|
|
74
|
-
|
|
75
63
|
return style;
|
|
76
64
|
};
|
|
77
|
-
|
|
78
65
|
var contentClass = function contentClass() {
|
|
79
66
|
return "".concat(b('content'), " ").concat(border && b('content--border'), " ").concat(border && gutter && b('content--surround'), " ").concat(center && b('content--center'), " ").concat(square && b('content--square'), " ").concat(reverse && b('content--reverse'), " ").concat(!!direction && b("content--".concat(direction)), "\n ");
|
|
80
67
|
};
|
|
81
|
-
|
|
82
68
|
var isIconName = function isIconName() {
|
|
83
69
|
return typeof icon === 'string';
|
|
84
70
|
};
|
|
85
|
-
|
|
86
71
|
return React__default.createElement("div", _objectSpread({
|
|
87
72
|
className: b(),
|
|
88
73
|
style: rootStyle()
|
|
@@ -98,7 +83,6 @@ var GridItem = function GridItem(props) {
|
|
|
98
83
|
className: "nut-grid-item__text"
|
|
99
84
|
}, text), children && React__default.createElement(React__default.Fragment, null, children)));
|
|
100
85
|
};
|
|
101
|
-
|
|
102
86
|
GridItem.defaultProps = defaultProps;
|
|
103
87
|
GridItem.displayName = 'NutGridItem';
|
|
104
88
|
export { GridItem as G };
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["name", "size", "classPrefix", "color", "tag", "children", "className", "fontClassName", "style", "onClick"];
|
|
4
|
-
|
|
5
4
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6
|
-
|
|
7
5
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
8
|
-
|
|
9
6
|
import React__default from 'react';
|
|
10
7
|
import { c as cn } from './bem-893ad28d.js';
|
|
11
8
|
var defaultProps = {
|
|
@@ -18,42 +15,36 @@ var defaultProps = {
|
|
|
18
15
|
onClick: function onClick(e) {},
|
|
19
16
|
className: ''
|
|
20
17
|
};
|
|
21
|
-
|
|
22
18
|
function pxCheck(value) {
|
|
23
19
|
return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
|
|
24
20
|
}
|
|
25
|
-
|
|
26
21
|
function Icon(props) {
|
|
27
22
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
23
|
+
name = _defaultProps$props.name,
|
|
24
|
+
size = _defaultProps$props.size,
|
|
25
|
+
classPrefix = _defaultProps$props.classPrefix,
|
|
26
|
+
color = _defaultProps$props.color,
|
|
27
|
+
tag = _defaultProps$props.tag,
|
|
28
|
+
children = _defaultProps$props.children,
|
|
29
|
+
className = _defaultProps$props.className,
|
|
30
|
+
fontClassName = _defaultProps$props.fontClassName,
|
|
31
|
+
style = _defaultProps$props.style,
|
|
32
|
+
onClick = _defaultProps$props.onClick,
|
|
33
|
+
rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
40
34
|
var isImage = name ? name.indexOf('/') !== -1 : false;
|
|
41
35
|
var type = isImage ? 'img' : tag;
|
|
42
36
|
var b = cn('icon');
|
|
43
|
-
|
|
44
37
|
var handleClick = function handleClick(e) {
|
|
45
38
|
if (onClick) {
|
|
46
39
|
onClick(e);
|
|
47
40
|
}
|
|
48
41
|
};
|
|
49
|
-
|
|
50
42
|
var hasSrc = function hasSrc() {
|
|
51
43
|
if (isImage) return {
|
|
52
44
|
src: name
|
|
53
45
|
};
|
|
54
46
|
return {};
|
|
55
47
|
};
|
|
56
|
-
|
|
57
48
|
return React__default.createElement(type, _objectSpread(_objectSpread({
|
|
58
49
|
className: isImage ? "".concat(b('img'), " ").concat(className || '', " ") : "".concat(fontClassName, " ").concat(b(null), " ").concat(classPrefix, "-").concat(name, " ").concat(className || ''),
|
|
59
50
|
style: _objectSpread({
|
|
@@ -66,7 +57,6 @@ function Icon(props) {
|
|
|
66
57
|
onClick: handleClick
|
|
67
58
|
}, hasSrc()), children);
|
|
68
59
|
}
|
|
69
|
-
|
|
70
60
|
Icon.defaultProps = defaultProps;
|
|
71
61
|
Icon.displayName = 'NutIcon';
|
|
72
62
|
export { Icon as I };
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["name", "size", "classPrefix", "color", "tag", "children", "className", "fontClassName", "style", "onClick"];
|
|
4
|
-
|
|
5
4
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6
|
-
|
|
7
5
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
8
|
-
|
|
9
6
|
import React__default from 'react';
|
|
10
7
|
import { c as cn } from './bem-893ad28d.js';
|
|
11
8
|
var defaultProps = {
|
|
@@ -18,42 +15,36 @@ var defaultProps = {
|
|
|
18
15
|
onClick: function onClick(e) {},
|
|
19
16
|
className: ''
|
|
20
17
|
};
|
|
21
|
-
|
|
22
18
|
function pxCheck(value) {
|
|
23
19
|
return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
|
|
24
20
|
}
|
|
25
|
-
|
|
26
21
|
function Icon(props) {
|
|
27
22
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
23
|
+
name = _defaultProps$props.name,
|
|
24
|
+
size = _defaultProps$props.size,
|
|
25
|
+
classPrefix = _defaultProps$props.classPrefix,
|
|
26
|
+
color = _defaultProps$props.color,
|
|
27
|
+
tag = _defaultProps$props.tag,
|
|
28
|
+
children = _defaultProps$props.children,
|
|
29
|
+
className = _defaultProps$props.className,
|
|
30
|
+
fontClassName = _defaultProps$props.fontClassName,
|
|
31
|
+
style = _defaultProps$props.style,
|
|
32
|
+
onClick = _defaultProps$props.onClick,
|
|
33
|
+
rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
40
34
|
var isImage = name ? name.indexOf('/') !== -1 : false;
|
|
41
35
|
var type = isImage ? 'img' : tag;
|
|
42
36
|
var b = cn('icon');
|
|
43
|
-
|
|
44
37
|
var handleClick = function handleClick(e) {
|
|
45
38
|
if (onClick) {
|
|
46
39
|
onClick(e);
|
|
47
40
|
}
|
|
48
41
|
};
|
|
49
|
-
|
|
50
42
|
var hasSrc = function hasSrc() {
|
|
51
43
|
if (isImage) return {
|
|
52
44
|
src: name
|
|
53
45
|
};
|
|
54
46
|
return {};
|
|
55
47
|
};
|
|
56
|
-
|
|
57
48
|
return React__default.createElement(type, _objectSpread(_objectSpread({
|
|
58
49
|
className: isImage ? "".concat(b('img'), " ").concat(className || '', " ") : "".concat(fontClassName, " ").concat(b(null), " ").concat(classPrefix, "-").concat(name, " ").concat(className || ''),
|
|
59
50
|
style: _objectSpread({
|
|
@@ -66,7 +57,6 @@ function Icon(props) {
|
|
|
66
57
|
onClick: handleClick
|
|
67
58
|
}, hasSrc()), children);
|
|
68
59
|
}
|
|
69
|
-
|
|
70
60
|
Icon.defaultProps = defaultProps;
|
|
71
61
|
Icon.displayName = 'NutIcon';
|
|
72
62
|
export { Icon as I };
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
|
-
|
|
4
3
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5
|
-
|
|
6
4
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
7
|
-
|
|
8
5
|
import React__default, { useRef, useState, useEffect } from 'react';
|
|
9
6
|
import { P as Popup } from './popup.taro-33d0bbc8.js';
|
|
10
7
|
import { S as Swiper } from './swiper.taro-f314d67a.js';
|
|
@@ -20,70 +17,57 @@ var defaultProps = {
|
|
|
20
17
|
paginationColor: '#fff',
|
|
21
18
|
onClose: function onClose() {}
|
|
22
19
|
};
|
|
23
|
-
|
|
24
20
|
var ImagePreview = function ImagePreview(props) {
|
|
25
21
|
var images = props.images,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
22
|
+
videos = props.videos,
|
|
23
|
+
show = props.show,
|
|
24
|
+
initNo = props.initNo,
|
|
25
|
+
paginationColor = props.paginationColor,
|
|
26
|
+
paginationVisible = props.paginationVisible,
|
|
27
|
+
autoplay = props.autoplay,
|
|
28
|
+
contentClose = props.contentClose,
|
|
29
|
+
onClose = props.onClose;
|
|
34
30
|
var nutImagePreview = useRef(null);
|
|
35
|
-
|
|
36
31
|
var _useState = useState(false),
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
32
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
33
|
+
showPop = _useState2[0],
|
|
34
|
+
setShowPop = _useState2[1];
|
|
41
35
|
var _useState3 = useState(1),
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
36
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
37
|
+
active = _useState4[0],
|
|
38
|
+
setActive = _useState4[1];
|
|
46
39
|
var _useState5 = useState(1),
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
40
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
41
|
+
maxNo = _useState6[0],
|
|
42
|
+
setMaxNo = _useState6[1];
|
|
51
43
|
var _useState7 = useState({
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
44
|
+
scale: 1,
|
|
45
|
+
moveable: false
|
|
46
|
+
}),
|
|
47
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
48
|
+
store = _useState8[0],
|
|
49
|
+
setStore = _useState8[1];
|
|
59
50
|
var _useState9 = useState(0),
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
51
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
52
|
+
lastTouchEndTime = _useState10[0],
|
|
53
|
+
setLastTouchEndTime = _useState10[1]; // 用来辅助监听双击
|
|
65
54
|
var onTouchStart = function onTouchStart(event) {
|
|
66
55
|
var touches = event.touches;
|
|
67
56
|
var events = touches[0];
|
|
68
|
-
var events2 = touches[1];
|
|
69
|
-
|
|
57
|
+
var events2 = touches[1];
|
|
58
|
+
// 如果已经放大,双击应变回原尺寸;如果是原尺寸,双击应放大
|
|
70
59
|
var curTouchTime = new Date().getTime();
|
|
71
|
-
|
|
72
60
|
if (curTouchTime - lastTouchEndTime < 300) {
|
|
73
61
|
var _store = store;
|
|
74
|
-
|
|
75
62
|
if (_store.scale > 1) {
|
|
76
63
|
_store.scale = 1;
|
|
77
64
|
} else if (_store.scale === 1) {
|
|
78
65
|
_store.scale = 2;
|
|
79
66
|
}
|
|
80
|
-
|
|
81
67
|
scaleNow();
|
|
82
68
|
}
|
|
83
|
-
|
|
84
69
|
var store1 = store;
|
|
85
70
|
store1.moveable = true;
|
|
86
|
-
|
|
87
71
|
if (events2) {
|
|
88
72
|
// 如果开始两指操作,记录初始时刻两指间的距离
|
|
89
73
|
store1.oriDistance = getDistance({
|
|
@@ -93,23 +77,19 @@ var ImagePreview = function ImagePreview(props) {
|
|
|
93
77
|
x: events2.pageX,
|
|
94
78
|
y: events2.pageY
|
|
95
79
|
});
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
|
|
80
|
+
}
|
|
81
|
+
// 取到开始两指操作时的放大(缩小比例),store.scale 存储的是当前的放缩比(相对于标准大小 scale 为 1 的情况的放大缩小比)
|
|
99
82
|
store1.originScale = store1.scale || 1;
|
|
100
83
|
};
|
|
101
|
-
|
|
102
84
|
var onTouchMove = function onTouchMove(event) {
|
|
103
85
|
var touches = event.touches;
|
|
104
86
|
var events = touches[0];
|
|
105
87
|
var events2 = touches[1];
|
|
106
|
-
|
|
107
88
|
if (!store.moveable) {
|
|
108
89
|
return;
|
|
109
90
|
}
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
91
|
+
var store1 = store;
|
|
92
|
+
// 双指移动
|
|
113
93
|
if (events2) {
|
|
114
94
|
// 获得当前两点间的距离
|
|
115
95
|
var curDistance = getDistance({
|
|
@@ -123,35 +103,29 @@ var ImagePreview = function ImagePreview(props) {
|
|
|
123
103
|
* 注意此处的 scale 变化是基于 store.scale 的。
|
|
124
104
|
* store.scale 是一个暂存值,比如第一次放大 2 倍,则 store.scale 为 2。
|
|
125
105
|
* 再次两指触碰的时候,store.originScale 就为 store.scale 的值,基于此时的 store.scale 继续放大缩小。 * */
|
|
126
|
-
|
|
127
106
|
var curScale = curDistance / store1.oriDistance;
|
|
128
|
-
store1.scale = store1.originScale * curScale;
|
|
129
|
-
|
|
107
|
+
store1.scale = store1.originScale * curScale;
|
|
108
|
+
// 最大放大 3 倍,缩小后松手要弹回原比例
|
|
130
109
|
if (store1.scale > 3) {
|
|
131
110
|
store1.scale = 3;
|
|
132
111
|
}
|
|
133
|
-
|
|
134
112
|
scaleNow();
|
|
135
113
|
}
|
|
136
114
|
};
|
|
137
|
-
|
|
138
115
|
var onTouchEnd = function onTouchEnd() {
|
|
139
116
|
setLastTouchEndTime(new Date().getTime());
|
|
140
117
|
var store1 = store;
|
|
141
118
|
store1.moveable = false;
|
|
142
|
-
|
|
143
119
|
if (store1.scale < 1.1 && store1.scale > 1 || store1.scale < 1) {
|
|
144
120
|
store1.scale = 1;
|
|
145
121
|
scaleNow();
|
|
146
122
|
}
|
|
147
123
|
};
|
|
148
|
-
|
|
149
124
|
var init = function init() {
|
|
150
125
|
document.addEventListener('touchmove', onTouchMove);
|
|
151
126
|
document.addEventListener('touchend', onTouchEnd);
|
|
152
127
|
document.addEventListener('touchcancel', onTouchEnd);
|
|
153
128
|
};
|
|
154
|
-
|
|
155
129
|
useEffect(function () {
|
|
156
130
|
if (show !== undefined) {
|
|
157
131
|
setShowPop(show);
|
|
@@ -162,22 +136,18 @@ var ImagePreview = function ImagePreview(props) {
|
|
|
162
136
|
if (initNo !== undefined) {
|
|
163
137
|
setActive(initNo);
|
|
164
138
|
}
|
|
165
|
-
|
|
166
139
|
if (show !== undefined) {
|
|
167
140
|
setShowPop(show);
|
|
168
141
|
}
|
|
169
|
-
|
|
170
142
|
if (images && videos) {
|
|
171
143
|
setMaxNo(images.length + videos.length);
|
|
172
144
|
}
|
|
173
145
|
}, []);
|
|
174
|
-
|
|
175
146
|
var scaleNow = function scaleNow() {
|
|
176
147
|
if (nutImagePreview.current) {
|
|
177
148
|
nutImagePreview.current.style.transform = "scale(".concat(store.scale, ")");
|
|
178
149
|
}
|
|
179
150
|
};
|
|
180
|
-
|
|
181
151
|
var onCloseInner = function onCloseInner() {
|
|
182
152
|
setShowPop(false);
|
|
183
153
|
setActive(1);
|
|
@@ -186,26 +156,22 @@ var ImagePreview = function ImagePreview(props) {
|
|
|
186
156
|
setStore(_objectSpread(_objectSpread({}, store), {}, {
|
|
187
157
|
scale: 1
|
|
188
158
|
}));
|
|
189
|
-
};
|
|
190
|
-
|
|
191
|
-
|
|
159
|
+
};
|
|
160
|
+
// 计算两个点的距离
|
|
192
161
|
var getDistance = function getDistance(first, second) {
|
|
193
162
|
// 计算两个点起始时刻的距离和终止时刻的距离,终止时刻距离变大了则放大,变小了则缩小
|
|
194
163
|
// 放大 k 倍则 scale 也 扩大 k 倍
|
|
195
164
|
return Math.hypot(Math.abs(second.x - first.x), Math.abs(second.y - first.y));
|
|
196
165
|
};
|
|
197
|
-
|
|
198
166
|
var slideChangeEnd = function slideChangeEnd(page) {
|
|
199
167
|
setActive(page + 1);
|
|
200
168
|
};
|
|
201
|
-
|
|
202
169
|
var closeOnImg = function closeOnImg() {
|
|
203
170
|
// 点击内容区域的图片是否可以关闭弹层(视频区域由于nut-video做了限制,无法关闭弹层)
|
|
204
171
|
if (contentClose) {
|
|
205
172
|
onCloseInner();
|
|
206
173
|
}
|
|
207
174
|
};
|
|
208
|
-
|
|
209
175
|
return React__default.createElement(Popup, {
|
|
210
176
|
visible: showPop,
|
|
211
177
|
popClass: "custom-pop",
|
|
@@ -243,7 +209,6 @@ var ImagePreview = function ImagePreview(props) {
|
|
|
243
209
|
className: "nut-imagepreview-index"
|
|
244
210
|
}, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)));
|
|
245
211
|
};
|
|
246
|
-
|
|
247
212
|
ImagePreview.defaultProps = defaultProps;
|
|
248
213
|
ImagePreview.displayName = 'NutImagePreview';
|
|
249
214
|
export { ImagePreview as I };
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["size", "current", "block", "align", "fillZero", "children", "className", "vertical"];
|
|
4
|
-
|
|
5
4
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6
|
-
|
|
7
5
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
8
|
-
|
|
9
6
|
import React__default, { useEffect } from 'react';
|
|
10
7
|
import classNames from 'classnames';
|
|
11
8
|
import { c as cn } from './bem-893ad28d.js';
|
|
@@ -17,27 +14,22 @@ var defaultProps = {
|
|
|
17
14
|
fillZero: true,
|
|
18
15
|
vertical: false
|
|
19
16
|
};
|
|
20
|
-
|
|
21
17
|
var Indicator = function Indicator(props) {
|
|
22
18
|
var _classNames;
|
|
23
|
-
|
|
24
19
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
20
|
+
size = _defaultProps$props.size,
|
|
21
|
+
current = _defaultProps$props.current,
|
|
22
|
+
block = _defaultProps$props.block,
|
|
23
|
+
align = _defaultProps$props.align,
|
|
24
|
+
fillZero = _defaultProps$props.fillZero,
|
|
25
|
+
children = _defaultProps$props.children,
|
|
26
|
+
className = _defaultProps$props.className,
|
|
27
|
+
vertical = _defaultProps$props.vertical,
|
|
28
|
+
rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
35
29
|
var b = cn('indicator');
|
|
36
30
|
var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b('block')), block), _defineProperty(_classNames, "".concat(b('align'), "__").concat(align), block && align), _defineProperty(_classNames, "".concat(b('vertical')), vertical), _classNames), b(''));
|
|
37
|
-
|
|
38
31
|
var renderEles = function renderEles() {
|
|
39
32
|
var childs = [];
|
|
40
|
-
|
|
41
33
|
for (var item = 1; item <= size; item++) {
|
|
42
34
|
childs.push(item === current ? React__default.createElement("div", {
|
|
43
35
|
key: item,
|
|
@@ -47,16 +39,13 @@ var Indicator = function Indicator(props) {
|
|
|
47
39
|
className: b('dot')
|
|
48
40
|
}));
|
|
49
41
|
}
|
|
50
|
-
|
|
51
42
|
return childs;
|
|
52
43
|
};
|
|
53
|
-
|
|
54
44
|
useEffect(function () {}, []);
|
|
55
45
|
return React__default.createElement("div", _objectSpread({
|
|
56
46
|
className: "".concat(classes, " ").concat(className)
|
|
57
47
|
}, rest), renderEles());
|
|
58
48
|
};
|
|
59
|
-
|
|
60
49
|
Indicator.defaultProps = defaultProps;
|
|
61
50
|
Indicator.displayName = 'NutIndicator';
|
|
62
51
|
export { Indicator as I };
|