@nutui/nutui-react-taro 1.3.5 → 1.3.6

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.
Files changed (125) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/esm/Audio.js +4 -4
  3. package/dist/esm/Calendar.js +4 -4
  4. package/dist/esm/CalendarItem.js +3 -3
  5. package/dist/esm/DatePicker.js +4 -4
  6. package/dist/esm/Drag.js +3 -4
  7. package/dist/esm/Elevator.js +2 -4
  8. package/dist/esm/NoticeBar.js +3 -3
  9. package/dist/esm/Picker.js +3 -3
  10. package/dist/esm/Popover.js +3 -3
  11. package/dist/esm/Range.js +3 -3
  12. package/dist/esm/SearchBar.js +3 -2
  13. package/dist/esm/Signature.js +3 -2
  14. package/dist/esm/Swipe.js +3 -3
  15. package/dist/esm/actionsheet.taro-360d8d34.js +15 -25
  16. package/dist/esm/address.taro-f16cef31.js +151 -219
  17. package/dist/esm/animatingnumbers.taro-6f40a2e9.js +13 -41
  18. package/dist/esm/{audio.taro-29f5568f.js → audio.taro-57d4f0da.js} +33 -60
  19. package/dist/esm/avatar.taro-ec620cdd.js +25 -50
  20. package/dist/esm/avatargroup-5b2584d9.js +2 -9
  21. package/dist/esm/backtop.taro-aa8b2bc5.js +29 -55
  22. package/dist/esm/badge.taro-38684262.js +9 -20
  23. package/dist/esm/barrage.taro-d86c367a.js +8 -21
  24. package/dist/esm/button.taro-a9ebb937.js +22 -37
  25. package/dist/esm/{calendar.taro-438940bd.js → calendar.taro-533b3219.js} +13 -24
  26. package/dist/esm/{calendaritem.taro-11333579.js → calendaritem.taro-fe5dd4bd.js} +71 -183
  27. package/dist/esm/card.taro-1bc35ebe.js +14 -20
  28. package/dist/esm/cascader.taro-77100fb4.js +77 -197
  29. package/dist/esm/cell.taro-a4c3bb7b.js +20 -30
  30. package/dist/esm/cellgroup.taro-8c87bf08.js +6 -12
  31. package/dist/esm/checkbox.taro-104557c1.js +27 -48
  32. package/dist/esm/checkboxgroup.taro-3d380042.js +12 -30
  33. package/dist/esm/circleprogress.taro-3c89a157.js +14 -41
  34. package/dist/esm/col.taro-2a437387.js +11 -22
  35. package/dist/esm/collapse.taro-72e58ba2.js +11 -27
  36. package/dist/esm/collapseitem-75843a5e.js +33 -47
  37. package/dist/esm/configprovider-3e87d67a.js +2 -6
  38. package/dist/esm/configprovider.taro-6c7b3056.js +4 -14
  39. package/dist/esm/countdown.taro-f2d9ffed.js +37 -74
  40. package/dist/esm/{datepicker.taro-1acec61f.js → datepicker.taro-49a4cf0c.js} +43 -104
  41. package/dist/esm/dialog.taro-492e2b9a.js +27 -58
  42. package/dist/esm/divider.taro-5236fe6a.js +8 -15
  43. package/dist/esm/drag.taro-0717c783.js +153 -0
  44. package/dist/esm/{elevator.taro-8e385785.js → elevator.taro-443253ec.js} +99 -124
  45. package/dist/esm/empty.taro-ab9c4f03.js +11 -24
  46. package/dist/esm/fixednav.taro-582322a1.js +16 -27
  47. package/dist/esm/grid.taro-5d75c0ad.js +13 -28
  48. package/dist/esm/griditem.taro-866cd288.js +18 -34
  49. package/dist/esm/icon-8dc4de10.js +11 -21
  50. package/dist/esm/icon.taro-1d0d4fb7.js +11 -21
  51. package/dist/esm/imagepreview.taro-1199e977.js +36 -71
  52. package/dist/esm/indicator.taro-183ea169.js +9 -20
  53. package/dist/esm/infiniteloading.taro-b95e62bf.js +23 -49
  54. package/dist/esm/input.taro-2453d7c4.js +62 -106
  55. package/dist/esm/inputnumber.taro-0cf7c1b7.js +25 -52
  56. package/dist/esm/layout.taro-358f014f.js +0 -6
  57. package/dist/esm/menu.taro-9345dcfd.js +21 -41
  58. package/dist/esm/menuitem.taro-fc0961b7.js +29 -54
  59. package/dist/esm/navbar.taro-c931c078.js +18 -34
  60. package/dist/esm/{noticebar.taro-1fa04a96.js → noticebar.taro-332691f9.js} +55 -107
  61. package/dist/esm/notify.taro-d9c48fae.js +18 -34
  62. package/dist/esm/numberkeyboard.taro-53c350b8.js +21 -52
  63. package/dist/esm/nutui-react.es.js +16 -16
  64. package/dist/esm/offsetContext-0e3d04b3.js +0 -3
  65. package/dist/esm/overlay.taro-be45fed5.js +12 -23
  66. package/dist/esm/pagination.taro-62bbd23f.js +38 -71
  67. package/dist/esm/{picker.taro-6a4dad23.js → picker.taro-f003b725.js} +95 -186
  68. package/dist/esm/{popover.taro-eddd0bd2.js → popover.taro-7e5dff8c.js} +33 -76
  69. package/dist/esm/popup.taro-33d0bbc8.js +40 -72
  70. package/dist/esm/price.taro-97393d8f.js +7 -24
  71. package/dist/esm/progress.taro-623bc807.js +23 -31
  72. package/dist/esm/pulltorefresh.taro-e66c78ad.js +29 -92
  73. package/dist/esm/radio.taro-95d43860.js +24 -47
  74. package/dist/esm/radiogroup.taro-b5dad516.js +14 -24
  75. package/dist/esm/{range.taro-515d37a4.js → range.taro-fc7c0b6a.js} +50 -133
  76. package/dist/esm/rate.taro-69c85081.js +21 -39
  77. package/dist/esm/row.taro-cec13a7e.js +7 -16
  78. package/dist/esm/{searchbar.taro-f134fb96.js → searchbar.taro-0d3c0081.js} +55 -70
  79. package/dist/esm/shortpassword.taro-2e96ca22.js +29 -56
  80. package/dist/esm/sidenavbar.taro-87f056cd.js +9 -16
  81. package/dist/esm/sidenavbaritem.taro-77e077f4.js +4 -11
  82. package/dist/esm/signature.taro-59b3b3ab.js +146 -0
  83. package/dist/esm/skeleton.taro-b9ff84b9.js +13 -23
  84. package/dist/esm/step.taro-f1057500.js +12 -28
  85. package/dist/esm/steps.taro-943f4fbb.js +6 -14
  86. package/dist/esm/sticky.taro-30d4e453.js +0 -7
  87. package/dist/esm/subsidenavbar.taro-2c1fcf16.js +7 -22
  88. package/dist/esm/{swipe.taro-dfb9a049.js → swipe.taro-83bc248f.js} +98 -91
  89. package/dist/esm/swiper.taro-f314d67a.js +110 -196
  90. package/dist/esm/swiperitem-d00e7513.js +2 -12
  91. package/dist/esm/switch.taro-be5eb823.js +13 -27
  92. package/dist/esm/tabbar.taro-da72fa2c.js +13 -25
  93. package/dist/esm/tabbaritem.taro-94cd62c2.js +15 -23
  94. package/dist/esm/table.taro-7ac89a6c.js +19 -39
  95. package/dist/esm/tabpane.taro-95aa185b.js +4 -10
  96. package/dist/esm/tabs.taro-86186dff.js +28 -54
  97. package/dist/esm/tag.taro-95d7f5c2.js +19 -36
  98. package/dist/esm/textarea.taro-388d1f90.js +18 -35
  99. package/dist/esm/timedetail.taro-519808cf.js +15 -28
  100. package/dist/esm/timepannel.taro-9904f6e6.js +5 -12
  101. package/dist/esm/timeselect.taro-73796bfc.js +35 -59
  102. package/dist/esm/toast.taro-86862dff.js +26 -46
  103. package/dist/esm/types/src/packages/elevator/demo.d.ts +1 -0
  104. package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +2 -0
  105. package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts +2 -0
  106. package/dist/esm/types/src/packages/signature/signature.taro.d.ts +10 -2
  107. package/dist/esm/uploader.taro-6184abe7.js +52 -144
  108. package/dist/esm/{useClientRect-8b7cc406.js → useClientRect-bf69d7b3.js} +1 -40
  109. package/dist/esm/useTouch-a2ea68c6.js +27 -47
  110. package/dist/esm/video-c1090c92.js +8 -19
  111. package/dist/esm/virtuallist.taro-6858f690.js +84 -118
  112. package/dist/locales/base.js +1 -1
  113. package/dist/locales/en-US.js +1 -1
  114. package/dist/locales/id-ID.js +1 -1
  115. package/dist/locales/zh-CN.js +1 -1
  116. package/dist/locales/zh-TW.js +1 -1
  117. package/dist/nutui.react.es.js +10844 -11362
  118. package/dist/nutui.react.umd.js +10844 -11362
  119. package/dist/packages/searchbar/searchbar.scss +20 -3
  120. package/dist/style.css +1 -1
  121. package/dist/style.es.js +1 -1
  122. package/dist/types/index.d.ts +17 -8
  123. package/package.json +1 -1
  124. package/dist/esm/drag.taro-56e8c87a.js +0 -134
  125. 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
- children = _defaultProps$props.children,
29
- columnNum = _defaultProps$props.columnNum,
30
- border = _defaultProps$props.border,
31
- gutter = _defaultProps$props.gutter,
32
- center = _defaultProps$props.center,
33
- square = _defaultProps$props.square,
34
- reverse = _defaultProps$props.reverse,
35
- direction = _defaultProps$props.direction,
36
- style = _defaultProps$props.style,
37
- iconSize = _defaultProps$props.iconSize,
38
- iconColor = _defaultProps$props.iconColor,
39
- className = _defaultProps$props.className,
40
- rest = _objectWithoutProperties(_defaultProps$props, _excluded);
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
- children = _defaultProps$props.children,
36
- columnNum = _defaultProps$props.columnNum,
37
- index = _defaultProps$props.index,
38
- gutter = _defaultProps$props.gutter,
39
- square = _defaultProps$props.square,
40
- text = _defaultProps$props.text,
41
- icon = _defaultProps$props.icon,
42
- iconColor = _defaultProps$props.iconColor,
43
- iconSize = _defaultProps$props.iconSize,
44
- parentIconSize = _defaultProps$props.parentIconSize,
45
- parentIconColor = _defaultProps$props.parentIconColor,
46
- border = _defaultProps$props.border,
47
- center = _defaultProps$props.center,
48
- reverse = _defaultProps$props.reverse,
49
- direction = _defaultProps$props.direction,
50
- iconClassPrefix = _defaultProps$props.iconClassPrefix,
51
- iconFontClassName = _defaultProps$props.iconFontClassName,
52
- rest = _objectWithoutProperties(_defaultProps$props, _excluded);
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
- name = _defaultProps$props.name,
29
- size = _defaultProps$props.size,
30
- classPrefix = _defaultProps$props.classPrefix,
31
- color = _defaultProps$props.color,
32
- tag = _defaultProps$props.tag,
33
- children = _defaultProps$props.children,
34
- className = _defaultProps$props.className,
35
- fontClassName = _defaultProps$props.fontClassName,
36
- style = _defaultProps$props.style,
37
- onClick = _defaultProps$props.onClick,
38
- rest = _objectWithoutProperties(_defaultProps$props, _excluded);
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
- name = _defaultProps$props.name,
29
- size = _defaultProps$props.size,
30
- classPrefix = _defaultProps$props.classPrefix,
31
- color = _defaultProps$props.color,
32
- tag = _defaultProps$props.tag,
33
- children = _defaultProps$props.children,
34
- className = _defaultProps$props.className,
35
- fontClassName = _defaultProps$props.fontClassName,
36
- style = _defaultProps$props.style,
37
- onClick = _defaultProps$props.onClick,
38
- rest = _objectWithoutProperties(_defaultProps$props, _excluded);
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
- videos = props.videos,
27
- show = props.show,
28
- initNo = props.initNo,
29
- paginationColor = props.paginationColor,
30
- paginationVisible = props.paginationVisible,
31
- autoplay = props.autoplay,
32
- contentClose = props.contentClose,
33
- onClose = props.onClose;
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
- _useState2 = _slicedToArray(_useState, 2),
38
- showPop = _useState2[0],
39
- setShowPop = _useState2[1];
40
-
32
+ _useState2 = _slicedToArray(_useState, 2),
33
+ showPop = _useState2[0],
34
+ setShowPop = _useState2[1];
41
35
  var _useState3 = useState(1),
42
- _useState4 = _slicedToArray(_useState3, 2),
43
- active = _useState4[0],
44
- setActive = _useState4[1];
45
-
36
+ _useState4 = _slicedToArray(_useState3, 2),
37
+ active = _useState4[0],
38
+ setActive = _useState4[1];
46
39
  var _useState5 = useState(1),
47
- _useState6 = _slicedToArray(_useState5, 2),
48
- maxNo = _useState6[0],
49
- setMaxNo = _useState6[1];
50
-
40
+ _useState6 = _slicedToArray(_useState5, 2),
41
+ maxNo = _useState6[0],
42
+ setMaxNo = _useState6[1];
51
43
  var _useState7 = useState({
52
- scale: 1,
53
- moveable: false
54
- }),
55
- _useState8 = _slicedToArray(_useState7, 2),
56
- store = _useState8[0],
57
- setStore = _useState8[1];
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
- _useState10 = _slicedToArray(_useState9, 2),
61
- lastTouchEndTime = _useState10[0],
62
- setLastTouchEndTime = _useState10[1]; // 用来辅助监听双击
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
- } // 取到开始两指操作时的放大(缩小比例),store.scale 存储的是当前的放缩比(相对于标准大小 scale 为 1 的情况的放大缩小比)
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
- var store1 = store; // 双指移动
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; // 最大放大 3 倍,缩小后松手要弹回原比例
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
- size = _defaultProps$props.size,
26
- current = _defaultProps$props.current,
27
- block = _defaultProps$props.block,
28
- align = _defaultProps$props.align,
29
- fillZero = _defaultProps$props.fillZero,
30
- children = _defaultProps$props.children,
31
- className = _defaultProps$props.className,
32
- vertical = _defaultProps$props.vertical,
33
- rest = _objectWithoutProperties(_defaultProps$props, _excluded);
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 };